.save-modal-panel,.save-win-modal{background:var(--stg-paper);border-radius:var(--stg-r-xl)}.save-win-modal-header,.save-win-modal-header--compact{align-items:center;background:var(--stg-paper);border-bottom:none;display:flex;justify-content:space-between;padding:var(--sp-5) var(--sp-6) var(--sp-4)}.save-win-modal-title{color:var(--stg-ink);font-family:var(--font-display);font-size:24px;font-weight:400;letter-spacing:-.01em;margin:0}.save-win-close-btn{background:transparent;border:none;border-radius:var(--stg-r-pill);color:var(--stg-ink-3);cursor:pointer;display:grid;font-size:18px;height:36px;place-items:center;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease);width:36px}.save-win-close-btn:hover{background:var(--stg-paper-deep);color:var(--stg-ink)}.save-win-modal-body{flex:1;min-height:0;overflow-y:auto;padding:0}.save-win-grid{display:flex;flex-direction:column;gap:var(--sp-4);padding:0 var(--sp-6) var(--sp-6)}.save-win-panel{background:var(--stg-paper-deep);border:none;border-radius:var(--stg-r-lg);padding:var(--sp-5)}.save-win-panel-header,.save-win-panel-header--static{letter-spacing:.12em;margin-bottom:var(--sp-4);text-transform:uppercase}.save-win-panel-header,.save-win-panel-header--static,.save-win-panel-label{align-items:center;color:var(--stg-ink-3);display:flex;font-size:11px;font-weight:600;gap:8px}.save-win-panel-label{letter-spacing:.1em}.save-win-input-primary{background:var(--stg-paper-2);border:2px solid transparent;border-bottom:none;border-radius:var(--stg-r-lg);color:var(--stg-ink);font-family:var(--font-display);font-size:28px;font-weight:400;letter-spacing:-.01em;margin-bottom:var(--sp-4);outline:none;padding:16px 20px;text-transform:none;width:100%}.save-win-input-primary::placeholder{color:var(--stg-ink-4)}.save-win-input-primary:focus-visible{border-color:var(--stg-ink)}.save-win-input-readable{background:var(--stg-paper-2);border:2px solid transparent;border-radius:var(--stg-r-md);color:var(--stg-ink);font-family:var(--font-ui);font-size:14px;outline:none;padding:10px 14px;transition:border-color var(--dur-2) var(--ease);width:100%}.save-win-input-readable::placeholder{color:var(--stg-ink-4)}.save-win-input-readable:focus-visible{border-color:var(--stg-ink)}.save-win-field-label{color:var(--stg-ink-4);display:block;font-size:11px;font-weight:600;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.save-win-visibility-toggle{background:var(--stg-paper);border:none;gap:2px;margin-bottom:var(--sp-2);padding:4px}.save-win-vis-pill,.save-win-visibility-toggle{border-radius:var(--stg-r-pill);display:inline-flex}.save-win-vis-pill{align-items:center;background:transparent;border:none;color:var(--stg-ink-2);cursor:pointer;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.save-win-vis-pill.active,.save-win-vis-pill[aria-pressed=true]{background:var(--stg-ink);color:var(--stg-paper)}.save-win-vis-pill:not(.active):hover{background:var(--stg-paper-2)}.save-win-switch{align-items:center;color:var(--stg-ink-2);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px}.save-win-bpm-readout{align-items:baseline;background:var(--stg-paper-2);border-radius:var(--stg-r-md);display:flex;gap:6px;padding:8px 16px}.save-win-bpm-readout span:first-child{color:var(--stg-ink);font-family:var(--font-display);font-size:24px}.save-win-bpm-unit{color:var(--stg-ink-4);font-size:11px;font-weight:600}.save-win-upload-btn{align-items:center;background:transparent;border:none;color:var(--stg-ink);cursor:pointer;display:flex;font-size:14px;gap:8px;padding-left:0}.save-win-upload-btn:hover{color:var(--stg-ink-2)}.save-win-fetch-btn{background:var(--stg-pop-sky);border:none;border-radius:var(--stg-r-md);color:var(--stg-ink);cursor:pointer;font-family:var(--font-ui);font-weight:500;height:44px;padding:0 16px;white-space:nowrap}.save-win-modal-footer{align-items:center;background:var(--stg-paper);border-top:1px solid var(--stg-border);display:flex;justify-content:space-between;padding:var(--sp-4) var(--sp-6)}.save-win-save-btn{align-items:center;background:var(--stg-accent);border:none;border-radius:var(--stg-r-pill);color:var(--stg-accent-ink);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:18px;gap:8px;padding:10px 24px;transition:filter var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.save-win-save-btn:hover{filter:brightness(1.05)}.save-win-save-btn:active{transform:scale(.98)}.save-mode-fieldset{border:none;padding:0}.save-win-radio{align-items:center;color:var(--stg-ink-2);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px}.save-win-radio input[type=radio]{accent-color:var(--stg-ink)}.save-win-visibility-hint{color:var(--stg-ink-3);font-size:12px;margin-top:4px}.save-modal-v2{max-width:480px;width:100%}.save-modal-v2.save-modal-wide{max-width:880px;width:min(880px,calc(100vw - 2rem))}.save-modal-wide .save-modal-body{padding:0}.save-modal-wide .save-step.is-active{gap:0}.save-modal-wide #saveStepA{padding:var(--sp-5) var(--sp-6)}.save-wide-grid{display:grid;gap:0;grid-template-columns:1fr 1fr;width:100%}@media (max-width:660px){.save-wide-grid{grid-template-columns:1fr}}.save-wide-col{display:flex;flex-direction:column;gap:16px;min-width:0;padding:20px 24px}.save-wide-col--right{border-left:1px solid var(--stg-border)}@media (max-width:660px){.save-wide-col--right{border-left:none;border-top:1px solid var(--stg-border);padding-top:16px}}.save-wide-col .save-section{gap:6px}.save-wide-col .save-remake-block{gap:10px}.save-wide-col .save-cover-panel{border-top:none;margin-top:0;padding-top:0}.save-original-hint{color:var(--stg-ink-3);font-size:12px;line-height:1.5;margin:0}.save-wide-footer{background:var(--stg-paper);border-top:1px solid var(--stg-border);display:flex;flex-shrink:0;gap:10px;padding:14px 20px}.save-wide-footer--stack{align-items:stretch;flex-direction:column;gap:12px}.save-new-version-option{display:flex;flex-direction:column;gap:6px;padding-top:2px}.save-new-version-label{align-items:center;color:var(--stg-ink-2);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:13px;font-weight:500;gap:8px}.save-new-version-check{accent-color:var(--stg-accent);height:1rem;margin:0;width:1rem}.save-new-version-hint{color:var(--stg-ink-3);font-size:12px;line-height:1.45;margin:0;padding-left:calc(1rem + 8px)}.save-action-btn{align-items:center;border-radius:var(--stg-r-lg);cursor:pointer;display:inline-flex;flex:1;font-family:var(--font-ui);font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:52px;transition:filter var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.save-action-btn:active{transform:scale(.98)}.save-action-btn--new{background:transparent;border:1.5px solid var(--stg-border-strong);color:var(--stg-ink)}.save-action-btn--new:hover:not(:disabled){background:var(--stg-paper-deep);border-color:var(--stg-ink)}.save-action-btn--overwrite,.save-action-btn--primary{background:var(--stg-accent);border:none;color:var(--stg-accent-ink);font-weight:700;width:100%}.save-action-btn--overwrite:hover:not(:disabled),.save-action-btn--primary:hover:not(:disabled){filter:brightness(1.05)}.save-action-btn:disabled{cursor:not-allowed;opacity:.38}.save-action-btn .stg-icon{flex-shrink:0;height:16px;width:16px}@media (max-width:660px){.save-wide-footer{flex-direction:column}}.save-modal-body{display:flex;flex:1;min-height:0;overflow-y:auto;padding:var(--sp-5) var(--sp-6)}.save-modal-body,.save-step{flex-direction:column;gap:var(--sp-5)}.save-step{display:none}.save-step.is-active{display:flex}.save-step-lead{color:var(--stg-ink-2);font-size:15px;line-height:1.5;margin:0}.save-type-cards{gap:var(--sp-3)}.save-type-card,.save-type-cards{display:flex;flex-direction:column}.save-type-card{align-items:flex-start;background:var(--stg-paper-deep);border:2px solid transparent;border-radius:var(--stg-r-lg);cursor:pointer;gap:6px;padding:var(--sp-5);text-align:left;transition:border-color var(--dur-2) var(--ease),background var(--dur-1) var(--ease);width:100%}.save-type-card:hover{background:var(--stg-paper-2);border-color:var(--stg-border-strong)}.save-type-card.is-selected{background:var(--stg-paper-2);border-color:var(--stg-ink)}.save-type-card-title{color:var(--stg-ink);font-family:var(--font-display);font-size:20px;font-weight:400}.save-type-card-desc{color:var(--stg-ink-2);font-size:14px;line-height:1.4;margin:0}.save-type-card-badge{color:var(--stg-ink-3);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.save-continue-btn{align-self:stretch}.save-continue-btn:disabled{cursor:not-allowed;opacity:.45}.save-modal-header-row{align-items:center;display:flex;gap:var(--sp-3)}.save-back-btn{align-items:center;background:transparent;border:none;border-radius:var(--stg-r-pill);color:var(--stg-ink-3);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:4px;padding:4px 8px;transition:color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.save-back-btn:hover{background:var(--stg-paper-deep);color:var(--stg-ink)}.save-back-btn .stg-icon,.save-back-btn svg{flex-shrink:0;height:18px;width:18px}.save-mode-chip{background:var(--stg-paper-deep);border-radius:var(--stg-r-pill);color:var(--stg-ink-4);font-size:11px;font-weight:600;letter-spacing:.08em;padding:3px 10px;text-transform:uppercase}.save-section{display:flex;flex-direction:column;gap:6px}.save-section-title{color:var(--stg-ink);font-family:var(--font-display);font-size:18px;font-weight:400;margin:0}.save-section-hint{color:var(--stg-ink-3);font-size:13px;line-height:1.4;margin:0}.save-section-hint.hidden{display:none!important}.save-modal-v2 .input-label{color:var(--stg-ink-3);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}.save-title-input{background:var(--stg-paper-deep);border:2px solid transparent;border-radius:var(--stg-r-lg);color:var(--stg-ink);font-family:var(--font-display);font-size:24px;font-weight:400;letter-spacing:-.01em;outline:none;padding:14px 18px;transition:border-color var(--dur-2) var(--ease);width:100%}.save-title-input::placeholder{color:var(--stg-ink-4)}.save-title-input:focus{border-color:var(--stg-ink)}.meta-row{align-items:start;display:grid;gap:var(--sp-4);grid-template-columns:auto 1fr 1fr 1fr}.bpm-readout{align-items:baseline;background:var(--stg-paper-deep);border-radius:var(--stg-r-lg);display:flex;gap:4px;padding:10px 14px}.bpm-val{color:var(--stg-ink);font-family:var(--font-display);font-size:22px}.bpm-unit{color:var(--stg-ink-4);font-size:11px;font-weight:600;text-transform:uppercase}.cover-art-area{align-items:center;display:flex;gap:var(--sp-4)}.vis-toggles{display:flex;gap:var(--sp-2)}.vis-pill{align-items:center;background:transparent;border:1px solid var(--stg-border);border-radius:var(--stg-r-pill);color:var(--stg-ink-2);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.vis-pill .stg-icon,.vis-pill svg{flex-shrink:0;height:14px;width:14px}.vis-pill:hover{background:var(--stg-paper-deep);color:var(--stg-ink)}.vis-pill.active,.vis-pill[aria-pressed=true]{background:var(--stg-ink);border-color:var(--stg-ink);color:var(--stg-paper)}.vis-hint{color:var(--stg-ink-3);font-size:12px}.save-remake-block{border-top:1px solid var(--stg-border);display:flex;flex-direction:column;gap:var(--sp-4);padding-top:var(--sp-4)}.remake-grid-2{display:grid;gap:var(--sp-4);grid-template-columns:1fr 1fr}.remake-grid-3{display:grid;gap:var(--sp-4);grid-template-columns:1fr 1fr 1fr}.yt-row{align-items:flex-end;display:flex;gap:var(--sp-3)}.yt-btn{background:var(--stg-pop-sky,#b8f4ff);border:none;border-radius:var(--stg-r-md);color:var(--stg-ink);cursor:pointer;flex-shrink:0;font-family:var(--font-ui);font-size:14px;font-weight:500;height:44px;padding:0 16px;transition:filter var(--dur-2) var(--ease);white-space:nowrap}.yt-btn:hover{filter:brightness(1.05)}.yt-btn.yt-btn--ghost{background:transparent;border:1px solid var(--stg-border)}.save-win-fetch-status{color:var(--stg-ink-3);display:block;font-size:12px;margin-top:4px}.modal-footer{align-items:center;background:var(--stg-paper);border-top:1px solid var(--stg-border);display:flex;flex-shrink:0;gap:var(--sp-3);justify-content:space-between;padding:var(--sp-4) var(--sp-6)}.modal-footer.hidden{display:none!important}.modal-footer--save-v2 .save-mode-fieldset{display:flex;flex:1;flex-direction:column;gap:4px}.modal-footer--save-v2 .primary-btn{flex-shrink:0}