/* OUT V8 — multi-track source UI + viewport-safe RESULT */
.out-track-picker{margin:12px auto 4px;max-width:620px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(4,11,22,.58);text-align:left}
.out-source-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.out-source-tabs button{min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.035);color:#9fb1c8;font:900 9px/1 system-ui,sans-serif;letter-spacing:.08em;cursor:pointer}
.out-source-tabs button.active{background:linear-gradient(135deg,rgba(105,221,255,.22),rgba(143,244,199,.12));border-color:rgba(105,221,255,.48);color:#fff;box-shadow:0 0 18px rgba(105,221,255,.1)}
.out-source-panel{display:grid;gap:8px}.out-source-panel[hidden]{display:none!important}.out-source-panel>small,.out-analysis-progress+small{color:#8195ae;font-size:8px;line-height:1.45}
.out-field{display:grid;gap:5px}.out-field>span,.out-file>span{color:#9fb1c8;font-size:8px;font-weight:900;letter-spacing:.12em}.out-field em{font-style:normal;color:#61758e;font-weight:700;letter-spacing:.04em}
.out-field input,.out-field select{width:100%;min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#07111f;color:#edf6ff;padding:8px 10px;font:750 10px/1.25 system-ui,sans-serif;outline:none}
.out-upload-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px}.out-file{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;border:1px dashed rgba(105,221,255,.4);border-radius:11px;background:rgba(105,221,255,.06);cursor:pointer;overflow:hidden}.out-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.out-analysis-progress{height:5px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.out-analysis-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#69ddff,#8ff4c7,#ffd46f);transition:width .18s linear}
.out-change-track{border-color:rgba(105,221,255,.34)!important;color:#9feaff!important;background:rgba(105,221,255,.06)!important}.out-result-track-title{display:block;color:#fff;font-size:clamp(14px,1.5vw,22px);line-height:1.25;margin-bottom:5px}.out-result-track-meta{display:block;color:#9fb1c8;font-size:clamp(9px,.85vw,12px);letter-spacing:.04em}
.out-analyzer-bridge{position:fixed!important;width:1px!important;height:1px!important;left:-9999px!important;top:-9999px!important;border:0!important;opacity:0!important;pointer-events:none!important}
.out-mv-v8{position:absolute;inset:0;display:none;overflow:hidden;pointer-events:none}.out-mv-v8.active{display:block}.out-mv-v8>div,.out-mv-v8 iframe{position:absolute!important;left:50%!important;top:50%!important;width:177.77777778vh!important;min-width:100%!important;height:56.25vw!important;min-height:100%!important;transform:translate(-50%,-50%)!important;border:0!important;pointer-events:none!important}
body.out-result-v8 .overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important;padding:clamp(14px,2.5vw,34px)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:auto!important;background:rgba(3,8,16,.78)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}
body.out-result-v8 .overlay-card{width:min(1040px,calc(100vw - 40px))!important;max-width:1040px!important;margin:auto!important;padding:clamp(10px,1.4vw,20px)!important}body.out-result-v8 .overlay-kicker{margin-bottom:6px!important;font-size:clamp(9px,.75vw,12px)!important;letter-spacing:.22em!important;color:#86dfff!important}body.out-result-v8 .overlay h2{margin:0!important;font-size:clamp(70px,9vw,142px)!important;line-height:.86!important;letter-spacing:-.065em!important;font-variant-numeric:tabular-nums}body.out-result-v8 .overlay p{margin:12px auto 8px!important;line-height:1.4!important}
body.out-result-v8 .result-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:12px 0!important}.out-result-v8 .result-item{padding:10px 12px!important;min-height:68px}.out-result-v8 .result-item b{font-size:clamp(18px,1.7vw,26px)!important}.out-result-v8 .result-item span{font-size:8px!important}body.out-result-v8 .out-share-panel{margin:10px 0 6px!important;padding:11px!important}.out-result-v8 .out-share-actions button{min-height:38px!important}body.out-result-v8 .overlay-actions{margin-top:8px!important}.out-result-v8 .overlay-actions .button{min-width:145px!important;padding:9px 12px!important}body.out-result-v8 #outTrackPicker,body.out-result-v8 .character-strip,body.out-result-v8 .audio-picker,body.out-result-v8 .rule-chips{display:none!important}
@media(max-height:780px) and (min-width:761px){body.out-result-v8 .overlay{align-items:flex-start!important;padding:12px 24px!important}body.out-result-v8 .overlay-card{padding:4px 12px 14px!important}body.out-result-v8 .overlay h2{font-size:clamp(62px,8vw,108px)!important}body.out-result-v8 .overlay p{margin:7px auto 5px!important}.out-result-v8 .result-grid{margin:7px 0!important}.out-result-v8 .out-share-panel{margin:6px 0 3px!important}}
@media(max-width:760px){.out-track-picker{padding:9px;margin:8px auto 2px;border-radius:13px}.out-source-tabs button{min-height:36px;font-size:8px}.out-upload-meta{grid-template-columns:1fr}.out-field input,.out-field select{font-size:9px;min-height:37px}body.out-result-v8 .overlay{padding:max(12px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))!important;align-items:flex-start!important}body.out-result-v8 .overlay-card{width:min(100%,430px)!important;max-width:430px!important;padding:8px 0 22px!important}body.out-result-v8 .overlay h2{font-size:clamp(58px,20vw,92px)!important}body.out-result-v8 .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.out-result-v8 .result-item:last-child{grid-column:1/-1}body.out-result-v8 .out-share-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.out-result-v8 .overlay-actions{display:grid!important;grid-template-columns:1fr!important}.out-result-v8 .overlay-actions .button{width:100%!important;min-width:0!important}}