/* Audio design refresh 2026-10-16. Presentation only; original engine, state and gesture controllers unchanged. */
:root{--bg:#f4f6fa;--paper:#fff;--surface:#edf1f7;--ink:#19243b;--muted:#5b6880;--line:#dce2ed;--line-strong:#b5c0d2;--accent:#3454d1;--accent-ink:#fff;--accent-soft:#edf0ff;--focus:#aa4d00;--ok:#1b7354;--warn:#865400;--fail:#b42332;--wave-bg:#101c33;--wave-grid:#273957;--wave-dim:#627693;--wave-sel:#a2b6ff;--wave-text:#a7b8d2;--wave-head:#e4efff;--radius:18px;--radius-s:10px;--shadow:0 12px 40px #15254a08;color-scheme:light;}
body{font-family:'Segoe UI','Apple SD Gothic Neo','Malgun Gothic','Hiragino Sans','Microsoft YaHei',sans-serif;line-height:1.55;letter-spacing:-.015em;background:var(--bg);}
h1,h2,h3{font-weight:720;letter-spacing:-.045em;} h1{line-height:1.2;}h2{font-size:1.55rem;}
a{color:var(--accent);}button,input,select{font:inherit;}button,a,input,select,summary{touch-action:manipulation;}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;}
.btn{border-radius:10px;border-color:var(--line);font-weight:650;min-height:44px;box-shadow:none;transition:background 140ms,border-color 140ms,transform 140ms;}
.btn:hover{border-color:var(--line-strong);background:var(--surface);} .btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 3px 8px #3454d11a;}.btn-primary:hover{background:#2943af;border-color:#2943af;color:#fff;}.btn:active{transform:translateY(1px);}.btn-big{min-height:50px;font-size:.95rem;padding:10px 20px;}
.btn-accent{color:var(--accent);background:var(--accent-soft);border-color:#c8d2fb;}.btn:disabled{transform:none;}
.topbar{max-width:none;min-height:76px;padding:12px max(28px,calc((100vw - 1184px)/2));gap:12px 34px;background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:nowrap;}
.brand{gap:10px;margin-right:auto;min-width:0;text-decoration:none;}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--accent);position:relative;flex-shrink:0;}.brand-mark::after{content:'';position:absolute;inset:6px;background:#fff;mask:url('/tools/audio/src/assets/brand-wave.svg') center/contain no-repeat;}
.brand-name{display:grid;gap:0;min-width:0;}.brand-word{font-size:19px;line-height:1.15;letter-spacing:-.06em;font-weight:800;}.brand-sub{font-size:10px;line-height:1.5;font-weight:550;color:var(--muted);letter-spacing:-.01em;}
.mainnav{gap:4px;flex-wrap:nowrap;}.mainnav a{padding:0 11px;font-size:13px;white-space:nowrap;border-radius:8px;color:var(--muted);}.mainnav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);}.langnav{padding-left:17px;gap:1px;flex-wrap:nowrap;}.langnav a{font-size:11px;padding:0 6px;min-height:36px;color:var(--muted);}.langnav a[aria-current=true]{color:var(--accent);background:var(--accent-soft);border-radius:6px;}
main{max-width:1240px;padding:30px 28px 64px;margin-inline:auto;}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;}.eyebrow::before{content:'';width:20px;height:2px;background:currentColor;}.local-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap;}.local-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ok);}
.hero{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:60px;padding:45px 0 50px;align-items:center;}.hero-text{gap:18px;}.home h1{font-size:clamp(2.45rem,4.4vw,3.65rem);line-height:1.16;max-width:590px;word-break:keep-all;letter-spacing:-.06em;}.lead{font-size:1rem;color:var(--muted);line-height:1.8;max-width:34em;}.hero-text .lead{margin:0 0 5px;}
.drop{padding:0;border:0;background:transparent;box-shadow:none;}.drop-actions{display:flex;gap:10px;flex-wrap:wrap;}.drop-actions .btn{flex:none;}.drop-hint{margin-top:9px;font-size:12px;color:var(--muted);text-align:left;}.support{font-size:12px;gap:7px 14px;color:var(--muted);}.support li{padding:0;background:transparent;border:0;}.support li::before{content:'✓';margin-right:5px;color:var(--accent);font-weight:750;}.support li:last-child{flex-basis:100%;}.unit-detail{font-size:11px;}.unit-detail summary{min-height:28px;}.home #sample-note{font-size:11px;color:var(--muted);line-height:1.6;max-width:40em;}
.hero-figure{position:relative;gap:12px;}.hero-figure::before{content:'';height:5px;background:var(--accent);width:52px;border-radius:3px;position:absolute;top:-17px;right:0;}.hero-figure .example{background:var(--wave-bg);border:1px solid #2c3c58;padding:30px;border-radius:18px;box-shadow:0 20px 50px #13234b13;color:#e8effd;transform:rotate(-1deg);}.example-name{font-size:15px;letter-spacing:.015em;padding-right:60px;color:#f2f6ff;}.example-badge{font-size:9px;letter-spacing:.1em;background:#263956;color:#c4d3ed;border:1px solid #3a5073;}.example-wave{margin:26px 0 22px;border-radius:8px;background:#0b162b;padding:10px 0;}.example-wave svg{width:100%;height:105px;}.example-wave svg rect{fill:#536b90;}.example-wave svg rect.in{fill:#a2b6ff;}.example-wave svg rect.sel{fill:#3757b125;stroke:#809bf0;stroke-width:.5;}.example-rows{gap:9px;font-size:11px;}.example-rows li{border-top:1px solid #2a3b58;padding-top:9px;color:#c3cfe4;}.example-rows .ok::before{color:#a4baf4;}.hero-figure figcaption{font-size:11px;color:var(--muted);}
.landing{border-top:1px solid var(--line);}.band{padding:32px 0;}.band h2{font-size:1.35rem;}.how{gap:20px;padding:0;}.how li{border:1px solid var(--line);border-radius:12px;background:var(--paper);}.step-art{background:#101c33;padding:12px;border-bottom:1px solid var(--line);}.step-art img{height:112px;object-fit:contain;}.step-art .example-badge{font-size:9px;}.step-caption{padding:18px;grid-template-columns:24px 1fr;gap:10px;}.step-caption h3{font-size:1rem;}.step-caption p{font-size:.85rem;line-height:1.7;color:var(--muted);}.step-no{font:11px ui-monospace,monospace;width:24px;height:24px;background:var(--surface);color:var(--accent);}.band.two{gap:64px;border-top:1px solid var(--line);}.uses{font-size:.9rem;}.uses li{border:1px solid var(--line);background:var(--paper);}.faq{gap:0 32px;}.qa{padding:20px 0;border-top:1px solid var(--line);}.qa dt{font-size:.9rem;}.qa dd{font-size:.85rem;color:var(--muted);line-height:1.8;}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;}.work>.steps{display:none;}.filebar{margin-bottom:22px;align-items:center;}.file-id{padding-left:15px;border-left:3px solid var(--accent);}.filebar #work-title{font-size:1.45rem;line-height:1.35;font-weight:720;}.file-info{font-size:12px;margin-top:5px;}.badge{background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:600;border:0;padding:3px 8px;margin-top:7px;}
.work-grid{grid-template-columns:minmax(0,1fr) 326px;gap:24px;}.work-main .bench{padding:20px;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 3px #13234b02;gap:16px;background:var(--paper);}.wave-panel{padding:14px 16px 3px;border-radius:10px;border:1px solid #283c5d;background:var(--wave-bg);}.wave-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d2ddf2;font-size:10px;letter-spacing:.04em;padding:1px 0 8px;}.wave-caption>span:last-child{color:#9fb2d1;font-size:9px;}.wave-caption>span:first-child{display:flex;align-items:center;gap:6px;}.wave-caption>span:first-child::before{content:'';width:5px;height:5px;background:#9eb8ff;border-radius:50%;}.wave-wrap{height:205px;}.sel-shade{background:#5c7df61c;border-color:#a2b6ff;}.handle::before{width:2px;background:#a2b6ff;}.handle::after{height:30px;width:12px;left:16px;border:1px solid #d5e0ff;border-radius:4px;background:#8eabff;box-shadow:0 1px 5px #0004;}.tap-mode legend,.wave-panel .tap-mode legend{font-size:10px;}.wave-panel .tap-mode{border-top:1px solid #2a3b58;padding-top:2px;gap:8px;}.tap-mode label{font-size:11px!important;min-height:34px!important;}.sel-row{padding-top:0;gap:10px 18px;}.sel-row>legend{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:7px;}.time-field label{font-size:11px!important;color:var(--muted);}.time-ctl input{background:var(--bg);border-color:var(--line);border-radius:8px;font-family:ui-monospace,Consolas,monospace;font-size:17px;height:44px;}.sel-length{padding-bottom:9px;}.sel-length span{font-size:10px;}.sel-length strong{font-size:20px;color:var(--accent);letter-spacing:-.04em;}.listen-btns .btn{min-height:46px;font-size:12px;padding:0 12px;}.listen-btns [data-icon]::before{width:16px;height:16px;}.listen-btns #play-stop{font-size:12px;}.fine{color:var(--muted);}.listen #preview-status{font-size:11px;min-height:0;}.listen #preview-status:empty{display:none;}.gain-disclosure>summary{min-height:48px;font-size:12px;}.gain-disclosure .summary-icon::before{width:17px;height:17px;}#gain-chip{font:12px ui-monospace,monospace;}.gain-row{gap:8px;}.gain-row output{font-size:12px;}.meter-label{font-size:11px;}.gain .status{font-size:12px;}.gain-btns .btn{font-size:11px;}.more summary{font-size:11px;min-height:34px;}.more .fine{font-size:11px;}
.work-side{top:24px;}.save{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:22px;gap:13px;box-shadow:none;}.save>.panel-title{font-size:17px;font-weight:720;margin-bottom:3px;}.format-row{gap:8px;}.choice{padding:12px 10px;gap:7px;border-color:var(--line);background:var(--paper);border-radius:9px;}.choice-text strong{font-size:13px;}.choice-text small{font-size:10px;line-height:1.5;}.choice:has(input:checked){background:var(--accent-soft);border:1px solid #8ca2ed;}.field{gap:6px;}.field>span,.field>label{font-size:11px;font-weight:600;color:var(--muted);}.field input,.field select{border-radius:8px;min-height:42px;background:var(--bg);border-color:var(--line);font-size:13px;}.cond{padding:0 10px 10px;border-radius:8px;}.cond>summary{min-height:42px;font-size:11px;font-weight:600;}.cond .fine{font-size:10px;}.estimate-box{background:var(--bg);padding:14px;border:1px solid var(--line);border-radius:10px;}.estimate{font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums;}.estimate-more summary{font-size:10px;min-height:28px;}.estimate-more p{font-size:11px;}.mini-title{font-size:10px;letter-spacing:.05em;}.blocker,.notice{font-size:11px;}.save #export-btn{font-size:12px;min-height:48px;padding:10px;}.save #export-btn::before{width:17px;height:17px;}#mp3-note:empty{display:none;}
.result .steps{font-size:11px;margin:5px 0 24px;}.result h1{font-size:2rem;}.verdict{font-size:.9rem;margin:12px 0 24px;}.result-grid{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:24px;}.final-card{border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:15px;padding:26px;}.final-name{font-size:1.3rem;}.final-facts>div{background:var(--bg);border:1px solid var(--line);border-radius:9px;}.final-facts dd{font-size:1.4rem;color:var(--ink);}.final-card audio{width:100%;}.result-side .panel{border:1px solid var(--line);box-shadow:none;border-radius:14px;padding:22px;}.result-side .panel-title{font-size:16px;}.facts-table{font-size:.8rem;}.result-side .btn{font-size:12px;}.result-details{border:1px solid var(--line);border-radius:12px;padding:8px 18px;background:var(--paper);}.result-details summary{font-size:12px;} .status-list{font-size:11px;}
.doc{max-width:1020px;}.doc-head{padding:24px 0 30px;border-bottom:1px solid var(--line);}.doc-head h1{font-size:2.5rem;letter-spacing:-.06em;}.doc-head .lead{font-size:.95rem;margin-top:18px;}.guide-topics{border-radius:12px;}.guide-question>summary{padding:20px 24px;}.guide-question>summary h2{font-size:1rem;}.guide-answer{font-size:.9rem;line-height:1.8;}.doc .band h2{font-size:1.3rem;}.qa-grid .panel{border:1px solid var(--line);box-shadow:none;}.doc .panel h2{font-size:1rem;}.doc .panel p{font-size:.9rem;}.loading-box,.error-box{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:36px;box-shadow:var(--shadow);}.error-box h1{font-size:1.7rem;}.error-box p{font-size:.9rem;}.foot{max-width:1184px;margin:0 auto;padding:24px 0;border-top:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;}
@media(min-width:1024px) and (max-height:820px){.wave-wrap{height:180px;}.work-main .bench{gap:12px;padding:16px;}.filebar{margin-bottom:18px;}.workspace-heading{margin-bottom:18px;}main{padding-top:24px;}}
@media(max-width:1100px) and (min-width:768px){.topbar{gap:12px 16px;padding-inline:24px;}.brand-sub{display:none;}.mainnav a{padding-inline:7px;}.langnav{padding-left:10px;}.hero{gap:36px;}.work-grid{gap:18px;grid-template-columns:minmax(0,1fr) 304px;}.save{padding:18px;}}
@media(max-width:1023px){.hero{grid-template-columns:1fr 1fr;gap:32px;}.home h1{font-size:2.5rem;}.work-grid{display:block;}.work-side{position:static;}.workspace-tabs{border:1px solid var(--line);background:var(--surface);padding:4px;border-radius:10px;margin:0 0 16px;}.workspace-tab{border-radius:7px;font-size:12px;min-height:42px;}.workspace-tab::before{width:16px;height:16px;}.work .bench{padding:16px;}.export-context{margin-bottom:16px;}.band.two{gap:32px;}.action-bar:not([hidden]){padding:9px 16px calc(9px + env(safe-area-inset-bottom));gap:7px;box-shadow:0 -4px 16px #19243b08;}.action-bar .bar-sel{font-size:11px;line-height:1.4;}.action-bar .btn{min-height:44px;font-size:12px;}.wave-wrap{height:190px;}.foot{margin-inline:24px;}.result-grid{grid-template-columns:1fr;}.screen.work,.screen.result{padding-bottom:112px;}}
@media(max-width:767px){
 .topbar{padding:10px 18px;min-height:67px;gap:4px 12px;flex-wrap:wrap;}.brand{flex:1 1 auto;margin:0;}.brand-word{font-size:18px;}.brand-sub{font-size:9px;}.brand-mark{width:31px;height:31px;border-radius:9px;}.langnav{border:0;padding:0;margin:0;width:auto;gap:1px;}.langnav a{font-size:10px;min-height:34px;padding:0 5px;}.lang-short{display:inline;}.mainnav{width:100%;justify-content:flex-start;border-top:1px solid var(--line);padding-top:5px;margin-top:4px;gap:4px;}.mainnav a{display:inline-flex!important;font-size:11px;min-height:32px;padding:0 9px;}.started .topbar .mainnav{display:none!important;}main{padding:24px 18px 44px;}.hero{grid-template-columns:1fr;padding:10px 0 32px;gap:40px;}.hero-text{gap:16px;}.home h1{font-size:2.25rem;max-width:340px;line-height:1.2;letter-spacing:-.06em;}.eyebrow{font-size:9px;letter-spacing:.09em;}.hero .lead{font-size:13px;line-height:1.85;}.home .drop{padding:0;}.home .drop-actions{display:grid;grid-template-columns:1fr;gap:8px;}.drop-actions .btn{min-height:48px;font-size:13px;}.support{font-size:10px;gap:5px 12px;}.unit-detail{font-size:10px;}.unit-detail summary{min-height:26px;}.home #sample-note{font-size:10px;}.hero-figure .example{padding:22px;transform:none;border-radius:14px;}.hero-figure::before{width:32px;height:3px;top:-11px;}.example-wave svg{height:88px;}.example-wave{margin:21px 0 16px;}.example-name{font-size:13px;}.example-rows{font-size:10px;}.hero-figure figcaption{font-size:10px;}.band{padding:28px 0;}.band h2{font-size:1.2rem;}.how{gap:12px;}.how li{flex-basis:84%;}.step-art img{height:108px;}.step-caption{padding:16px;}.step-caption p{font-size:12px;}.step-caption h3{font-size:14px;}.band.two{gap:28px;}.qa{padding:18px 0;}.qa dt{font-size:13px;}.qa dd{font-size:12px;}.uses{font-size:12px;}
 .workspace-heading{margin:0 0 18px;gap:8px;}.workspace-heading .eyebrow{font-size:9px;letter-spacing:.05em;}.local-pill{font-size:9px;gap:5px;}.filebar{margin-bottom:17px;gap:10px;}.file-id{padding-left:11px;flex-basis:180px;}.filebar #work-title{font-size:17px;}.file-info{font-size:10px;line-height:1.6;}.filebar #replace-file{font-size:10px;min-height:36px;border-radius:7px;}.badge{font-size:9px;line-height:1.4;}.workspace-tabs{margin-bottom:14px;}.work .bench{padding:13px;gap:13px;border-radius:13px;}.wave-panel{padding:11px 11px 3px;border-radius:8px;}.wave-caption{font-size:9px;padding-bottom:5px;}.wave-caption>span:last-child{font-size:8px;}.wave-wrap{height:160px;}.tap-mode{gap:8px;}.tap-mode legend,.wave-panel .tap-mode legend{font-size:9px;}.tap-mode label{font-size:10px!important;min-height:32px!important;}.sel-row{gap:10px;grid-template-columns:1fr 1fr;}.sel-row .sel-length{grid-column:1/-1!important;grid-row:2!important;display:flex;align-items:center;justify-content:center;gap:8px;padding:0;}.sel-length span{font-size:10px;}.sel-length strong{font-size:18px;}.time-field label{font-size:10px!important;}.time-ctl input{height:42px;font-size:16px;}.listen-btns{grid-template-columns:1fr 1fr 40px;gap:6px;}.listen-btns .btn{font-size:10px;padding:0 6px;min-height:42px;gap:5px;}.listen-btns #play-stop{font-size:0;min-width:40px;grid-column:auto;justify-self:stretch;width:auto;}.listen-btns [data-icon]::before{width:14px;height:14px;}.gain-disclosure>summary{min-height:44px;font-size:11px;}.gain-disclosure .gain{padding-bottom:8px;}.more summary{font-size:10px;}.action-bar .bar-sel{font-size:10px;}.save{padding:20px;border-radius:13px;}.format-row{grid-template-columns:1fr 1fr;}.choice-text small{font-size:10px;}.export-context .btn{font-size:10px;}.export-source strong{font-size:11px;}.export-source .mini-title{font-size:10px;}.save #export-btn{font-size:13px;}.field>span,.field>label{font-size:12px;}.cond>summary{font-size:12px;}.cond .fine{font-size:11px;}.estimate{font-size:17px;}
 .result h1{font-size:1.65rem;}.result .steps{gap:6px 10px;font-size:10px;}.verdict{font-size:12px;}.final-card{padding:20px;}.final-name{font-size:16px;}.final-facts dd{font-size:18px;}.final-facts dt{font-size:10px;}.result-side .panel{padding:18px;}.result-details{padding:7px 12px;}.result .fine{font-size:11px;}.doc-head{padding:10px 0 24px;}.doc-head h1{font-size:1.9rem;}.doc-head .lead{font-size:13px;line-height:1.8;}.guide-title-row{gap:18px;}.guide-title-row h1{flex-basis:100%;}.guide-question>summary{padding:17px;}.guide-question>summary h2{font-size:13px;}.guide-answer{font-size:12px;padding:0 17px 18px;}.doc .band h2{font-size:18px;}.doc .panel p{font-size:12px;}.loading-box,.error-box{padding:24px;margin-block:20px;}.error-box h1{font-size:1.4rem;}.foot{margin-inline:18px;padding:20px 0;font-size:10px;}
}
@container(max-width:21.25rem){.listen-btns{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;}.listen-btns #play-stop{grid-column:auto;justify-self:stretch;width:40px;}.final-facts{grid-template-columns:1fr;}}
@media(max-width:359px){.topbar{padding-inline:14px;gap:2px 6px;}.brand-word{font-size:16px;}.brand-sub{font-size:8px;}.brand-mark{width:27px;height:27px;}.brand{gap:7px;}.langnav a{font-size:9px;padding:0 4px;}.topbar .mainnav a{padding:0 7px;}main{padding-inline:14px;}.home h1{font-size:2rem;}.local-pill{font-size:8px;}.work .bench{padding:10px;}.wave-panel{padding-inline:8px;}.wave-caption{font-size:8px;}.wave-caption>span:last-child{font-size:7px;}.wave-wrap{height:150px;}.listen-btns .btn{font-size:9px;gap:3px;}.save{padding:16px;}.choice{padding:10px 8px;}}
@media(prefers-color-scheme:dark){:root{--bg:#0d1422;--paper:#162035;--surface:#1d2a42;--ink:#eaf0fd;--muted:#a3b0c8;--line:#2a3a55;--line-strong:#516380;--accent:#a2b6ff;--accent-ink:#101b3b;--accent-soft:#243457;--focus:#ffbb78;--ok:#7bd7ad;--warn:#edc16b;--fail:#ff9aab;--wave-bg:#0a1324;--wave-grid:#23344e;--wave-dim:#5f7497;--wave-sel:#aec1ff;--wave-head:#eff6ff;--shadow:none;color-scheme:dark;}.btn-primary:hover{background:#bdccff;color:#111c36;border-color:#bdccff;}.hero-figure .example{background:#101c33;}.choice:has(input:checked){border-color:#6d89cf;}.brand-mark{background:#3f5ed8;}.work-main .bench{box-shadow:none;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important;animation:none!important;}.hero-figure .example{transform:none;}}

/* Desktop inspector does not need the mobile pane-return strip, even inside a narrow container. */
@media(min-width:1024px){.work-side .export-context{display:none;}}
.support li::before{background:none;position:static;width:auto;height:auto;border:0;box-shadow:none;display:inline;}


/* VALUE-REMAINING11: entry preflight and real engine handoff, without invented demo measurements. */
.hero:has(.value-flow){gap:48px;padding-top:24px;padding-bottom:34px;align-items:start;}
.value-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0;}
.value-journey li{display:flex;align-items:center;gap:7px;font-size:11px;min-width:0;}.value-journey li>span{font:10px ui-monospace,monospace;color:var(--accent);}.value-journey strong{font-weight:600;}
.value-formats{display:grid;grid-template-columns:1fr;gap:4px;padding:13px 15px;background:var(--paper);border:1px solid var(--line);border-radius:10px;}
.value-formats h2{font-size:11px;letter-spacing:0;color:var(--muted);margin:0 0 2px;}.value-formats p{font-size:12px;margin:0;}.value-supported{font-weight:700;color:var(--accent);}.value-unsupported{font-weight:600;color:var(--ink);}.value-conversion{font-size:11px;margin-top:2px;}.value-conversion summary{cursor:pointer;min-height:28px;display:flex;align-items:center;color:var(--muted);text-decoration:underline;text-underline-offset:3px;}.value-conversion p{font-size:11px;line-height:1.7;margin:5px 0 0;}
.value-flow{margin-top:14px;}.value-flow-card{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:26px;}.value-flow-title{font-size:11px;color:var(--muted);font-weight:650;letter-spacing:.03em;margin-bottom:20px;}.value-flow-steps{margin:0;padding:0;list-style:none;display:grid;gap:0;}.value-flow-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;padding:18px 0;border-top:1px solid var(--line);}.value-flow-steps li:first-child{border:0;padding-top:0;}.value-flow-steps img{width:24px;height:24px;filter:none;background:#e6ecff;border-radius:7px;padding:3px;box-sizing:content-box;}.value-flow-steps h2{font-size:16px;line-height:1.4;letter-spacing:-.02em;margin-bottom:7px;}.value-flow-steps p{font-size:12px;color:var(--muted);line-height:1.75;}.value-facts-label{padding:12px 14px;background:var(--accent-soft);border-radius:8px;color:var(--accent);font-size:11px;font-weight:700;text-align:center;letter-spacing:.08em;}.value-flow figcaption{line-height:1.65;font-size:10px;}.value-save-note{font-size:10px;line-height:1.6;color:var(--muted);margin:0;}
.value-sample-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:16px;padding:25px;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #0004;}.value-sample-dialog::backdrop{background:#091226a6;}.value-sample-dialog h2{font-size:20px;line-height:1.4;margin-bottom:12px;}.value-sample-dialog>p{font-size:14px;color:var(--muted);line-height:1.75;}.value-dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}.value-dialog-actions .btn{flex:1;min-width:130px;font-size:12px;}
@media(max-width:767px){.hero:has(.value-flow){gap:28px;padding-top:4px;}.hero-text:has(.value-journey){gap:14px;}.home:has(.value-journey) h1{font-size:2rem;line-height:1.25;}.value-journey{gap:8px;}.value-journey li{gap:5px;font-size:10px;line-height:1.5;}.value-formats{padding:11px 13px;}.value-formats h2{font-size:10px;}.value-formats p{font-size:11px;}.value-conversion,.value-conversion p{font-size:10px;}.value-flow{margin-top:0;}.value-flow-card{padding:21px;}.value-flow-steps li{padding:15px 0;gap:12px;}.value-flow-steps h2{font-size:14px;}.value-flow-steps p{font-size:11px;}.value-flow-title{font-size:10px;margin-bottom:17px;}.value-facts-label{font-size:10px;}.value-flow figcaption{font-size:9px;}.value-save-note{font-size:11px;}}
@media(max-width:359px){.home:has(.value-journey) h1{font-size:1.8rem;}.value-journey li{font-size:9px;}.value-journey{gap:5px;}.value-journey li>span{font-size:9px;}}

/* Explicit submission output specs: compact until requested, no hidden fallback. */
.output-spec{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0}.output-spec>summary{cursor:pointer;font-size:.82rem;font-weight:650;overflow-wrap:anywhere}.output-spec-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.output-spec-fields>*{min-width:0}.output-spec select{max-width:100%;width:100%}.output-spec .fine{margin-top:8px}@media(max-width:420px){.output-spec-fields{grid-template-columns:1fr}}