.band-dialog{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:28px;color:#344a3e;background:#fbf8ed;overflow:auto;border:1px solid #d8dfcd;border-radius:28px}
.band-dialog::backdrop{background:#273b3370;backdrop-filter:blur(5px)}
.band-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.band-top h2{font-size:28px;margin:6px 0 0;letter-spacing:-1px}.band-top h2 span{color:#90a38b}.band-eyebrow{font-size:10px;letter-spacing:2.5px;color:#74836c;font-weight:700}.band-close{font-size:27px;min-width:44px;min-height:44px}
.band-intro{font-size:14px;line-height:1.8;color:#6a7668;margin:14px 0 20px}.band-settings{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px 20px;background:#edf0e4;border-radius:18px;margin-bottom:20px}.band-settings label{font-size:12px;font-weight:700}.band-settings output{float:right;font-variant-numeric:tabular-nums;font-weight:500}.band-settings input{display:block;width:100%;height:32px;margin:6px 0 0;accent-color:#607b63;cursor:pointer}
.band-tracks{display:grid;gap:12px}.band-track{border:1px solid #e1e3d5;background:#fffdf6;border-radius:18px;padding:12px 16px}.band-track-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.band-preview{width:54px;height:54px;border:0;border-radius:50%;background:color-mix(in srgb,var(--band-color) 18%,#fff);cursor:pointer;flex-shrink:0;padding:2px}.band-portrait{display:block;width:100%;height:100%;background-size:300% 200%;background-position:0 0;background-repeat:no-repeat}.band-select-label{font-size:10px;color:#78816f;display:grid;gap:3px;flex:1;max-width:230px}.band-select-label select{font-family:inherit;font-size:14px;font-weight:600;color:#3d5142;background:transparent;border:0;border-bottom:1px solid #d8dfcf;min-height:32px;max-width:100%;cursor:pointer}.band-preview-hint{font-size:11px;color:#7d8776;margin-left:auto}.band-steps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.band-step{height:44px;min-width:0;padding:0;border:1px solid #dce2d2;background:#f0f3e9;border-radius:10px;color:#89917d;font-size:12px;font-weight:700;cursor:pointer;position:relative;transition:background .15s,box-shadow .15s}.band-step[aria-pressed=true]{background:color-mix(in srgb,var(--band-color) 62%,#fff);border-color:var(--band-color);color:#293d35}.band-step.band-current{box-shadow:0 0 0 3px #496750 inset}.band-step.band-current::after{content:'';position:absolute;left:50%;bottom:4px;transform:translateX(-50%);height:3px;width:12px;border-radius:2px;background:#2e5039}.band-controls{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.band-controls button{min-height:44px;padding:10px 17px;border-radius:24px;font:inherit;cursor:pointer}.band-controls .activity-primary{flex:1;min-width:140px}.band-status{font-size:12px;margin:15px 0 7px;color:#567250;min-height:18px}.band-note{font-size:11px;color:#7b8577;line-height:1.7;margin:0}.band-dialog button:focus-visible,.band-dialog select:focus-visible,.band-dialog input:focus-visible{outline:3px solid #476b50;outline-offset:3px}.band-preview:hover{background:color-mix(in srgb,var(--band-color) 35%,#fff)}
@media(max-width:540px){.band-dialog{padding:20px 16px;border-radius:22px}.band-top h2{font-size:24px}.band-settings{padding:14px;gap:18px}.band-track{padding:12px}.band-steps{grid-template-columns:repeat(4,minmax(44px,1fr));gap:8px}.band-step{height:44px}.band-preview-hint{font-size:10px}.band-controls{gap:8px}.band-controls .activity-primary{flex-basis:100%}.band-controls .activity-secondary{flex:1}.band-intro{font-size:12px}}
@media(prefers-reduced-motion:reduce){.band-step{transition:none}}
@media(max-width:420px){.band-preview-hint{display:none}.band-select-label{min-width:0}.band-select-label select{min-height:44px;width:100%}}