.computation-feedback{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid #bccbc2;background:#e9f2ed;color:#204f42;font:600 12px/1.6 system-ui,sans-serif}.computation-feedback[hidden]{display:none}.computation-feedback progress{width:110px;min-width:70px;height:8px;accent-color:#206453}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #267465;outline-offset:3px}#autosaveState{line-height:1.6}#v11Materials th{text-align:start}.language-switcher select{min-height:40px}@media(max-width:700px){button,a.sample-btn,select,.quality-presets button{min-height:44px}.computation-feedback{padding:12px;gap:10px}.computation-feedback span{flex:1}.computation-feedback progress{width:70px}.view-actions button{min-width:44px}.v11-material-row a{display:inline-flex;align-items:center;min-height:44px}.export-bar{gap:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

.professional-language{min-height:40px;max-width:140px;padding:8px;border:1px solid #b4c3b9;border-radius:10px;background:#fff;color:#17201d}header nav{flex-wrap:wrap}header .wrap{flex-wrap:wrap}

@media(max-width:700px){footer nav{flex-wrap:wrap;max-width:100%}.info-footer nav{flex-wrap:wrap}header .nav-cta{white-space:normal;max-width:100%}header .wrap,header .container{gap:10px}header nav{gap:12px;max-width:100%;min-width:0}.view-actions{flex-wrap:wrap!important;max-width:100%;min-width:0}.workspace-bar{min-width:0}.cleanup-controls{flex-wrap:wrap!important;max-width:100%}.mobile-view-note{flex-basis:100%}header .professional-language{margin-left:auto}.site-nav .nav-cta{padding:10px 12px}}
@media(max-width:350px){header .nav-cta{order:4;flex-basis:auto;margin-left:auto}.case-nav .wrap,.topbar .wrap,.nav .wrap{justify-content:space-between}.info-nav select{max-width:115px}}

@media(max-width:350px){header nav{flex-basis:100%;justify-content:space-between}.site-nav .nav-cta,.nav-cta{margin-left:0}header .nav-inner,header .nav-wrap{flex-wrap:wrap}header .nav-cta{padding:8px}.case-nav .wrap>nav{order:3}}

@media(max-width:700px){.site-nav{height:auto;min-height:76px;gap:12px;flex-wrap:wrap;padding:12px 0}.site-nav .brand{min-width:0;flex:1}.site-nav .nav-cta{margin-left:0;flex-shrink:0}.site-nav nav{flex-basis:100%}}

.home-title-zh{font-size:clamp(36px,4.6vw,64px)!important;line-height:1.35!important;letter-spacing:-.02em!important}

/* Legible controls and explanations without changing chart pixels. */
.controls .control-label,.controls .two-controls label,.sidebar .field>label,.craft-note,.fineprint,.controls .toggle{font-size:14px;line-height:1.6}.controls .step-title strong,.sidebar .section-title b{font-size:15px}.controls .step-title small,.controls .dropzone small,.controls .privacy-note,.sidebar .section-title small,.workspace-bar small{font-size:12px;line-height:1.6}.controls select,.sidebar select,.craft-grid button,.controls .link-button{font-size:14px}.view-actions button,.project-actions button,.export-bar button,.editor-bar button{font-size:13px;line-height:1.4}.preview-label,.result-summary small{font-size:11px;line-height:1.6}.controls .dropzone strong{font-size:14px}.computation-feedback{font-size:13px}
