:root,:root[data-theme=dark]{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-panel:#161b22;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-accent:#58a6ff;--border-color:#30363d;--border-subtle:#21262d;--accent-color:#238636;--accent-hover:#146c2c;--accent-fg:#fff;--link-color:#58a6ff;--link-hover:#79c0ff;--warning-bg:#3d2800;--warning-border:#9e6a03;--warning-text:#e3b341;--error-bg:#2d1316;--error-border:#f85149;--error-text:#ff7b72;--success-color:#3fb950;--success-bg:#0d2d0f;--input-bg:#0d1117;--input-border:#66788e;--input-focus:#58a6ff;--tag-bg:#1f3352;--tag-text:#79c0ff;--tab-active-bg:#21262d;--shadow:0 8px 24px #010409cc;--radius:8px;--radius-sm:6px;--radius-lg:12px;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f6f8fa;--bg-tertiary:#eaeef2;--bg-panel:#f6f8fa;--text-primary:#1f2328;--text-secondary:#424a53;--text-accent:#0550ae;--border-color:#d0d7de;--border-subtle:#eaeef2;--accent-color:#1a7f37;--accent-hover:#218529;--accent-fg:#fff;--link-color:#0969da;--link-hover:#0550ae;--warning-bg:#fff8c5;--warning-border:#9a6700;--warning-text:#7d4e00;--error-bg:#fff0ee;--error-border:#cf222e;--error-text:#a40e26;--success-color:#136c2e;--success-bg:#dafbe1;--input-bg:#fff;--input-border:#6b7280;--input-focus:#0969da;--tag-bg:#ddf4ff;--tag-text:#033666;--tab-active-bg:#eaeef2;--shadow:0 8px 24px #8c959f33;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.6}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}h1,h2,h3{margin:0 0 var(--space-sm);line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.1rem}h3{font-size:.95rem}p{margin:0 0 var(--space-md)}code,pre{background-color:var(--bg-tertiary);border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85em}code{padding:.15em .4em}pre{padding:var(--space-lg);overflow-x:auto}.text-muted{color:var(--text-secondary)}.text-xs{font-size:.75rem}.text-sm{font-size:.82rem}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100%;left:var(--space-lg);z-index:1000;padding:var(--space-md) var(--space-xl);background-color:var(--accent-color);color:var(--accent-fg);border-radius:0 0 var(--radius-sm) var(--radius-sm);font-weight:600;text-decoration:none;transition:top .15s;position:absolute}.skip-link:focus{top:0}#app{flex-direction:column;min-height:100vh;display:flex}header{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;display:flex}.header-left{flex:1}.logo{color:var(--text-primary);white-space:nowrap;font-size:1.1rem;font-weight:700}.eco-links{gap:var(--space-lg);font-size:.8rem;display:flex}#theme-toggle{border:1px solid var(--border-color);background-color:var(--bg-tertiary);width:2.5rem;min-width:44px;height:2.5rem;min-height:44px;color:var(--text-primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:background .15s,border-color .15s;display:flex}#theme-toggle:hover{background-color:var(--tab-active-bg);border-color:var(--input-focus)}.cl-hero{padding:0 var(--space-xl);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(1rem,4vw,3rem);margin:clamp(1rem,3vw,2rem) 0 1.5rem;display:flex}.cl-hero-main{flex:22rem;min-width:min(100%,20rem)}.cl-hero-title{letter-spacing:.01em;color:var(--text-primary);margin:0;font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:700;line-height:1.1}.cl-hero-sub{letter-spacing:.01em;opacity:.85;color:var(--text-primary);margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem)}.cl-hero-desc{color:var(--text-secondary);max-width:60ch;margin:.55rem 0 0;font-size:1rem;line-height:1.5}.cl-hero-why{border:1px solid var(--border-color);background:color-mix(in oklab,var(--accent-color) 6%,transparent);border-radius:10px;flex:0 min(40%,26rem);min-width:min(100%,15rem);padding:.85rem 1.05rem}.cl-hero-why-label{letter-spacing:.14em;color:var(--text-primary);font-size:.68rem;font-weight:700;display:block}.cl-hero-why-text{color:var(--text-primary);margin:.35rem 0 0;font-size:.95rem;line-height:1.5}@media (width<=640px){.cl-hero{flex-direction:column}.cl-hero-why{flex-basis:auto;width:100%}.cl-hero-main{flex-basis:auto;min-width:0}}.hero-cta{padding:0 var(--space-xl);margin-bottom:var(--space-lg)}.onboarding{max-width:720px;margin:var(--space-lg) auto;padding:var(--space-lg) var(--space-xl);background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.onboarding-title{margin-bottom:var(--space-md);font-size:1rem;font-weight:600}.onboarding-steps{gap:var(--space-lg);flex-wrap:wrap;display:flex}.step{gap:var(--space-sm);flex:1;align-items:flex-start;min-width:160px;display:flex}.step-number{background-color:var(--text-accent);width:28px;height:28px;color:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex}.step strong{font-size:.88rem}.step p{color:var(--text-secondary);margin:var(--space-xs) 0 0;font-size:.78rem}.onboarding-result{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--success-bg);border-radius:var(--radius-sm);border:1px solid var(--success-color)}.onboarding-result p{color:var(--success-color);margin:0;font-size:.82rem}main{padding:var(--space-lg);flex:1;width:100%;max-width:1400px;margin:0 auto}.panels{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=769px){.panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.panels{grid-template-columns:repeat(3,minmax(0,1fr))}}.panel{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex}.panel-header{border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);background-color:var(--bg-tertiary);justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.panel-header h2{margin:0;font-size:.95rem;font-weight:600}.panel-body{padding:var(--space-lg);flex:1}.btn{border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;align-items:center;gap:.4rem;min-width:44px;min-height:44px;padding:.55rem 1rem;font-size:.88rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-color);color:var(--accent-fg);border-color:var(--accent-color)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--tab-active-bg)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.btn-accent{background-color:var(--text-accent);color:var(--bg-primary);border-color:var(--text-accent);font-weight:700}.btn-accent:hover{opacity:.9}.btn-download{background-color:var(--accent-color);color:var(--accent-fg);border-color:var(--accent-color);margin-top:var(--space-md)}.btn-download:hover{background-color:var(--accent-hover)}.btn-sm{min-height:32px;padding:.3rem .6rem;font-size:.78rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn.loading{pointer-events:none;opacity:.7}.btn-row{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-sm);padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,background .15s;position:relative}.dropzone:hover,.dropzone.dragover{border-color:var(--input-focus);background-color:var(--bg-tertiary)}.dropzone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.dropzone-icon{margin-bottom:var(--space-sm);font-size:2rem;display:block}.dropzone-hint{margin-top:var(--space-xs);font-size:.8rem;display:block}.load-progress{margin-top:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--tag-bg) 72%, var(--bg-panel));border:1px solid var(--input-focus)}.load-progress-head{align-items:center;gap:var(--space-sm);color:var(--tag-text);margin-bottom:var(--space-sm);display:flex}.load-progress-bar{background-color:color-mix(in srgb, var(--input-focus) 18%, transparent);height:.42rem;margin-bottom:var(--space-sm);border-radius:999px;position:relative;overflow:hidden}.load-progress-fill{border-radius:inherit;background:linear-gradient(90deg, transparent 0%, var(--input-focus) 25%, var(--tag-text) 70%, transparent 100%);width:35%;animation:1.1s ease-in-out infinite progress-slide;position:absolute;inset:0 auto 0 -35%}.image-wrap{margin-top:var(--space-md);max-width:100%;display:inline-block;position:relative}.image-wrap canvas{border-radius:4px;width:auto;max-width:100%;height:auto;max-height:280px;display:block}.overlay-canvas{pointer-events:none;border-radius:4px;max-width:100%;max-height:280px;position:absolute;top:0;left:0}.suitability-row{margin-top:var(--space-sm);align-items:center;gap:var(--space-sm);font-size:.82rem;display:flex}.image-info-row{margin-top:var(--space-sm);color:var(--text-secondary);font-size:.8rem}.capacity-table{margin-top:var(--space-sm);border-collapse:collapse;width:100%;font-size:.8rem}.capacity-table th,.capacity-table td{padding:var(--space-xs) var(--space-sm);text-align:left;border-bottom:1px solid var(--border-subtle)}.capacity-table th{color:var(--text-secondary);font-weight:500}.badge{white-space:nowrap;border-radius:999px;padding:.15em .55em;font-size:.72rem;font-weight:600;display:inline-block}.badge-safe{background-color:var(--success-bg);color:var(--success-color);border:1px solid var(--success-color)}.badge-moderate{background-color:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-risky{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.tabs{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-lg);display:flex}.tab-btn{padding:var(--space-sm) var(--space-lg);min-height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-size:.88rem;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-accent);border-bottom-color:var(--text-accent);background-color:var(--tab-active-bg);border-radius:4px 4px 0 0}.tab-pane{display:none}.tab-pane.active{display:block}.form-group{margin-bottom:var(--space-md)}label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.85rem;font-weight:500;display:block}input[type=text],input[type=password],textarea{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text-primary);padding:.55rem .75rem;font-family:inherit;font-size:1rem;transition:border-color .15s}input[type=text]:focus,input[type=password]:focus,textarea:focus{outline:2px solid var(--input-focus);outline-offset:1px;border-color:var(--input-focus)}textarea{resize:vertical;min-height:80px}input[type=range]{width:100%;accent-color:var(--input-focus)}.input-meta{gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.range-labels{color:var(--text-secondary);justify-content:space-between;margin-top:.1rem;font-size:.72rem;display:flex}.preset-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.preset-btn{border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:.3rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.preset-btn:hover{border-color:var(--input-focus);color:var(--text-primary)}.preset-btn.active{background-color:var(--tag-bg);color:var(--tag-text);border-color:var(--input-focus)}.alert{border-radius:var(--radius-sm);margin-bottom:var(--space-md);border:1px solid;padding:.6rem .85rem;font-size:.85rem}.alert-warning{background-color:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.alert-error{background-color:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.alert-success{background-color:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.alert-info{background-color:var(--tag-bg);border-color:var(--input-focus);color:var(--tag-text)}.toggle-row{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);color:var(--text-secondary);font-size:.8rem;display:flex}.toggle-row input[type=checkbox]{accent-color:var(--input-focus)}.summary-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-lg);margin-top:var(--space-lg)}.summary-title{margin-bottom:var(--space-md);color:var(--text-accent);font-size:.9rem;font-weight:600}.summary-grid{gap:var(--space-sm) var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));font-size:.82rem;display:grid}.summary-item{flex-direction:column;display:flex}.summary-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:500}.summary-value{color:var(--text-primary);font-weight:600}.summary-note{margin-top:var(--space-md);color:var(--text-secondary);align-items:flex-start;gap:var(--space-sm);font-size:.78rem;display:flex}.thumb-row{gap:var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.thumb-col{text-align:center;flex:1;min-width:140px}.thumb-col canvas{border-radius:4px;width:100%;max-width:180px;margin:0 auto;display:block}.thumb-label{font-variant:small-caps;color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.75rem;display:block}.diff-section{margin-top:var(--space-md)}.diff-section canvas{border-radius:4px;width:auto;max-width:100%;max-height:220px;display:block}.extract-msg{white-space:pre-wrap;word-break:break-word;padding:var(--space-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);margin-top:var(--space-sm);display:block}.method-tabs{margin-bottom:var(--space-md);flex-wrap:wrap;gap:.35rem;display:flex}.method-tab{cursor:pointer;border:1px solid var(--border-color);background-color:var(--bg-tertiary);min-width:44px;min-height:44px;color:var(--text-secondary);border-radius:20px;padding:.4rem .75rem;font-size:.82rem;font-weight:500;transition:all .15s}.method-tab.active,.method-tab:hover{background-color:var(--tag-bg);color:var(--tag-text);border-color:var(--input-focus)}.analysis-bars{margin-bottom:var(--space-lg)}.bar-row{align-items:center;gap:var(--space-sm);margin-bottom:.35rem;display:flex}.bar-label{width:5.5rem;color:var(--text-secondary);text-align:right;flex-shrink:0;font-size:.82rem}.bar-track{background-color:var(--bg-tertiary);border-radius:3px;flex:1;height:18px;overflow:hidden}.bar-fill{border-radius:3px;height:100%;transition:width .3s}.bar-value{flex-shrink:0;min-width:3.5rem;font-size:.82rem;font-weight:600}.bar-badge{flex-shrink:0;min-width:7rem;font-size:.72rem;font-weight:500}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat-card{background-color:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-md)}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-xs);font-size:.72rem;font-weight:500;display:block}.stat-value{color:var(--text-accent);font-size:1rem;font-weight:700}.stat-value.resist{color:var(--success-color)}.stat-value.detect{color:var(--error-text)}.stat-value.moderate{color:var(--warning-text)}.method-explanation{margin:var(--space-md) 0}.explain-text{color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-left:3px solid var(--text-accent);background-color:var(--bg-tertiary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.82rem}.hist-wrap{margin-top:var(--space-sm);overflow-x:auto}.hist-canvas{width:100%;min-width:240px;height:120px;display:block}.changes-section{margin-top:var(--space-md)}.changes-section canvas{border-radius:4px;width:auto;max-width:100%;max-height:220px;display:block}.section-label{margin-bottom:var(--space-sm);color:var(--text-primary);font-size:.88rem;font-weight:600}.explainer-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-lg);margin-bottom:var(--space-lg)}.explainer-card h3{margin-bottom:var(--space-md);font-size:.92rem;font-weight:600}.explainer-list{margin:0;font-size:.82rem}.explainer-list dt{color:var(--text-accent);margin-top:var(--space-sm);font-weight:600}.explainer-list dd{margin:0 0 var(--space-xs);color:var(--text-secondary)}.info-section{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border-subtle)}.info-grid{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.info-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-lg)}.info-card h3{margin-bottom:var(--space-md);color:var(--text-accent);font-size:.95rem;font-weight:600}.info-card ul{padding-left:var(--space-lg);color:var(--text-secondary);margin:0;font-size:.82rem}.info-card li{margin-bottom:var(--space-sm)}.info-card li strong{color:var(--text-primary)}.info-card em{color:var(--warning-text);font-style:italic}footer{padding:var(--space-xl);background-color:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:.8rem}footer .scripture{max-width:640px;margin:0 auto var(--space-sm);font-style:italic}footer p a{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress-slide{0%{transform:translate(0)}to{transform:translate(320%)}}.spinner{vertical-align:middle;border:2px solid;border-top-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite spin;display:inline-block}:focus-visible{outline:2px solid var(--input-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}button,[role=button],[role=tab],input[type=checkbox],.method-tab,.preset-btn,.tab-btn,.btn-sm{min-width:44px;min-height:44px}.dropzone:focus-within,.method-tab:focus-visible,.preset-btn:focus-visible{outline:2px solid var(--input-focus);outline-offset:2px}.gloss-inline,.gloss{color:var(--text-accent);text-underline-offset:2px;cursor:help;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline;position:relative}.gloss-inline{font-size:.85em}.gloss:focus-visible{outline:2px solid var(--input-focus);outline-offset:2px}.gloss-bubble{z-index:200;width:min(300px,100vw - 1rem);padding:var(--space-sm) var(--space-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow);color:var(--text-primary);white-space:normal;font-size:.8rem;font-weight:400;line-height:1.45;text-decoration:none;display:none;position:absolute;top:calc(100% + 6px);left:0}.gloss-bubble-term{color:var(--text-accent)}.gloss-inline:hover .gloss-bubble,.gloss-inline:focus .gloss-bubble,.gloss:hover .gloss-bubble,.gloss:focus .gloss-bubble,.gloss.gloss-open .gloss-bubble{display:block}.mechanism-panel{margin-top:var(--space-md);padding:var(--space-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius)}.mechanism-intro{margin:0 0 var(--space-sm)}.mechanism-body{margin-top:var(--space-sm);border-radius:var(--radius-sm)}.mechanism-body:focus-visible{outline:2px solid var(--input-focus);outline-offset:2px}.mech-verdict{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap;display:flex}.mech-block-id{color:var(--text-primary);font-size:.82rem;font-weight:600}.mech-cost-badge{border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:.15rem .5rem;font-size:.78rem;font-weight:700}.mech-cost-badge.mech-cheap{color:var(--success-color);border-color:var(--success-color);background-color:var(--success-bg)}.mech-cost-badge.mech-moderate{color:var(--warning-text);border-color:var(--warning-border);background-color:var(--warning-bg)}.mech-cost-badge.mech-costly{color:var(--error-text);border-color:var(--error-border);background-color:var(--error-bg)}.mech-formula{margin:0 0 var(--space-sm)}.mech-table{border-collapse:collapse;width:100%;font-size:.78rem}.mech-table th,.mech-table td{text-align:right;border-bottom:1px solid var(--border-subtle);padding:.25rem .4rem}.mech-table thead th{color:var(--text-secondary);text-align:right;font-weight:600}.mech-table th.mech-band{text-align:left;color:var(--text-primary);font-weight:700}.mech-num{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.mech-bar-cell{min-width:90px;position:relative}.mech-bar{background-color:var(--text-accent);vertical-align:middle;border-radius:2px;max-width:60%;height:.55rem;margin-right:.35rem;display:inline-block}.mech-contrib{color:var(--text-primary)}#cover-canvas{cursor:crosshair}#cover-canvas:focus-visible{outline:2px solid var(--input-focus);outline-offset:2px}.hist-callout{margin:var(--space-sm) 0 0;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);background-color:var(--bg-tertiary);border-left:3px solid var(--error-border);border-radius:var(--radius-sm);font-size:.76rem;line-height:1.45}.hist-callout strong{color:var(--text-primary)}.hist-callout-arrow{color:var(--error-text);font-weight:700}.proxy-tag{margin-left:var(--space-sm);letter-spacing:.02em;text-transform:uppercase;color:var(--warning-text);background-color:var(--warning-bg);border:1px solid var(--warning-border);vertical-align:middle;border-radius:999px;padding:.1rem .5rem;font-size:.68rem;font-weight:700;display:inline-block}.detector-note{margin:.1rem 0 var(--space-sm) 4.2rem;color:var(--text-secondary);font-style:italic}.shortfall-note{color:var(--error-text);padding:var(--space-xs) var(--space-sm);background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-sm);font-style:normal}.ordering-note{margin:var(--space-sm) 0 0;padding:var(--space-sm);color:var(--text-secondary);background-color:var(--bg-panel);border-left:3px solid var(--accent-color,var(--text-secondary));border-radius:var(--radius-sm)}.ordering-note strong{color:var(--text-primary)}.stc-walkthrough{margin-top:var(--space-2xl);padding:var(--space-lg);background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius)}.stc-stage{margin:var(--space-md) 0;padding:var(--space-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);overflow-x:auto}.stc-stage svg{width:100%;min-width:360px;height:auto;color:var(--text-secondary)}.stc-controls{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.stc-step-title{margin:var(--space-xs) 0 0;color:var(--text-primary);font-size:.9rem;font-weight:700}.stc-step-caption{margin:var(--space-xs) 0 0;max-width:70ch}@media (width<=768px){.panels{grid-template-columns:minmax(0,1fr)}.cl-hero,.hero-cta{padding-left:var(--space-md);padding-right:var(--space-md)}.bar-row{flex-wrap:wrap}.bar-badge{min-width:auto}.summary-grid,.info-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){html{font-size:14px}header{padding:var(--space-md)}.eco-links{display:none}main{padding:var(--space-sm)}.panel-body{padding:var(--space-md)}.btn-row{flex-direction:column}.btn-row .btn{justify-content:center;width:100%}.onboarding-steps{flex-direction:column}.bar-badge{display:none}.bar-label{width:4rem;font-size:.75rem}.method-tabs{gap:.25rem}.method-tab{padding:.35rem .55rem;font-size:.75rem}.dropzone{padding:var(--space-lg) var(--space-md)}.preset-row{gap:var(--space-xs)}.preset-btn{padding:.25rem .5rem;font-size:.7rem}.image-wrap canvas{max-height:200px}.thumb-col canvas{max-width:140px}.info-grid{gap:var(--space-md)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}