[hidden]{display:none!important}.formats button[aria-pressed=true],#shots button[aria-pressed=true]{background:#404046;color:#fff}.screen #result{object-fit:contain}.monitor #export{margin:12px;width:calc(100% - 24px)}#editor label{display:block;margin:12px 0}#editor label input,#editor label textarea,#editor label select{width:100%;display:block}#editor .row{display:flex;gap:12px}#editor .row label{flex:1;min-width:0}#editor button{margin:4px}dialog{background:#212125;color:white;border:1px solid #505058;border-radius:14px;padding:24px}dialog::backdrop{background:#000a}#guide{scroll-margin-top:70px}.screen:has(#result){height:auto}.formats{flex-wrap:wrap}#result{touch-action:pan-x}
#setup .source-card{padding:14px;background:#242427;border:1px solid #38383c;border-radius:12px}#setup .source-card .drop{margin:12px 0 0}#setup .customize{margin-top:28px}.focus-field{display:grid;gap:8px;margin:14px 0;color:#d9d9dd;font-weight:600}.focus-field select{width:100%;padding:10px;background:#242427;color:#eee;border:1px solid #414146;border-radius:8px}#generateInline{margin-top:18px}.studio{grid-template-columns:minmax(0,2.73fr) minmax(0,1fr)}@media(max-width:760px){.studio{grid-template-columns:minmax(0,1fr)}#setup .source-card{padding:10px}}
#setup .source-card .drop{cursor:pointer;min-height:96px;padding:14px;display:grid;justify-items:center;align-content:center;gap:4px}#setup .drop:focus-visible{outline:2px solid #a7efc4}#setup .drop p{margin:1px 0}.source-card h3{font-size:14px;font-weight:550}.mobile-format{display:none}.segment-heading,.segment-options{display:flex;align-items:center;justify-content:space-between;gap:8px}.segment-heading small,.focus-field small{display:block;font-weight:400;color:#aaaab2;font-size:12px}.segment-options{gap:0;background:#202023;border:1px solid #414145;border-radius:8px;padding:3px}.segment-options label{position:relative;margin:0;padding:5px 8px;font-size:12px;cursor:pointer}.segment-options input{position:absolute;opacity:0}.segment-options label:has(:checked){background:#414147;border-radius:5px}.segment-options label:has(:focus-visible){outline:2px solid #b3fbc9}.segment-options label:has(:disabled){opacity:.48}.segment .focus-field{margin-bottom:0;gap:4px}.voice-setting summary{display:flex;align-items:center;justify-content:space-between}.voice-setting audio{max-width:100%}#generate,#generateInline{display:flex;align-items:center;justify-content:space-between;text-align:left;border-radius:999px;padding:6px 7px 6px 18px}#generate::after,#generateInline::after{content:'↗';position:static;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#102218;color:#b6f6cc}#generate[hidden]{display:none!important}@media(max-width:760px){.mobile-format{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0 0;font-size:12px}.mobile-format select{color:#eee;background:#303035;border:1px solid #48484c;padding:6px;border-radius:7px}.decision .formatLabel,.decision #ratios,.decision #formatHint{display:none}#studio:has(#editor:not([hidden])) .decision #ratios{display:flex}}
@media(max-width:760px){#setup .mobile-format{white-space:nowrap}#setup .mobile-format select{width:auto;min-width:68px}.segment-heading small,.segment-options label{white-space:nowrap}.segment-heading small,.focus-field small{font-family:inherit;letter-spacing:normal}.segment-options label{padding:5px 7px}}
#setup .source-shell{background:#1f1f23;border:1px solid #2c2c30;padding:14px;border-radius:16px}
#setup .source-card{margin:0;padding:16px 18px 24px;background:#242428;border-color:#38383e}
#setup #linkEntry label{font-size:0}#sourceUrl{min-height:42px;font-size:15px}#importLink{margin-top:8px}#setup .customize{margin:26px 0 12px}
#setup .segment,#setup .setting{background:#202024;border:1px solid #323238;border-radius:12px;padding:18px 20px;margin:0 0 30px}
#setup .segment-heading{border-top:1px solid #323238;padding-top:14px}.segment .focus-field{margin-top:22px}
#setup .setting summary{display:flex;align-items:center;gap:10px;font:600 17px/1.45 "Segoe UI",sans-serif;cursor:pointer;list-style:none}
#setup .setting summary small,#setup .setting .summary-value{margin-left:auto;font:500 13px/1.4 "Segoe UI",sans-serif;color:#ccc}
#setup .setting summary::after{content:'⌄';margin-left:4px;color:#adaeb7}#setup #advanced summary::after{margin-left:auto}
#setup .setting[open] summary::after{transform:rotate(180deg)}#setup .setting[open] summary{border-bottom:1px solid #35353c;padding-bottom:14px}
.summary-value{display:flex;align-items:center;gap:8px}#quickListen{border-radius:50%;padding:3px 7px}
.mode-tabs{display:flex;gap:5px;padding:4px;background:#18181b;border-radius:9px;margin:16px 0}.mode-tabs button{flex:1;font-size:13px}.mode-tabs button[aria-pressed=true]{background:#45454e;color:white}
#setup .setting select,#setup .setting textarea{display:block;width:100%;margin:8px 0;color:#eee;background:#28282d;border:1px solid #42424a;border-radius:6px;padding:9px}
#setup .setting section{padding:12px 0;border-bottom:1px solid #303036}#setup .setting section h4{margin:0 0 10px}#setup .setting section label{display:block;margin:8px 0}#setup .setting small{font-family:inherit;letter-spacing:normal}#setup .setting [disabled]{opacity:.55}#setup .setting audio{width:100%}
#setup #generateInline{margin:0}#setup{padding:0}.studio>.panel:first-child{background:transparent;border:0}
@media(max-width:760px){#setup .source-shell{padding:10px}#setup .source-card{padding:12px}#setup .setting,#setup .segment{padding:14px 12px;margin-bottom:16px}#setup .setting summary{font-size:15px}.mode-tabs button{padding:8px 4px}}
@media(min-width:761px){.studio>.monitor{position:sticky;top:16px;align-self:start}#setup #advanced section{background:#242428;border:1px solid #303036;border-radius:10px;padding:15px;margin:10px 0}#setup #advanced section label{display:flex;align-items:center;justify-content:space-between;gap:12px}#setup #advanced section select{width:auto;min-width:100px}#setup #advanced input[type=checkbox]{order:1}}
.field-error:empty,#mobileQuote{display:none}.field-error{color:#ffb9ac;margin:6px 0;font-size:14px}#confirmWrap input{width:auto;display:inline}#confirmWrap{margin-top:8px}@media(max-width:760px){#mobileQuote{display:block;text-align:center;margin:10px 0 6px;font-weight:600;color:#b8f7d1}.decision .estimate,.decision #generate,.decision .fine{display:none!important}}

#mobileQuote{display:block;margin:12px 0 8px;color:#b8f7d1;font-size:.92rem;font-weight:600}
.estimate strong{overflow-wrap:anywhere}