:root{color-scheme:dark;--bg:#0d1722;--card:#172737;--line:#314b61;--text:#edf6ff;--soft:#a9bfd3;--accent:#79e2f2;--warm:#eac393;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none} *{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}main{max-width:1160px;margin:auto;padding:28px 32px 18px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;color:var(--text);text-decoration:none}.brand-icon{background:var(--accent);color:var(--bg);width:35px;height:35px;border-radius:11px;display:grid;place-items:center}.brand small{font-size:10px;letter-spacing:2px;color:var(--soft);margin-left:8px}.pill,.badge{font-size:11px;border:1px solid var(--line);padding:7px 10px;border-radius:30px;color:var(--soft)}.intro{padding:37px 0 24px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(36px,5vw,58px);line-height:1.18;letter-spacing:-2px;margin:18px 0}h1 span{color:var(--accent)}.intro>p:last-child{font-size:14px;color:var(--soft);line-height:1.8;max-width:620px}.notice{border:1px solid var(--notice-border);background:var(--notice-bg);border-radius:10px;padding:12px 15px;font-size:12px;line-height:1.8;margin:0 0 18px}.notice.error{border-color:#80624d;color:#f2c29e;background:#2a241e}.layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card);min-width:0}.section-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}h2{font-size:17px;margin:0}.step{font-size:11px;color:var(--accent);margin-right:10px;font-weight:500}.subtle{font-size:10px;color:var(--soft)}h3{font-size:14px;margin:0 0 8px}label{font-size:12px;color:var(--soft);display:block;margin-bottom:9px}.input-row,.button-row{display:flex;gap:8px}input{font:inherit;font-size:16px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--text);padding:12px;min-width:0;width:100%}input:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{border:0;background:var(--accent);color:var(--button-text);font:inherit;font-weight:650;font-size:13px;min-height:44px;padding:11px 16px;border-radius:8px;cursor:pointer;white-space:nowrap}button.secondary{background:transparent;color:var(--text);border:1px solid var(--secondary-border)}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){filter:brightness(1.1)}.status,.help{font-size:12px;color:var(--soft);line-height:1.8}.status{min-height:22px}.video-shell{background:var(--video-bg);border:1px solid var(--line);border-radius:10px;overflow:hidden;aspect-ratio:16/9;position:relative;min-height:200px}.video-shell iframe{width:100%;height:100%;position:absolute;inset:0;border:0}#video-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;inset:0;color:var(--soft)}#video-placeholder>span{font-size:20px;border:1px solid var(--placeholder-border);border-radius:50%;width:50px;height:50px;display:grid;place-items:center;color:var(--accent)}#video-placeholder p{margin-bottom:6px}#video-placeholder small{font-size:11px}.clock-row{display:flex;justify-content:space-between;gap:10px;color:var(--soft);font-size:10px;margin-top:12px}.clock-row b{color:var(--text);font-variant-numeric:tabular-nums;font-size:12px;margin-left:5px}.divider{height:1px;background:var(--line);margin:22px 0}.log{padding-left:19px;font-size:12px;line-height:1.8;color:var(--soft);overflow-wrap:anywhere}.log li{margin:6px 0}.log li.fail{color:var(--warm)}.log li.pass{color:var(--accent)}.footnote{font-size:10px;color:var(--soft);line-height:1.8}.pitch-value{display:flex;align-items:center;gap:22px;margin:14px 0 28px}.pitch-value>span{font-size:76px;font-weight:650;letter-spacing:-3px;color:var(--accent);line-height:1.2;min-width:118px}.pitch-value strong{font-size:18px;font-weight:500;display:block}.pitch-value small{display:block;color:var(--soft);font-size:11px;margin-top:9px}.level-label{display:flex;justify-content:space-between;font-size:11px;color:var(--soft)}meter{width:100%;height:18px;margin:6px 0 20px}meter::-webkit-meter-bar{background:var(--track);border:none;border-radius:4px}meter::-webkit-meter-optimum-value{background:var(--accent);border-radius:4px}.graph{background:var(--graph-bg);border-radius:10px;padding:14px;margin-bottom:20px}.graph-heading{display:flex;justify-content:space-between;font-size:10px;color:var(--soft)}.legend{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;background:var(--accent);border-radius:50%}canvas{width:100%;height:190px;display:block;margin-top:12px}.graph p{font-size:10px;color:var(--soft);margin:8px 0 0}.button-row button:first-child{flex:1}details{font-size:11px;color:var(--soft);margin-top:14px}summary{cursor:pointer;padding:8px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.8}.timing-card{grid-column:1/-1}.timing-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.bpm-row{display:flex;align-items:center;gap:12px}.bpm-row input{width:85px}.bpm-row span{font-size:11px;color:var(--soft)}.beats{display:flex;gap:10px;margin:20px 0}.beats i{width:17px;height:17px;border-radius:50%;background:var(--beat-idle)}.beats i.active{background:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.beats i:first-child{width:22px;height:22px;margin-top:-2px}.timing-card output{float:right;color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--accent);height:42px;padding:0;background:transparent;border:0}.range-label{display:flex;justify-content:space-between;font-size:10px;color:var(--soft)}.muted{background:var(--muted-bg);border-color:var(--line);color:var(--soft);margin:18px 0 0}.result-note{display:flex;align-items:center;gap:15px;padding:28px 8px}.result-note>span{font-size:27px;color:var(--accent)}.result-note h3{font-size:13px}.result-note p{font-size:11px;color:var(--soft);line-height:1.7;margin:0}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:20px 0;color:var(--soft);font-size:10px} @media(max-width:760px){main{padding:20px 16px}.brand{font-size:20px}.brand small{display:none}.pill{font-size:10px}.intro{padding-top:24px}.layout{grid-template-columns:1fr}.card{padding:20px}.timing-grid{grid-template-columns:1fr;gap:18px}.section-top{margin-bottom:20px}.input-row{flex-wrap:wrap}.input-row input{flex-basis:100%}.input-row button{width:100%}.video-shell{aspect-ratio:4/3}.pitch-value>span{font-size:68px}footer{flex-direction:column;gap:7px}.timing-card{grid-column:auto}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}} select{width:100%;min-height:44px;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:8px;padding:10px;font:inherit;font-size:14px}select:focus-visible{outline:2px solid var(--accent);outline-offset:3px} .local-tools{margin-bottom:18px}.local-summary{display:flex;justify-content:space-between;gap:24px;align-items:center}.local-tools h2{font-size:20px}.local-tools .eyebrow{margin:0 0 10px}.local-tools[data-state=ready]{border-color:var(--ready-border)}.local-tools[data-state=warning]{border-color:var(--warning-border)}.local-tools a{color:var(--accent);text-underline-offset:3px}.install-steps{font-size:13px;color:var(--soft);line-height:1.9;padding-left:20px}.install-steps li{margin:12px 0}.install-steps code{display:block;white-space:normal;overflow-wrap:anywhere;padding:10px 12px;margin:8px 0;background:var(--input-bg);border:1px solid var(--line);border-radius:6px;color:var(--text)} @media(max-width:760px){.local-summary{flex-direction:column;align-items:stretch;gap:8px}} .prepare-buttons{margin-top:12px}.target-line{font-size:12px;color:var(--soft);margin:12px 0 18px;display:flex;gap:12px;flex-wrap:wrap}.target-line strong{color:#90cbef}.target-line span{margin-left:auto;color:var(--accent)}.score-card{margin:18px 0 24px}.score-title{color:var(--soft);font-size:14px}.score-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:20px;margin:24px 0}.score-grid>div{display:flex;flex-direction:column;gap:6px}.score-grid strong{font-size:34px;color:var(--text);font-weight:600}.score-grid .total strong{font-size:54px;color:var(--accent);line-height:1}.score-grid span{font-size:11px;color:var(--soft)}.score-history{list-style:none;padding:0}.score-history li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.score-history b{white-space:nowrap;color:var(--accent)} @media(max-width:480px){.score-grid{gap:10px}.score-grid strong{font-size:26px}.score-grid .total strong{font-size:40px}.score-grid span{font-size:10px}} .check-option{display:flex;gap:9px;align-items:center;margin:14px 0}.check-option input{width:18px;height:18px;accent-color:var(--accent)}audio{width:100%;margin:12px 0}.library-list{padding:0;list-style:none}.library-list li{padding:12px 0;border-bottom:1px solid var(--line)}.library-list strong{display:block;overflow-wrap:anywhere;color:var(--text);line-height:1.7}.library-list small{display:block;margin:5px 0 10px}.library-list .button-row{justify-content:flex-start}.library-list .button-row button{flex:0}.cal-notes{display:flex;gap:10px;margin:18px 0}.cal-notes span{flex:1;text-align:center;border:1px solid var(--line);padding:14px 6px;border-radius:8px;color:var(--soft)}.cal-notes .active{background:var(--accent);color:var(--bg)}.cal-notes .matched{border-color:var(--accent)}#calibration-panel .button-row{flex-wrap:wrap} .library-location{margin:22px 0 16px;padding:20px;background:var(--inset-bg);border:1px solid var(--inset-border);border-radius:12px}.library-location-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.library-location-heading h3{font-size:15px;margin:0}.library-location-heading p{font-size:12px;color:var(--soft);margin:5px 0 0}.library-location-heading .pill{margin-left:auto}.folder-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--icon-bg);color:var(--accent);font-size:32px}.library-path-row{display:flex;gap:8px}.library-path-row input{flex:1;font-size:14px}.library-location-feedback{display:flex;align-items:center;gap:12px}.library-location-feedback .status{flex:1;overflow-wrap:anywhere}.library-location .footnote{margin-bottom:0}.prepare-progress-panel{background:var(--inset-bg);border:1px solid var(--line);border-radius:10px;padding:16px;margin-top:16px}.prepare-steps{display:flex;justify-content:space-between;gap:8px;padding:0;list-style:none;font-size:11px;color:var(--soft);margin:0 0 18px}.prepare-steps li{border-top:3px solid var(--step-border);padding-top:9px;flex:1}.prepare-steps li.active{border-color:var(--accent);color:var(--accent)}.prepare-steps li.done{border-color:var(--step-done)}.progress-heading{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:8px}.progress-heading span:last-child{font-size:10px;color:var(--soft)}progress{width:100%;height:9px;accent-color:var(--accent);display:block}progress::-webkit-progress-bar{background:var(--track);border-radius:8px}progress::-webkit-progress-value{background:var(--accent);border-radius:8px}.library-list li{display:flex;align-items:center;gap:10px}.song-choice{flex:1;background:transparent;color:var(--text);text-align:left;white-space:normal;padding:14px 12px;border:1px solid transparent}.song-choice:hover:not(:disabled),.song-choice[aria-current=true]{border-color:var(--choice-border);background:var(--choice-bg)}.song-choice small{font-weight:400;color:var(--soft);margin-bottom:0}.song-delete{flex:0;font-size:11px;color:var(--soft)!important}#score-range{margin-top:0}#pitch-mode+.help{margin-bottom:20px} @media(max-width:760px){.library-path-row{flex-wrap:wrap}.library-path-row input{flex-basis:100%}.library-location-heading .pill{display:none}.library-path-row button{flex:1}.library-location{padding:16px}.library-location-feedback{align-items:flex-start;flex-direction:column;gap:0}} /* Section bookmarks stay available while moving around the practice page. */ html{scroll-behavior:smooth;scroll-padding-top:var(--nav-offset,88px)} main{max-width:1360px} /* Solid background follows the viewport; a dashed border marks the next task. */ .section-nav{position:sticky;top:0;z-index:20;padding:8px 0;margin-bottom:8px;background:var(--bg);border-bottom:1px solid var(--line)} .nav-links{display:flex;flex-wrap:wrap;gap:2px 4px;align-items:center} .section-nav a{display:block;text-decoration:none;color:var(--soft);font-size:12px;font-weight:600;line-height:20px;padding:9px 12px;border:1px solid transparent;border-radius:8px;white-space:nowrap} .section-nav a:hover,.section-nav a:focus-visible{color:var(--accent);background:var(--notice-bg);border-color:var(--notice-border)} .nav-links a[aria-current="location"]{color:var(--accent);background:var(--notice-bg);box-shadow:inset 0 -3px var(--accent)} .nav-links a[data-next]{border:1px dashed var(--accent);color:var(--accent)} .nav-workflow{display:flex;align-items:center;gap:10px;margin-top:6px;padding:8px 12px;background:var(--card);border:1px solid var(--line);border-radius:9px} .nav-workflow p{flex:1;margin:0;font-size:12px;line-height:1.7;min-width:0} .nav-workflow strong{color:var(--accent);margin-right:12px} .nav-workflow span{color:var(--soft)} .nav-workflow #workflow-go{flex-shrink:0;color:var(--accent);padding:6px 10px} .nav-workflow button{font-size:12px;min-height:34px;padding:6px 10px} .layout{grid-template-columns:minmax(0,2fr) minmax(340px,1fr)} .prepare-card{grid-column:1/-1} .voice-card .section-top{flex-wrap:wrap} .voice-card .pitch-value{gap:14px} .source-card .video-shell{width:100%;max-width:1040px;margin-inline:auto;aspect-ratio:16/9;min-height:0} .source-card .clock-row{max-width:1040px;margin-inline:auto} .card[tabindex]:focus,#library-panel:focus{outline:none} .card:target,#library-panel:target{border-color:var(--ready-border)} @media(max-width:760px){.section-nav{margin-inline:-16px;padding:6px 16px}.nav-links{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.nav-links a{flex-shrink:0;padding:10px}.nav-workflow{flex-wrap:wrap;gap:4px;padding:6px 10px}.nav-workflow p{flex-basis:100%}.nav-workflow strong{display:block}.nav-workflow span{display:block;max-height:3.4em;overflow-y:auto}.source-card{grid-column:auto}} @media(max-width:999px){.layout{grid-template-columns:minmax(0,1fr)}} .progress-heading{flex-wrap:wrap}.progress-heading #prepare-device{overflow-wrap:anywhere} .prepare-buttons{flex-wrap:wrap} [hidden] { display: none !important; } #library-panel > summary{font-size:clamp(20px,2vw,24px);font-weight:800;line-height:1.5;color:var(--accent);background:var(--library-heading);border:1px solid var(--choice-border);border-left:4px solid var(--accent);border-radius:10px;padding:12px 16px;margin:20px 0 14px} #library-panel > summary::marker{color:var(--accent)} #library-status{font-size:15px;font-weight:600;color:var(--text)} #mask-panel{border-top:1px solid var(--line);margin-top:20px;padding-top:8px}#mask-panel>summary{color:var(--accent);font-size:16px;font-weight:700}.mask-times{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mask-times button{width:100%;margin-top:8px;font-size:12px}.mask-actions{margin-top:12px;flex-wrap:wrap}.mask-list{padding:0;list-style:none}.mask-list li{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px 0}.mask-list span{flex:1;color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}.mask-list button{font-size:12px}#mask-song{overflow-wrap:anywhere}@media(max-width:480px){.mask-times{grid-template-columns:1fr}} .preview-source { color: var(--accent, #79e2f2); font-size: 1.1rem; font-weight: 700; overflow-wrap: anywhere; } .segment-section{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)} .segment-active #score-section .score-grid,.segment-active #take-difficulty,.segment-active #score-status{display:none} .segment-active .video-shell{max-height:320px;aspect-ratio:auto;min-height:240px} .segment-section details{padding:8px 0;border-top:1px solid var(--line)}.segment-section summary{font-size:13px;color:var(--text);line-height:1.6} .segment-section .section-top{margin-bottom:12px;gap:10px;flex-wrap:wrap}.segment-section h3{margin:0;font-size:17px} .segment-section .button-row{flex-wrap:wrap;margin:12px 0}.segment-section .button-row button{flex:1 1 auto;white-space:normal} .segment-section label{margin-top:14px}.segment-section .segment-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px} .segment-section select,.segment-section input{margin-top:5px}.segment-section .check-option input{width:auto} .segment-section output{float:right;font-variant-numeric:tabular-nums}.segment-section audio{width:100%;margin:14px 0} .segment-timeline{position:relative;display:flex;min-height:54px;margin:14px 10px 20px;border-radius:8px;background:var(--inset-bg)} .segment-timeline .segment-block{min-width:0;border-radius:0;padding:5px 0;overflow:hidden;background:var(--muted-bg);color:var(--soft);border-right:2px solid var(--card);font-variant-numeric:tabular-nums} .segment-timeline .segment-block.selected{background:var(--choice-bg);color:var(--accent);box-shadow:inset 0 -3px var(--accent)} /* 分段色塊：沒選的暗、選中（要錄）的亮、正在錄的亮＋閃。用 #segment-timeline 提高優先順序，蓋過主題的一般按鈕漸層 */ #segment-timeline .segment-block{background:var(--muted-bg);background-image:none;color:var(--soft);opacity:.55;font-weight:500;box-shadow:none;filter:none} #segment-timeline .segment-block.selected{background:var(--signal-button,var(--accent));color:var(--button-text);opacity:1;font-weight:800;box-shadow:inset 0 -3px var(--accent)} #segment-timeline .segment-block.recording{opacity:1;animation:segment-recording .6s ease-in-out infinite alternate} @keyframes segment-recording{from{filter:brightness(.8);box-shadow:inset 0 -3px var(--accent)}to{filter:brightness(1.5);box-shadow:inset 0 0 0 3px rgba(255,255,255,.9),inset 0 -3px var(--accent)}} @media (prefers-reduced-motion:reduce){#segment-timeline .segment-block.recording{animation:none;filter:brightness(1.3);box-shadow:inset 0 0 0 3px rgba(255,255,255,.9)}} .segment-timeline .segment-marker{position:absolute;top:-8px;bottom:-8px;transform:translateX(-50%);width:18px;min-height:54px;padding:0;border-radius:4px;background:transparent;color:var(--accent);font-size:28px;cursor:ew-resize;touch-action:none;z-index:1} .segment-timeline .segment-marker:focus-visible,.segment-timeline .segment-marker:hover{background:var(--input-bg)} #segment-tools[hidden],#segment-whole[hidden],#segment-open[hidden]{display:none} @media(max-width:500px){.segment-section .segment-fields{grid-template-columns:1fr}.segment-section .button-row button{flex-basis:40%}} /* Cool blue palette is the default; warm overrides remain independent. */ :root{--notice-border:#365f7a;--notice-bg:#1a3448;--input-border:#38536d;--input-bg:#0d1d2d;--button-text:#092936;--secondary-border:#486980;--video-bg:#0b1622;--placeholder-border:#385b77;--track:#274257;--graph-bg:#102130;--beat-idle:#335168;--accent-glow:#79e2f240;--muted-bg:#192e40;--ready-border:#58acc6;--warning-border:#8c714b;--inset-bg:#102332;--inset-border:#2d4e68;--icon-bg:#20465b;--step-border:#2d4b61;--step-done:#4297b1;--choice-border:#487993;--choice-bg:#193b50;--library-heading:#1a3b50;--chart-grid:#2b465d;--chart-label:#91aec5;} :root[data-theme="warm"]{--bg:#191310;--card:#28201a;--line:#4b3b2f;--text:#fff1df;--soft:#c6b29e;--accent:#ffc28a;--warm:#f4b99b;--chart-grid:#4b3b2e;--chart-label:#baa08a;--notice-border:#73523a;--notice-bg:#33261e;--input-border:#615044;--input-bg:#1b1512;--button-text:#2b190c;--secondary-border:#80614a;--video-bg:#17120f;--placeholder-border:#655142;--track:#4a382b;--graph-bg:#211914;--beat-idle:#514031;--accent-glow:#ffc28a40;--muted-bg:#2c221c;--ready-border:#cb9968;--warning-border:#b38b60;--inset-bg:#201813;--inset-border:#564235;--icon-bg:#493021;--step-border:#4c3b2e;--step-done:#af7c50;--choice-border:#946747;--choice-bg:#3b281c;--library-heading:#3d2a1e;} .header-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end} .theme-picker{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap} .theme-picker select{width:auto;min-width:122px;font-size:13px} header{gap:18px;flex-wrap:wrap} .score-actions{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr)} .score-actions button{min-width:0;white-space:normal;overflow-wrap:anywhere} @media(max-width:480px){.header-controls{width:100%;justify-content:space-between;gap:8px}.score-actions button{padding-inline:8px}} #preview-panel > summary{font-size:clamp(20px,2vw,24px);font-weight:750;line-height:1.5;color:var(--accent);padding-block:12px} .prepare-steps{flex-wrap:wrap}.prepare-steps li{min-width:72px} .score-history .check-option{margin:0;flex:1;min-width:0;color:var(--text)}.score-history .check-option span{overflow-wrap:anywhere}.score-history .check-option input{flex-shrink:0}.history-actions{flex-wrap:wrap}#recordings-panel summary{font-size:18px;color:var(--accent);font-weight:700}#recording-rescue{color:var(--accent);display:block;margin:12px 0}#recording-rescue[hidden]{display:none} #recording-rescue a{display:block;color:var(--accent);margin:8px 0;overflow-wrap:anywhere} #recording-balance{border:1px solid var(--line);border-radius:10px;padding:14px;margin:16px 0;min-width:0}#recording-balance legend{color:var(--accent);font-size:14px}.recording-levels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.recording-levels output{float:right}.recording-levels input:disabled{opacity:.4}@media(max-width:500px){.recording-levels{grid-template-columns:1fr;gap:8px}} #recording-post{margin:18px 0;grid-column:1/-1;scroll-margin-top:88px}#recording-post select{width:100%;min-width:0;max-width:100%}#recording-post .button-row,#recording-list .button-row{flex-wrap:wrap}#recording-post .button-row button{flex:1 1 220px}#post-audio{width:100%;max-width:100%}#post-score,#post-status{overflow-wrap:anywhere} #prepare-settings{margin:0 0 18px}#prepare-settings>summary{color:var(--accent);font-size:17px;font-weight:700;border:1px solid var(--line);border-radius:10px;padding:14px 16px}#prepare-settings[open]>summary{margin-bottom:18px} /* The first UI revision keeps optional tools in native, keyboard-accessible folds. */ .layout{align-items:start} .section-fold{margin:0;font-size:inherit} .section-fold>summary{color:var(--accent);font-size:17px;font-weight:700;padding:0;line-height:1.7} .fold-caption{font-size:12px;font-weight:400;color:var(--soft);margin-left:12px} .fold-body{padding-top:24px} .settings-fold>summary{color:var(--accent);font-size:17px;font-weight:700;border:1px solid var(--line);border-radius:10px;padding:14px 16px;line-height:1.7} .settings-fold[open]>summary{margin-bottom:20px} .settings-fold{margin:0 0 18px} .preset-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px} .preset-heading h3{margin:0;color:var(--text)} .preparation-preset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0} .preparation-preset>div{padding:14px 16px;border:1px solid var(--line);background:var(--inset-bg);border-radius:10px} .preparation-preset dt{color:var(--soft);font-size:12px;margin-bottom:6px} .preparation-preset dd{color:var(--text);font-size:14px;line-height:1.6;margin:0;overflow-wrap:anywhere} .settings-subsection{border-top:1px solid var(--line);padding-top:22px;margin-top:24px;min-width:0} .settings-subsection h3{font-size:18px;color:var(--accent);margin-bottom:14px} #score-settings>label:first-of-type{margin-top:18px} @media(max-width:760px){.preparation-preset{grid-template-columns:repeat(2,minmax(0,1fr))}.fold-caption{display:block;margin:5px 0 0 20px}} @media(max-width:420px){.preparation-preset{grid-template-columns:1fr}.preset-heading{flex-wrap:wrap}} #prepare-status:empty{min-height:0;margin:0} /* Player and live pitch share the first row; tools continue below. */ .voice-settings{margin-bottom:18px} .layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr)} .voice-card .pitch-value,.voice-card .graph-heading,.voice-card .target-line{flex-wrap:wrap} .layout>.card,.layout>details{grid-column:1/-1} .layout>#player-section,.layout>#voice-section{grid-column:auto;align-self:stretch} .library-card{grid-column:1/-1} .library-card #library-panel{margin:0} .library-card #library-panel>summary{margin:0} .library-card #library-panel[open]>summary{margin-bottom:18px} #recording-settings>label:first-of-type{margin-top:18px} @media(max-width:760px){.layout{grid-template-columns:minmax(0,1fr)}} .player-session{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;scroll-margin-top:88px} .player-session .score-title{margin:0 0 14px;overflow-wrap:anywhere} .player-session .score-grid{grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 16px} .player-session .status{overflow-wrap:anywhere} .player-session:focus{outline:none} .local-tools{margin:0 0 18px} .local-tools>summary{padding:0;color:var(--text);font-size:20px;font-weight:750;line-height:1.6} .local-tools>summary h2{display:inline} .local-tools[open]>summary{margin-bottom:20px} /* Keep every recording action group on the same right edge. */ #recording-list li{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:6px 20px} #recording-list li>strong,#recording-list li>small{grid-column:1;min-width:0;overflow-wrap:anywhere} #recording-list .button-row{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;margin:0;align-self:center} #recording-list .button-row button{flex:0 0 auto;width:100%} @media(max-width:600px){#recording-list li{grid-template-columns:minmax(0,1fr)}#recording-list .button-row{grid-column:1;grid-row:auto;justify-self:end;width:min(100%,220px)}} #recording-post #selected-recording-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px} #selected-recording-actions button{min-width:0} .post-effects>summary{display:flex;align-items:center;gap:18px;min-height:92px;padding:18px 22px;border:2px solid var(--accent);border-radius:12px;background:var(--choice-bg);color:var(--text);cursor:pointer;list-style:none}.post-effects>summary::-webkit-details-marker{display:none}.post-effects>summary::before{content:"";width:10px;height:10px;border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);transform:rotate(-45deg);flex-shrink:0}.post-effects[open]>summary::before{transform:rotate(45deg)}.post-effects-heading{display:grid;gap:6px;flex:1;min-width:0}.post-effects-heading strong{font-size:21px;line-height:1.35;font-weight:800;color:var(--accent)}.post-effects-heading>span{font-size:14px;line-height:1.5}.post-effects-toggle{flex-shrink:0;background:var(--accent);color:var(--button-text);font-size:14px;font-weight:750;padding:10px 16px;border-radius:8px}.post-effects .when-open{display:none}.post-effects[open] .when-open{display:inline}.post-effects[open] .when-closed{display:none}.post-effects>summary:hover{box-shadow:0 0 0 3px var(--accent-glow)}.post-effects>summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px} .post-effects{margin:18px 0}.post-effects fieldset{border:0;padding:12px 0 0;margin:0;min-width:0}.post-effects legend{font-size:12px;color:var(--soft)}.post-effects h3{margin-top:20px}.post-eq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.post-eq-grid label{display:flex;justify-content:space-between;gap:8px}.post-region-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;margin:12px 0}.post-region-row label{margin:0}.post-region-row input{margin-top:8px}.post-region-row button{margin-bottom:1px}#post-region-add,#post-effects-reset{margin-top:8px} .mv-library-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.mv-library-tools input{flex:1 1 220px;font-size:14px;padding:10px}.mv-library-list{max-height:360px;overflow:auto;margin:8px 0} .mv-entry{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.mv-entry label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;margin:0;cursor:pointer}.mv-entry input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.mv-entry span{display:grid;gap:3px;min-width:0}.mv-entry strong{color:var(--text);font-size:13px;overflow-wrap:anywhere}.mv-entry small{font-size:11px;color:var(--soft)}.mv-entry button{flex-shrink:0;min-height:36px;padding:7px 12px} @media (max-width:640px){.mv-entry{flex-wrap:wrap}.mv-entry label{flex-basis:100%}} .post-effect-region-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:12px;align-items:end;margin:12px 0}.post-effect-region-row label{margin:0}.post-effect-region-row input{margin-top:8px}.post-effects input[type=range]{margin-inline:0}#post-audition-position{display:block;color:var(--accent)}#post-audition-panel .button-row{flex-wrap:wrap}#post-audition-panel .button-row button{min-width:120px}#post-audition-stop{margin-top:12px}#post-effect-region-add{margin-top:8px}@media(max-width:800px){.post-effect-region-row{grid-template-columns:repeat(2,minmax(0,1fr))}} .layout>#recording-post,.layout>.score-card{margin:0} /* Segmented singing: full-width player above equal capture and composition columns. */ .layout.segment-layout{grid-template-columns:repeat(2,minmax(0,1fr))} .layout.segment-layout>#player-section{grid-column:1/-1;grid-row:1;align-self:start} .layout.segment-layout>#segment-section{grid-column:1;grid-row:2;align-self:start;margin:0;padding:24px} .layout.segment-layout>#segment-side{grid-column:2;grid-row:2;align-self:start;margin:0;padding:24px} .layout.segment-layout>#voice-section{display:none} #segment-side[hidden]{display:none} #segment-player-tools[hidden],#segment-take-audio[hidden]{display:none} #recording-review[hidden],.segment-active #recording-review{display:none} .recording-action-result:not([hidden]){padding:12px 14px;border:1px solid var(--accent);border-radius:8px;color:var(--text);background:var(--inset-bg)} .segment-active #recording-review-status{display:none} #recording-review{margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:10px} #recording-review .button-row{flex-wrap:wrap;margin-top:14px} #recording-review label{margin-top:12px} #segment-player-tools .button-row{flex-wrap:wrap;margin-top:12px} #segment-player-tools #segment-transport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px} #segment-transport button{min-height:48px;min-width:0;padding-inline:8px;white-space:normal} .segment-active>.section-top,.segment-active>#song-form,.segment-active>#player-status, .segment-active #score-section>.score-title,.segment-active #score-section>.score-actions,.segment-active .whole-guide-control,.segment-active #recording-status{display:none} .segment-active .player-session{border:0;margin-top:8px;padding:0} .segment-active .video-shell{aspect-ratio:16/9;min-height:0;max-height:none;max-width:none} .segment-active .clock-row{max-width:none} #segment-side .preview-source{font-size:15px;line-height:1.6} #segment-side details:first-of-type{margin-top:0} #segment-output-panel{--accent:#d6afff;--soft:#d4c4e5;--text:#f6edff;--button-text:#29163c;--input-bg:#241b30;--input-border:#756086;--secondary-border:#9c7ebb;margin-top:22px;padding:16px;border:1px solid #9273ae;border-left:4px solid var(--accent);border-radius:12px;background:#302239;color:var(--soft)} #segment-output-panel>summary{color:var(--accent);font-size:13px;font-weight:700;line-height:1.6} #segment-output-panel .help{margin-bottom:0} #segment-output-panel input[type=checkbox]{accent-color:var(--accent)} #segment-output-panel .segment-clear{margin-top:20px;padding-top:16px;border-top:1px solid var(--input-border)} #segment-delete-song-takes,#recording-review-delete-song{width:100%;white-space:normal;border-color:#d99da9;color:#ffd1db} @media(max-width:760px){.layout.segment-layout{grid-template-columns:minmax(0,1fr)}.layout.segment-layout>#segment-side{grid-column:1;grid-row:3}} #voice-output{min-width:0;border:1px solid var(--line);border-radius:10px;padding:14px;margin:18px 0} #voice-output legend{color:var(--accent);font-size:14px} #voice-output .input-row{margin-bottom:16px;flex-wrap:wrap} #voice-output-device{min-width:0;max-width:100%;flex:1 1 180px} #voice-output-volume-value{float:right;color:var(--accent)} #voice-output .footnote{margin-bottom:0} .post-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.post-edit-grid>div{min-width:0}.post-edit-grid button{margin-top:8px;width:100%}.post-edit-grid input{width:100%} @media(max-width:650px){.post-eq-grid,.post-edit-grid{grid-template-columns:1fr}.post-region-row{grid-template-columns:1fr 1fr}.post-effects>summary{gap:12px;padding:14px}.post-effects-heading strong{font-size:18px}.post-effects-toggle{padding:8px;font-size:12px}} .audition-transport{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin:18px 0 8px;align-items:stretch}.audition-transport button{min-height:64px;font-size:19px;border:2px solid var(--accent);background:var(--card);color:var(--accent)}.audition-transport button[aria-pressed=true]{background:var(--accent);color:var(--button-text);box-shadow:0 0 0 3px var(--accent-glow)}.audition-transport #post-audition-stop{margin:0;font-size:14px;border-color:var(--line)}#post-audition-fields>.button-row{margin:12px 0 18px}#post-audition-position{min-height:24px;font-size:16px;font-weight:700} .audition-slot-a,#post-audition-a-play{--slot-color:#8bd5ff;--slot-tint:rgba(77,174,231,.10)}.audition-slot-b,#post-audition-b-play{--slot-color:#d6afff;--slot-tint:rgba(174,107,245,.12)}.audition-settings{margin-top:24px}.audition-tabs{display:flex;gap:8px;align-items:end}.audition-tabs [role=tab]{min-width:156px;min-height:50px;padding:12px 28px;border:1px solid var(--slot-color);border-radius:12px 12px 0 0;background:var(--slot-tint);color:var(--slot-color);font-size:17px}.audition-tabs [role=tab][aria-selected=true]{background:var(--slot-color);color:#17222b;font-weight:800}.audition-setting-pane{padding:20px 24px;border:1px solid var(--slot-color);border-top:4px solid var(--slot-color);border-radius:0 12px 12px 12px;background:var(--slot-tint)}.audition-setting-pane[hidden]{display:none}.post-effects .audition-setting-pane h3{margin-top:0;color:var(--slot-color)}.audition-setting-pane .button-row{max-width:700px;margin-top:18px}.audition-setting-pane button.secondary{border-color:var(--slot-color);color:var(--slot-color)}.audition-transport button[aria-pressed]{border-color:var(--slot-color);color:var(--slot-color)}.audition-transport button[aria-pressed=true]{background:var(--slot-color);color:#17222b;box-shadow:0 0 0 3px var(--slot-tint)} #post-ab-editor{--accent:var(--slot-color);--accent-glow:var(--slot-tint);--choice-bg:var(--slot-tint);--input-border:var(--slot-color);--secondary-border:var(--slot-color);margin:22px 0;padding:20px 24px;border:1px solid var(--slot-color);border-left:5px solid var(--slot-color);border-radius:12px;background:var(--slot-tint);scroll-margin-top:80px} #post-ab-editor label,#post-ab-editor output,#post-ab-editor h3,#post-ab-editor legend,#post-ab-editor button.secondary{color:var(--slot-color)} #post-ab-editor output{font-weight:700;font-variant-numeric:tabular-nums} .post-scene-card,.post-emotion-card{padding:18px 20px;margin:18px 0 24px;border:1px solid var(--slot-color);border-radius:10px;background:var(--slot-tint)}.post-scene-card>label,.post-emotion-card>label{font-size:18px;font-weight:700;margin-top:0}#post-scene-status,#post-emotion-status{font-weight:700;color:var(--slot-color);line-height:1.8} .ab-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--slot-color)}.ab-editor-heading h3{font-size:21px;margin:0}.ab-editor-heading .help{margin:6px 0 0}.ab-editor-switch{display:flex;gap:8px}.ab-editor-switch button{min-width:110px;border:1px solid var(--slot-color);background:transparent;color:var(--slot-color);font-size:16px}.ab-editor-switch button[aria-pressed=true]{background:var(--slot-color);color:#17222b} #post-ab-editor .ab-editor-heading{position:sticky;top:var(--nav-offset,88px);z-index:10;background:var(--card);padding:14px 16px;margin:-4px -8px 24px;border:1px solid var(--slot-color);border-radius:8px;box-shadow:0 4px 12px #0003} #post-ab-editor input,#post-ab-editor select,#post-ab-editor button{scroll-margin-top:190px} .audition-differences{margin:20px 0 26px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--input-bg)}.difference-heading{display:flex;align-items:baseline;gap:18px;justify-content:space-between;margin-bottom:12px}.post-effects .difference-heading h3{margin:0;font-size:17px;color:var(--text)}.difference-heading [role=status]{font-size:13px;color:var(--soft)}.audition-differences table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.audition-differences table[hidden]{display:none}.audition-differences th,.audition-differences td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.audition-differences th:first-child{width:46%;font-weight:500}.audition-differences thead th{font-weight:700}.audition-differences .audition-slot-a,.audition-differences .audition-slot-b{color:var(--slot-color);background:var(--slot-tint);font-weight:650}.audition-differences .help{margin-bottom:0} .field-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.2rem; margin: 1rem 0; } .field-grid label { display: block; margin: .5rem 0; } .post-repair-panel { border: 1px solid currentColor; border-radius: 12px; padding: 18px 20px; margin: 18px 0 24px; } .post-repair-panel > summary { cursor: pointer; padding: 8px 0; } .post-repair-panel > summary strong { font-size: 19px; margin-right: 20px; } .post-repair-panel > summary span { font-size: 13px; } .post-repair-panel .post-eq-grid { align-items: start; } .song-key-control{margin:18px 0}.song-key-control select{min-width:0}.song-key-group>details{width:100%;min-width:0}.key-versions{margin:8px 0 0;padding-left:12px;border-left:2px solid var(--line)} .song-choice.has-pending-review{border-color:#d5aa57;background:rgba(213,170,87,.12)} .song-choice.has-pending-review[aria-current=true]{outline:2px solid var(--accent);outline-offset:2px} .song-pending-badge{display:inline-block;margin:8px 0 0;padding:4px 9px;border-radius:6px;background:#f0cf88;color:#352710;font-size:12px;font-weight:700;line-height:1.5} .song-pending-badge[hidden]{display:none} .song-key-group summary>.song-pending-badge{margin:0 0 0 10px} #preparation-fields>label{display:flex;align-items:center;gap:8px}#keep-preview{width:auto;margin:0;accent-color:var(--accent)} .video-shell #local-video { width:100%; height:100%; object-fit:contain; background:#000; } #source-kind { margin-bottom:12px; } #local-media-controls { margin-bottom:16px; } /* Returning to whole-song scoring is a distinct mode change. */ #segment-whole{min-height:62px;padding:16px 24px;font-size:18px;font-weight:750;letter-spacing:.5px;color:#fff;background:linear-gradient(115deg,#414fa7,#63419b);border:1px solid #acb6ff;border-radius:10px;box-shadow:0 6px 18px -7px #111742aa,inset 0 1px #ffffff30} #segment-whole:not(:disabled):hover{color:#fff;background:linear-gradient(115deg,#4d5dbb,#754db1);border-color:#d1d6ff;box-shadow:0 7px 22px -6px #6265d077,inset 0 1px #ffffff40} #segment-whole:focus-visible{outline:3px solid #d1d6ff;outline-offset:4px} /* Studio finish: static light, opaque working surfaces, and raised selections. */ :root:not([data-theme="warm"]){--bg:#080f1b;--card:#111e30;--line:#293d56;--text:#edf6ff;--soft:#a9bed4;--accent:#72e4f4;--input-bg:#0a1525;--input-border:#334e6b;--notice-bg:#122e42;--notice-border:#305e79;--graph-bg:#0b1829;--inset-bg:#0d1a2b;--inset-border:#2b435e;--choice-bg:#183a52;--choice-border:#71cde5;--library-heading:#132c42;--studio-light:#72e4f40a;--studio-halo:#526dff10;--studio-top:#1c334b;--studio-edge:#72e4f44a;--studio-shadow:#0009;--studio-grid:#7099d007;--studio-selected:#20465f;--studio-sub:#b1baff} :root[data-theme="warm"]{--studio-light:#ffc28a08;--studio-halo:#ba815910;--studio-top:#3c2d22;--studio-edge:#ffc28a40;--studio-shadow:#0008;--studio-grid:#c6a58a06;--studio-selected:#533925;--studio-sub:#e6c8a7} body{background-color:var(--bg);background-image:radial-gradient(ellipse at 85% 0,var(--studio-halo),transparent 45%),linear-gradient(var(--studio-grid) 1px,transparent 1px),linear-gradient(90deg,var(--studio-grid) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px} header{padding-block:4px 22px;border-bottom-color:var(--studio-edge)} .brand{letter-spacing:.4px}.brand-icon{border:1px solid var(--accent);border-radius:10px;background:var(--notice-bg);color:var(--accent);box-shadow:inset 0 1px #ffffff12,0 0 20px var(--accent-glow)} .brand small{font-weight:500;color:var(--studio-sub);letter-spacing:2.5px} .header-controls>.pill{border-color:var(--studio-edge);background:var(--input-bg)} .studio-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:28px;padding:30px 12px 32px;position:relative;overflow:hidden} .studio-intro .eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--studio-sub)} .studio-intro h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1px;line-height:1.3;margin:16px 0} .studio-intro h1 span{color:var(--accent);text-shadow:0 0 28px var(--accent-glow)} .intro-copy>p:last-of-type{color:var(--soft);font-size:13px;line-height:1.9;margin-bottom:18px} .studio-tags{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:2px;color:var(--text)}.studio-tags i{font-style:normal;color:var(--line)} .studio-art{width:100%;max-width:420px;justify-self:end;padding:22px;background:radial-gradient(ellipse,var(--studio-light),transparent 70%);border-block:1px solid var(--studio-edge)} .studio-art svg{width:100%;display:block}.signal-grid{stroke:var(--line);stroke-width:.6;stroke-dasharray:2 6}.signal-orbit{stroke:var(--studio-edge);stroke-width:.6}.signal-bars{fill:var(--accent);opacity:.75}.signal-line{stroke:var(--accent);stroke-width:1;opacity:.6} .section-nav{background:var(--bg);box-shadow:0 10px 24px -18px var(--studio-shadow);border-bottom-color:var(--studio-edge)} .nav-links{padding:3px 2px 5px;gap:4px}.nav-links a{border-radius:7px;position:relative} .nav-links a:hover{background:var(--notice-bg);border-color:var(--line);box-shadow:0 4px 8px -4px var(--studio-shadow);transform:translateY(-1px)} .nav-links a[aria-current="location"]{background:linear-gradient(145deg,var(--studio-selected),var(--notice-bg));border-color:var(--accent);border-style:solid;color:var(--text);transform:translateY(-2px);box-shadow:0 6px 12px -4px var(--studio-shadow),0 0 12px var(--accent-glow),inset 0 1px #ffffff22,inset 0 -2px var(--accent)} .nav-links a[data-next]:not([aria-current]){border-color:var(--accent);background:transparent;box-shadow:none} .nav-workflow{border-color:var(--studio-edge);border-left:3px solid var(--accent);border-radius:8px;background:linear-gradient(100deg,var(--notice-bg),var(--card));box-shadow:inset 0 1px #ffffff08} .card{border-radius:14px;border-color:var(--line);background:linear-gradient(140deg,var(--studio-light),transparent 45%),var(--card);box-shadow:0 10px 28px -20px var(--studio-shadow),inset 0 1px #ffffff08} .section-top{padding-bottom:15px;border-bottom:1px solid var(--line)} .section-top .step{display:inline-grid;place-items:center;min-width:27px;height:27px;border:1px solid var(--studio-edge);border-radius:6px;background:var(--input-bg);font-variant-numeric:tabular-nums;font-size:10px} .video-shell{border-color:var(--studio-edge);box-shadow:0 8px 24px -12px var(--studio-shadow)} .graph{border:1px solid var(--line);box-shadow:inset 0 1px 12px #0002} .clock-row b,.pitch-value>span,.score-grid strong{font-variant-numeric:tabular-nums}.clock-row b{color:var(--accent)} input:not([type=range]):not([type=checkbox]),select{box-shadow:inset 0 2px 4px #0002;border-radius:7px} button:not(.secondary):not(.song-choice):not(:disabled){box-shadow:0 4px 12px -5px var(--accent-glow),inset 0 1px #ffffff44} button.secondary:not(:disabled):hover{border-color:var(--accent);background:var(--notice-bg);box-shadow:0 4px 10px -6px var(--studio-shadow)} button:active:not(:disabled){transform:translateY(1px)} .song-choice{border-radius:10px} .song-choice:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px -7px var(--studio-shadow)} .song-choice[aria-current=true]{position:relative;z-index:1;background:linear-gradient(135deg,var(--studio-selected),var(--choice-bg));border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 16px -6px var(--studio-shadow),0 0 12px var(--accent-glow),inset 0 1px #ffffff20} .song-choice.has-pending-review[aria-current=true]{outline-color:#d5aa57} .post-effects>summary{border-width:1px;background:linear-gradient(110deg,var(--choice-bg),var(--card));box-shadow:inset 0 1px #ffffff10;border-radius:10px} .post-effects[open]>summary{border-color:var(--accent);box-shadow:0 5px 14px -8px var(--studio-shadow),inset 3px 0 var(--accent)} .pill,.badge{font-variant-numeric:tabular-nums}.notice{border-radius:8px} @media(max-width:760px){.studio-intro{grid-template-columns:1fr;padding:24px 4px;gap:0}.studio-art{display:none}.studio-intro h1{font-size:36px}.nav-links{padding-block:4px 8px}.section-nav{box-shadow:0 8px 20px -16px var(--studio-shadow)}} @media(prefers-reduced-motion:reduce){.nav-links a:hover,.nav-links a[aria-current="location"],.song-choice:hover:not(:disabled),.song-choice[aria-current=true],button:active:not(:disabled){transform:none}} #local-audio-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 24px;background:radial-gradient(ellipse at center,var(--notice-bg),var(--video-bg) 75%);text-align:center} .local-audio-art{width:clamp(130px,45%,340px);min-height:0;flex:1;max-height:50%;display:flex;align-items:center}.local-audio-art svg{width:100%;max-height:100%} #local-audio-panel .eyebrow{margin:8px 0;font-size:10px}#local-audio-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;margin:4px 0} #local-audio-panel .help{margin:4px 0}#local-audio{width:100%;flex-shrink:0;margin:12px 0 0;height:42px} @media(max-width:500px){#local-audio-panel{padding:10px}.local-audio-art{max-height:30%}#local-audio-panel .eyebrow,#local-audio-panel .help{display:none}#local-audio-title{font-size:14px}#local-audio{margin-top:6px}} .original-vocal-ranges{display:grid;gap:12px;margin:14px 0}.original-vocal-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px}.original-vocal-range label{min-width:0}.original-vocal-range input,.original-vocal-range select{width:100%;min-width:0}.original-vocal-range button{align-self:end} @media(max-width:600px){.original-vocal-range select{grid-column:1/-1}.original-vocal-range button{grid-column:2;min-height:40px}} /* Translated labels wrap without changing the recording layout or controls. */ :lang(en) button{white-space:normal;overflow-wrap:break-word} :lang(en) .section-top{flex-wrap:wrap;gap:10px} .language-picker{font-size:12px} .language-picker select{min-width:108px} :lang(en) header{flex-wrap:wrap;gap:16px} :lang(en) .header-controls{flex:1 1 560px} :lang(en) .ab-editor-heading{flex-wrap:wrap} :lang(en) .ab-editor-switch{flex-wrap:wrap;max-width:100%} :lang(en) .ab-editor-switch button{flex:1 1 110px;min-width:0} :lang(en) .audition-transport{grid-template-columns:repeat(3,minmax(0,1fr))} :lang(en) .audition-transport button{min-width:0} @media(max-width:600px){:lang(en) .audition-transport{grid-template-columns:repeat(2,minmax(0,1fr))}:lang(en) .audition-transport #post-audition-stop{grid-column:1/-1}} /* Keep the complete video, including bottom subtitles, below the sticky guide. Limit width at the same 16:9 ratio instead of cropping or shifting the iframe. */ .source-card .video-shell{ --player-visible-height:max(120px,calc(100dvh - var(--nav-offset,104px) - 64px)); max-width:min(100%,calc(var(--player-visible-height) * 16 / 9)); aspect-ratio:16/9; } .library-search-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .library-search-row input{flex:1 1 240px;min-width:0;margin:0} .library-search-row button{flex:0 0 auto} .library-list li[hidden]{display:none} /* Signal studio: luminous edges, clear work surfaces, restrained motion. */ :root:not([data-theme="warm"]){ --bg:#070b15;--card:#101a2b;--line:#293b56;--text:#eef6ff;--soft:#aebed5; --accent:#63efdc;--accent-glow:#38dfce30;--button-text:#062b2b; --input-bg:#080f1e;--input-border:#354d6c;--secondary-border:#415b78; --notice-bg:#102b3b;--notice-border:#315b76;--graph-bg:#080f20; --choice-bg:#133449;--choice-border:#387c8d;--library-heading:#132b40; --studio-light:#49eedb08;--studio-halo:#7162ff19;--studio-edge:#63efdc42; --studio-selected:#1a4052;--studio-sub:#bdc1ff;--studio-grid:#7b9bc109; --signal-secondary:#a797ff;--signal-shadow:#7162ff28;--signal-surface:#111c32; --signal-button:linear-gradient(115deg,#68f1d4,#76d6ff);--signal-hero:#0b1427; } :root[data-theme="warm"]{ --bg:#120f16;--card:#241c25;--line:#4d394b;--text:#fff2e9;--soft:#d0b8bd; --accent:#ffc28a;--accent-glow:#ffb47d2b;--input-bg:#19131d;--input-border:#644b5d; --secondary-border:#806277;--notice-bg:#332330;--notice-border:#79546c; --graph-bg:#1a1421;--choice-bg:#3c2935;--choice-border:#95677b;--library-heading:#372630; --studio-edge:#ffc28a45;--studio-light:#ffbb8a08;--studio-halo:#ee7da514; --studio-grid:#d6a7c008;--studio-selected:#503542;--studio-sub:#edb7d5; --signal-secondary:#f09dce;--signal-shadow:#e881b51f;--signal-surface:#302130; --signal-button:linear-gradient(115deg,#ffd09b,#f6a5bb);--signal-hero:#211823; } body{ background-image:radial-gradient(ellipse at 12% 0,var(--studio-halo),transparent 42%),radial-gradient(ellipse at 95% 14%,var(--studio-light),transparent 35%),linear-gradient(var(--studio-grid) 1px,transparent 1px),linear-gradient(90deg,var(--studio-grid) 1px,transparent 1px); background-size:auto,auto,64px 64px,64px 64px; } header{gap:18px;flex-wrap:wrap;padding-block:8px 24px} .brand{font-weight:800;letter-spacing:1px;flex-shrink:0} .brand-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--notice-bg),var(--input-bg));box-shadow:0 0 24px var(--accent-glow),inset 0 0 14px var(--studio-light);font-size:26px} .header-controls{gap:10px 16px;flex:1 1 620px} .header-controls>.pill{font-size:10px;background:transparent;border-color:var(--line)} #motion-toggle{min-height:40px;padding:8px 12px;font-size:12px;color:var(--soft);border-color:var(--line)} #motion-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--studio-edge);background:var(--notice-bg)} .theme-picker select{border-radius:10px} .studio-intro{ grid-template-columns:1.1fr 1fr;gap:36px;margin:20px 0 24px;padding:36px; border:1px solid var(--studio-edge);border-radius:20px; background:radial-gradient(ellipse at 90% 40%,var(--signal-shadow),transparent 65%),linear-gradient(120deg,var(--signal-hero),var(--card)); box-shadow:inset 0 1px #ffffff0b,0 20px 60px -35px var(--signal-shadow); } .studio-intro::before{content:"";position:absolute;left:36px;top:0;width:96px;height:2px;background:linear-gradient(90deg,var(--accent),var(--signal-secondary));box-shadow:0 0 18px var(--accent-glow)} .studio-intro h1{font-size:clamp(34px,3.5vw,52px);font-weight:800;line-height:1.3;letter-spacing:-1.5px} .studio-intro h1 span{color:var(--accent);background:linear-gradient(100deg,var(--accent),var(--signal-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none} .studio-intro .eyebrow{font-size:10px;letter-spacing:2px;line-height:1.8} .intro-copy>p:last-of-type{font-size:13px;line-height:1.9;max-width:480px} .studio-tags{gap:10px;letter-spacing:1px} .studio-tags span{border:1px solid var(--line);border-radius:6px;padding:6px 12px;color:var(--studio-sub);background:var(--input-bg)} .studio-tags i{color:var(--accent);opacity:.65;font-size:10px} .studio-art{ position:relative;isolation:isolate;max-width:440px;padding:40px 12px;border:1px solid var(--studio-edge);border-radius:18px; background:radial-gradient(ellipse at center,var(--signal-shadow),transparent 65%),linear-gradient(135deg,var(--input-bg),var(--signal-surface)); box-shadow:inset 0 0 40px #0003,0 15px 45px -25px var(--signal-shadow); } .studio-art::before{ content:"";position:absolute;inset:12% 22%;z-index:-1;border:1px solid var(--studio-edge);border-top-color:var(--signal-secondary);border-bottom-color:var(--accent);border-radius:50%; box-shadow:0 0 24px var(--signal-shadow),inset 0 0 24px var(--signal-shadow); } .studio-art::after{content:"";position:absolute;inset:10px;pointer-events:none;border:1px solid var(--line);border-radius:10px;opacity:.65} .studio-art .signal-grid{stroke:var(--signal-secondary);opacity:.3;stroke-dasharray:1 8} .studio-art .signal-orbit{stroke:var(--signal-secondary);opacity:.5;stroke-dasharray:3 10} .studio-art .signal-bars{fill:var(--accent);opacity:.9;filter:drop-shadow(0 0 5px var(--accent-glow))} .studio-art .signal-bars rect:nth-child(3n){fill:var(--signal-secondary)} .studio-art .signal-line{stroke:var(--signal-secondary);opacity:.7} .section-nav{background:var(--bg);border-color:var(--studio-edge);box-shadow:0 14px 26px -22px #000c} .nav-links a{font-size:12px;border-radius:8px;transition:background-color .18s,border-color .18s,box-shadow .18s} .nav-links a[aria-current="location"]{color:var(--accent);background:var(--notice-bg);border-color:var(--studio-edge);transform:none;box-shadow:inset 0 -2px var(--accent),0 3px 16px var(--accent-glow)} .nav-workflow{border-left-width:3px;border-radius:10px;background:linear-gradient(100deg,var(--notice-bg),var(--signal-surface));box-shadow:inset 0 1px #ffffff08} .nav-workflow strong{color:var(--accent)} .card{border-radius:16px;border-color:var(--line);background:linear-gradient(130deg,var(--studio-light),transparent 50%),var(--card);box-shadow:0 16px 36px -26px #000c,inset 0 1px #ffffff0c} .card:focus-within{border-color:var(--studio-edge)} .section-top{border-image:linear-gradient(90deg,var(--studio-edge),var(--line),transparent) 1} .section-top h2,.section-top h3{font-weight:750;letter-spacing:.3px} .section-top .step{color:var(--accent);border-radius:8px;background:linear-gradient(135deg,var(--notice-bg),var(--input-bg));box-shadow:0 0 16px var(--studio-light)} .section-fold>summary,.local-tools>summary{color:var(--text)} .library-location{background:linear-gradient(120deg,var(--notice-bg),var(--input-bg));border-color:var(--studio-edge)} .video-shell{border-color:var(--studio-edge);box-shadow:0 0 0 3px var(--input-bg),0 12px 30px -20px var(--accent-glow)} #video-placeholder{background:radial-gradient(ellipse at center,var(--notice-bg),var(--video-bg) 72%)} #video-placeholder>span{width:58px;height:58px;color:var(--accent);border-color:var(--studio-edge);box-shadow:0 0 32px var(--accent-glow)} .graph{background:linear-gradient(180deg,var(--studio-light),transparent),var(--graph-bg);border-color:var(--line)} .clock-row{border-bottom:1px solid var(--line);padding-bottom:12px;gap:16px} .clock-row b,.pitch-value>span,.score-grid strong{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;letter-spacing:-.04em} input:not([type=range]):not([type=checkbox]),select{border-radius:9px;box-shadow:inset 0 2px 8px #0003;transition:border-color .18s,box-shadow .18s} input:not([type=range]):not([type=checkbox]):focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)} input[type=range]{accent-color:var(--accent)} button{border-radius:9px;transition:border-color .18s,box-shadow .18s,background-color .18s} button:not(.secondary):not(.song-choice){background:var(--signal-button);color:var(--button-text)} button:not(.secondary):not(.song-choice):not(:disabled){box-shadow:0 5px 18px -8px var(--accent-glow),inset 0 1px #ffffff44} button:not(.secondary):not(.song-choice):hover:not(:disabled){box-shadow:0 6px 22px -7px var(--accent-glow),inset 0 1px #ffffff55;filter:brightness(1.06)} button.secondary{background:var(--input-bg)} button.secondary:hover:not(:disabled){background:var(--notice-bg);border-color:var(--accent);box-shadow:0 0 16px var(--studio-light)} #sing-start,#segment-record{font-size:16px;font-weight:800;letter-spacing:.4px;min-height:50px} #library-panel>summary{border:1px solid var(--studio-edge);border-left:3px solid var(--accent);border-radius:10px;background:linear-gradient(110deg,var(--notice-bg),var(--signal-surface));color:var(--text);box-shadow:inset 0 1px #ffffff0c} .library-search-row{padding:8px;border:1px solid var(--line);border-radius:13px;background:var(--input-bg)} .library-search-row input{background:transparent;box-shadow:none!important;border-color:transparent} .library-search-row:focus-within{border-color:var(--accent);box-shadow:0 0 20px var(--studio-light)} .song-choice{border:1px solid var(--line);background:var(--input-bg);transition:border-color .18s,background-color .18s} .song-choice:hover:not(:disabled){border-color:var(--studio-edge);background:var(--notice-bg);transform:none} .song-choice[aria-current=true]{background:linear-gradient(110deg,var(--studio-selected),var(--input-bg));box-shadow:inset 3px 0 var(--accent),0 0 20px var(--studio-light);transform:none} .song-choice.has-pending-review{border-color:#d5aa57;background:linear-gradient(110deg,#d5aa571c,var(--input-bg))} .song-choice.has-pending-review[aria-current=true]{background:linear-gradient(110deg,var(--studio-selected),var(--input-bg))} .post-effects>summary{background:linear-gradient(110deg,var(--notice-bg),var(--signal-surface));border-color:var(--studio-edge);border-radius:12px} .post-effects-toggle{background:var(--input-bg);color:var(--accent);border:1px solid var(--studio-edge)} audio{border-radius:10px;max-width:100%} footer{border-color:var(--studio-edge)} /* Only transform/opacity animate, only while the hero is on screen. */ @keyframes studio-equalizer{0%,100%{transform:scaleY(.42);opacity:.65}45%{transform:scaleY(1);opacity:1}70%{transform:scaleY(.72);opacity:.85}} @keyframes studio-orbit{to{transform:rotate(360deg)}} .studio-art .signal-bars rect{transform-box:fill-box;transform-origin:center;animation:studio-equalizer 2.4s ease-in-out infinite;animation-play-state:paused} .studio-art .signal-bars rect:nth-child(2n){animation-duration:3.1s;animation-delay:-1.3s} .studio-art .signal-bars rect:nth-child(3n){animation-duration:2.7s;animation-delay:-.8s} .studio-art .signal-bars rect:nth-child(5n){animation-duration:3.6s;animation-delay:-2s} .studio-art::before{animation:studio-orbit 28s linear infinite;animation-play-state:paused} :root[data-motion="on"] .motion-visible .studio-art .signal-bars rect, :root[data-motion="on"] .motion-visible .studio-art::before{animation-play-state:running} @media(max-width:1000px){.header-controls{justify-content:flex-start}.studio-intro{padding:28px;gap:24px}.studio-art{padding:32px 10px}} @media(max-width:760px){ .studio-intro{grid-template-columns:1fr;padding:24px;margin-block:16px 20px;gap:20px} .studio-intro h1{font-size:36px}.studio-intro .intro-copy{max-width:100%} .studio-art{display:block;justify-self:stretch;max-width:none;padding:10px 24px} .studio-art svg{height:100px}.studio-art::before{inset:8% 34%} .header-controls{gap:10px}.header-controls>.pill{display:none} .brand small{display:inline}.clock-row{flex-wrap:wrap} .ab-editor-heading{flex-wrap:wrap} .ab-editor-switch{flex-wrap:wrap;max-width:100%} .ab-editor-switch button{flex:1 1 110px;min-width:0;white-space:normal} } @media(prefers-reduced-motion:reduce){ .studio-art .signal-bars rect,.studio-art::before{animation:none!important} button,input,select,.nav-links a,.song-choice{transition:none!important} } /* ===== 配色：控台（跟 AI 翻唱的「控台」外觀一致；預設配色）===== 凸起的機殼面板 → 凹陷的嵌入槽 → 凸起的按鍵。選擇器前面用 :where(...) 包住， 優先順序跟原本的規則一樣，只靠放在檔案最後取勝，不會蓋過各元件自己的特殊樣式。 */ /* 數字用的科技字型（Chakra Petch，SIL OFL 授權），內嵌、不需要網路 */ @font-face { font-family: 'Chakra Petch'; font-style: normal; font-weight: 500; font-display: swap; src: url(data:font/woff2;base64,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) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Chakra Petch'; font-style: normal; font-weight: 700; font-display: swap; src: url(data:font/woff2;base64,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) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root[data-theme="console"]{ --bg:#0b1118;--card:#142029;--line:#243242;--text:#d8e3ec;--soft:#97a9ba;--warm:#f5b041; --accent:#3dd9f5;--accent-glow:#3dd9f540;--button-text:#04121a; --input-bg:#0a1017;--input-border:#22303e;--secondary-border:#2c3e50; --notice-bg:#0e2230;--notice-border:#1f4b5e;--graph-bg:#070c11; --inset-bg:#0b121a;--inset-border:#060a0e;--choice-bg:#10303f;--choice-border:#2a8aa3;--library-heading:#101d28; --icon-bg:#0f2a37;--muted-bg:#1a2733;--placeholder-border:#2c4152;--ready-border:#3dd9f5; --step-border:#24394a;--step-done:#19c2e6;--track:#1d2c3a;--video-bg:#05090d;--beat-idle:#24394a; --studio-light:#3dd9f50a;--studio-halo:#3dd9f512;--studio-edge:#3dd9f540;--studio-shadow:#000b; --studio-grid:#7ce6fa09;--studio-selected:#123445;--studio-sub:#8fdcef; --signal-secondary:#7ce6fa;--signal-shadow:#19c2e622;--signal-surface:#0f1922; --signal-button:linear-gradient(180deg,#6be6fb,#19c2e6);--signal-hero:#131e29; --chart-grid:#1f2d3a;--chart-label:#7f93a5; --st-num:'Chakra Petch',ui-monospace,'Cascadia Mono',Consolas,monospace; } :where(:root[data-theme="console"]) body{ background-color:var(--bg); background-image:radial-gradient(ellipse at 50% 0%,#3dd9f512,transparent 60%),radial-gradient(ellipse at 50% 120%,#0000008c,transparent 60%),linear-gradient(#7ce6fa08 1px,transparent 1px),linear-gradient(90deg,#7ce6fa08 1px,transparent 1px); background-size:auto,auto,28px 28px,28px 28px;background-attachment:fixed; } :where(:root[data-theme="console"]) ::selection{background:#3dd9f559;color:#fff} /* 頂列：凸起的機殼上蓋 */ :where(:root[data-theme="console"]) header{margin-top:4px;padding:12px 18px;border:1px solid #04080c;border-radius:12px; background:linear-gradient(180deg,#1c2a38 0%,#131e29 55%,#0d151d 100%); box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0009,0 1px #3dd9f538,0 12px 28px #0009} :where(:root[data-theme="console"]) .brand{font-size:21px;letter-spacing:.5px} :where(:root[data-theme="console"]) .brand-icon{width:38px;height:38px;border:0;border-radius:10px;font-size:22px;color:#04121a; background:linear-gradient(145deg,#6be6fb,#0e9cc0);box-shadow:inset 0 1px #ffffff66,0 0 16px #19c2e655} :where(:root[data-theme="console"]) .brand small{color:var(--soft);font-family:var(--st-num);letter-spacing:2px} :where(:root[data-theme="console"]) .theme-picker select,:where(:root[data-theme="console"]) #motion-toggle{ min-height:34px;padding:6px 12px;font-size:12px;color:var(--text);border:1px solid #04080c;border-radius:8px; background:linear-gradient(180deg,#1f2d3b,#141e28);box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #00000059,0 2px #03070a,0 4px 9px #00000080} :where(:root[data-theme="console"]) .theme-picker select{width:auto;padding-right:28px} :where(:root[data-theme="console"]) .header-controls>.pill{font-size:11px;color:var(--soft);border:1px solid #060a0e;background:#0b121a;box-shadow:inset 0 2px 4px #0009} :where(:root[data-theme="console"]) #motion-toggle[aria-pressed=true]{color:var(--accent)} /* 區段導覽列 */ :where(:root[data-theme="console"]) .section-nav{background:linear-gradient(180deg,#0f1820f2,#0b1118f2);box-shadow:0 1px #3dd9f522,0 8px 18px -10px #000c} /* 頂端介紹：縮成一行 */ :where(:root[data-theme="console"]) .studio-intro{display:flex;align-items:center;gap:16px;margin:14px 0 16px;padding:10px 18px;border:1px solid #04080c;border-radius:10px; background:linear-gradient(180deg,#17232f,#101a23);box-shadow:inset 0 1px #ffffff12,0 2px #0008} :where(:root[data-theme="console"]) .studio-intro::before,:where(:root[data-theme="console"]) .studio-intro h1,:where(:root[data-theme="console"]) .studio-intro .intro-copy>p:not(.eyebrow),:where(:root[data-theme="console"]) .studio-art{display:none} :where(:root[data-theme="console"]) .studio-intro .intro-copy{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap} :where(:root[data-theme="console"]) .studio-intro .eyebrow{margin:0;font-family:var(--st-num);font-size:11px;letter-spacing:2px;color:var(--accent);text-shadow:0 0 6px #3dd9f580} :where(:root[data-theme="console"]) .studio-tags{margin:0} :where(:root[data-theme="console"]) .studio-tags span{padding:3px 10px;font-size:12px;color:var(--soft);background:#0b121a;border-color:#060a0e;box-shadow:inset 0 2px 4px #0009} /* 各區塊：金屬機殼（上緣受光、下緣陰影、浮在底板上） */ :where(:root[data-theme="console"]) .card{border:1px solid #04080c;border-radius:12px; background:linear-gradient(180deg,#1b2836 0%,#142029 38%,#0f1820 100%); box-shadow:inset 0 1px #ffffff1c,inset 0 -2px #00000073,inset 1px 0 #ffffff08,inset -1px 0 #0000004d,0 2px #0009,0 22px 40px -10px #000000bf,0 6px 14px #00000073} :where(:root[data-theme="console"]) .card:focus-within{border-color:#04080c;box-shadow:inset 0 1px #ffffff21,inset 0 -2px #00000073,0 0 0 1px #3dd9f547,0 22px 40px -10px #000000bf,0 0 28px #3dd9f51a} :where(:root[data-theme="console"]) .notice{border-color:#1f4b5e;background:linear-gradient(180deg,#0f2533,#0b1c27);box-shadow:inset 0 1px #ffffff0d} /* 面板裡的區塊：凹進去的嵌入槽 */ :where(:root[data-theme="console"]) .library-location,:where(:root[data-theme="console"]) .install-steps code{background:#0b121a;border-color:#060a0e;box-shadow:inset 0 2px 6px #000000a6,inset 0 -1px #ffffff0d} /* 區塊標題：步驟編號做成 LED 數字窗，後面拉一條訊號線 */ :where(:root[data-theme="console"]) h2{color:var(--text);letter-spacing:.04em} :where(:root[data-theme="console"]) h2 .step,:where(:root[data-theme="console"]) .section-top .step{display:inline-block;min-width:0;height:auto;margin-right:10px;padding:1px 7px;font-family:var(--st-num);font-weight:700;font-size:13px;line-height:1.5; color:var(--accent);background:#070c11;border:1px solid #3dd9f559;border-radius:3px;text-shadow:0 0 6px #3dd9f5bf;box-shadow:inset 0 0 8px #3dd9f51f} :where(:root[data-theme="console"]) .section-top h2:has(.step){display:flex;align-items:center;flex:1 1 auto;min-width:0} :where(:root[data-theme="console"]) .section-top h2:has(.step)::after{content:"";flex:1 1 auto;height:1px;margin-left:10px;background:linear-gradient(90deg,#3dd9f573,#3dd9f500)} /* 輸入框、下拉：深凹槽；數字用 LED 字 */ :where(:root[data-theme="console"]) input:not([type=range]):not([type=checkbox]):not([type=radio]),:where(:root[data-theme="console"]) select,:where(:root[data-theme="console"]) textarea{background-color:#0a1017;border-color:#05090d;box-shadow:inset 0 2px 5px #000000bf,inset 0 -1px #ffffff0f} :where(:root[data-theme="console"]) input:not([type=range]):not([type=checkbox]):not([type=radio]):focus,:where(:root[data-theme="console"]) select:focus,:where(:root[data-theme="console"]) textarea:focus{border-color:var(--accent);box-shadow:inset 0 2px 5px #000000bf,0 0 0 2px #3dd9f559} :where(:root[data-theme="console"]) input[type=number]{font-family:var(--st-num);font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:0 0 5px #3dd9f58c} /* 按鍵：凸起的實體鍵，按下去會往下沉 */ :where(:root[data-theme="console"]) button:not(.secondary):not(.song-choice){background:var(--signal-button);color:#04121a;text-shadow:0 1px #ffffff59} :where(:root[data-theme="console"]) button:not(.secondary):not(.song-choice):not(:disabled){box-shadow:inset 0 1px #ffffff73,inset 0 -3px #00000040,0 3px #05303c,0 8px 18px #19c2e638} :where(:root[data-theme="console"]) button:not(.secondary):not(.song-choice):hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 1px #ffffff80,inset 0 -3px #00000040,0 3px #05303c,0 10px 22px #19c2e655} :where(:root[data-theme="console"]) button.secondary{color:var(--text);border:1px solid #04080c;background:linear-gradient(180deg,#1f2d3b,#141e28);text-shadow:0 1px #00000073} :where(:root[data-theme="console"]) button.secondary:not(:disabled){box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #00000059,0 2px #03070a,0 4px 9px #00000080} :where(:root[data-theme="console"]) button.secondary:hover:not(:disabled){border-color:#04080c;background:linear-gradient(180deg,#24364a,#172431);color:var(--accent);box-shadow:inset 0 1px #ffffff21,inset 0 -2px #00000059,0 2px #03070a,0 0 12px #3dd9f526} :where(:root[data-theme="console"]) button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 5px #0000008c} /* 滑桿：推子（fader）造型 */ :where(:root[data-theme="console"]) input[type=range]{-webkit-appearance:none;appearance:none;height:28px;background:transparent} :where(:root[data-theme="console"]) input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:2px;border:1px solid #22303e; background:repeating-linear-gradient(90deg,#a0bed238 0 1px,transparent 1px 10%),#070c11;box-shadow:inset 0 2px 3px #000000e6,0 1px #ffffff0f} :where(:root[data-theme="console"]) input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:22px;margin-top:-9px;border-radius:2px;cursor:grab; background:linear-gradient(180deg,#eef3f7 0%,#a9b8c6 44%,#1a2633 47%,#1a2633 53%,#a9b8c6 56%,#dfe7ee 100%); border:1px solid #05090d;box-shadow:0 0 0 1px #3dd9f573,0 3px 6px #00000099} :where(:root[data-theme="console"]) input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 0 0 1px var(--accent),0 0 10px #3dd9f5b3} :where(:root[data-theme="console"]) input[type=range]:focus-visible{outline:none} :where(:root[data-theme="console"]) input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--accent),0 0 10px #3dd9f5b3} :where(:root[data-theme="console"]) input[type=range]:disabled::-webkit-slider-thumb{filter:grayscale(1) brightness(.6);cursor:not-allowed} :where(:root[data-theme="console"]) input[type=range]::-moz-range-track{height:6px;background:#070c11;border:1px solid #22303e;border-radius:2px} :where(:root[data-theme="console"]) input[type=range]::-moz-range-thumb{width:12px;height:20px;border-radius:2px;border:1px solid #05090d;background:linear-gradient(180deg,#eef3f7,#a9b8c6 44%,#1a2633 47% 53%,#a9b8c6 56%,#dfe7ee)} :where(:root[data-theme="console"]) ::-webkit-scrollbar-track{background:var(--bg)} :where(:root[data-theme="console"]) ::-webkit-scrollbar-thumb{background:#2a3a4b} @media(max-width:760px){ :where(:root[data-theme="console"]) header{padding:10px 12px} :where(:root[data-theme="console"]) .studio-intro{padding:8px 12px} } @media(prefers-reduced-motion:reduce){ :where(:root[data-theme="console"]) button:active:not(:disabled){transform:none} }