html{scroll-behavior:smooth}body,#root{min-height:100vh}:root{--paper:#f8f5ed;--paper-strong:#f8f5edf0;--ink:#14202a;--muted:#56636d;--line:#14202a1f;--accent:#c7582b;--accent-soft:#c7582b1f;--sea:#0e5a74;--card-shadow:0 28px 60px #14202a1f;--page-glow-warm:#c7582b2e;--page-glow-cool:#0e5a742e;--page-bg-top:#d8e5ea;--page-bg-mid:#efe7d7;--page-bg-bottom:#f3eee4;--shell-border-soft:#f8f5ed66;--hero-start:#0e5a74e0;--hero-end:#14202ae6;--hero-copy:#f8f5ede6;--control-bg:#ffffffb8;--control-bg-soft:#ffffff94;--soft-fill:#0e5a740d;--preview-stage-bg:linear-gradient(180deg, #0e5a7414, #14202a0f);--sidebar-toggle-bg:#f8f5edeb;--sidebar-toggle-border:#14202a24;--sidebar-toggle-shadow:0 10px 22px #14202a1f;--sidebar-panel-border:#f8f5ed29;--sidebar-panel-bg:linear-gradient(180deg, #14202af0, #122c3be6);--sidebar-panel-shadow:0 16px 34px #0c182229;--topbar-action-bg:#f8f5edb8;--topbar-action-bg-hover:#f8f5edeb;--topbar-action-border:#14202a24;--topbar-action-shadow:none;--topbar-menu-bg:#f8f5edf5;--topbar-menu-shadow:0 18px 34px #14202a24;--modal-backdrop:#14202ab3;--modal-surface:linear-gradient(180deg, #14202af5, #0f1f2bf0);--modal-viewport-bg:linear-gradient(180deg, #f8f5ed0f, #f8f5ed05), #f8f5ed05;--modal-video-bg:#060b0f;--modal-video-outline:#f8f5ed14;--preview-zoom-surface:linear-gradient(180deg, #f8f5edfa, #efe7d7f5);--preview-zoom-viewport-bg:linear-gradient(180deg, #0e5a740f, #14202a0a), #14202a08;--preview-zoom-text:#14202a;--preview-zoom-text-muted:#14202ac7;--preview-zoom-text-soft:#14202aa8;--preview-zoom-control-bg:#14202a0f;--preview-zoom-control-bg-hover:#14202a1a;--preview-zoom-control-border:#14202a24;--preview-zoom-control-active-bg:#c7582b24;--preview-zoom-control-active-border:#c7582b57;--preview-zoom-close-bg:#c7582b1f;--contrast-soft:#f8f5edc2;--contrast-muted:#f8f5edd1;--contrast-bg-soft:#f8f5ed14;--contrast-bg-subtle:#f8f5ed0f;--contrast-border:#f8f5ed1f;--contrast-border-strong:#f8f5ed29;--floating-button-border:#f8f5ed38;--floating-button-bg:#14202a80;--floating-button-bg-hover:#14202a9e;--floating-button-text:#fff8f2;--primary-action-text:#fff8f2;--secondary-action-border:#0e5a742e;--secondary-action-bg:#0e5a7414;--mode-switch-border:#14202a1f;--mode-switch-bg:#ffffffa3;--mode-switch-active-border:#c7582b7a;--mode-switch-active-bg:#c7582b1f;--metric-bg:linear-gradient(180deg, #ffffffc2, #ffffff8a);--download-link-bg:#c7582b1a;--download-link-border:#c7582b38;--download-link-hover-bg:#c7582b24;--sans:"Segoe UI Variable", "Bahnschrift", "Microsoft YaHei UI", sans-serif;--mono:"Cascadia Code", "Consolas", monospace}[data-theme=dark]{--paper:#13202b;--paper-strong:#13202bf0;--ink:#eef4f7;--muted:#9fb0bc;--line:#eef4f71f;--accent:#ec8458;--accent-soft:#ec845829;--sea:#67bfd8;--card-shadow:0 28px 60px #02080e57;--page-glow-warm:#ec84581f;--page-glow-cool:#268db229;--page-bg-top:#071018;--page-bg-mid:#0b1822;--page-bg-bottom:#111f2a;--shell-border-soft:#eef4f71f;--hero-start:#124a5edb;--hero-end:#071018f5;--hero-copy:#eef4f7db;--control-bg:#0f1b25e0;--control-bg-soft:#0f1b25bd;--soft-fill:#67bfd814;--preview-stage-bg:linear-gradient(180deg, #67bfd814, #eef4f70a);--sidebar-toggle-bg:#13202bf0;--sidebar-toggle-border:#eef4f71f;--sidebar-toggle-shadow:0 10px 22px #02080e47;--sidebar-panel-border:#eef4f71f;--sidebar-panel-bg:linear-gradient(180deg, #081118f5, #10212ef0);--sidebar-panel-shadow:0 18px 36px #02080e4d;--topbar-action-bg:#111d28db;--topbar-action-bg-hover:#162634f5;--topbar-action-border:#eef4f71f;--topbar-action-shadow:none;--topbar-menu-bg:#0d1822fa;--topbar-menu-shadow:0 18px 34px #02080e47;--modal-backdrop:#02080ed1;--modal-surface:linear-gradient(180deg, #091118fa, #0d1923f5);--modal-viewport-bg:linear-gradient(180deg, #eef4f70f, #eef4f705), #0811188f;--modal-video-bg:#02070c;--modal-video-outline:#eef4f714;--preview-zoom-surface:linear-gradient(180deg, #091118fa, #0d1923f5);--preview-zoom-viewport-bg:linear-gradient(180deg, #eef4f70f, #eef4f705), #0811188f;--preview-zoom-text:#eef4f7;--preview-zoom-text-muted:#eef4f7d1;--preview-zoom-text-soft:#eef4f7c7;--preview-zoom-control-bg:#eef4f714;--preview-zoom-control-bg-hover:#eef4f71f;--preview-zoom-control-border:#eef4f71f;--preview-zoom-control-active-bg:#ec845833;--preview-zoom-control-active-border:#ec84585c;--preview-zoom-close-bg:#ec845829;--contrast-soft:#eef4f7c7;--contrast-muted:#eef4f7d1;--contrast-bg-soft:#eef4f714;--contrast-bg-subtle:#eef4f70f;--contrast-border:#eef4f71f;--contrast-border-strong:#eef4f724;--floating-button-border:#eef4f72e;--floating-button-bg:#07101894;--floating-button-bg-hover:#0c1721bd;--floating-button-text:#eef4f7;--primary-action-text:#081119;--secondary-action-border:#67bfd847;--secondary-action-bg:#67bfd81f;--mode-switch-border:#eef4f724;--mode-switch-bg:#0f1b25d1;--mode-switch-active-border:#ec845885;--mode-switch-active-bg:#ec84582e;--metric-bg:linear-gradient(180deg, #111d28e0, #0c151ecc);--download-link-bg:#ec84582e;--download-link-border:#ec845847;--download-link-hover-bg:#ec84583d}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left, var(--page-glow-warm), transparent 28%), radial-gradient(circle at top right, var(--page-glow-cool), transparent 34%), linear-gradient(180deg, var(--page-bg-top) 0%, var(--page-bg-mid) 46%, var(--page-bg-bottom) 100%);font-family:var(--sans);margin:0}button,input,select,a{font:inherit}.app-shell{--section-scroll-offset:28px;min-height:100vh;padding:20px 28px;position:relative}.svg-icon{color:currentColor;place-items:center;width:1.1rem;height:1.1rem;display:inline-grid}.svg-icon svg{width:100%;height:100%;display:block}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px 18px;width:100%;padding:0 0 16px;display:flex}.topbar__brand{flex:none;min-width:0}.topbar__title{color:var(--ink);white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.3}.topbar__page-nav{flex-wrap:wrap;flex:auto;justify-content:center;gap:8px;min-width:0;display:flex}.topbar__nav-item{min-height:38px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-weight:700;transition:transform .14s,border-color .14s,background .14s,color .14s;display:inline-flex}.topbar__nav-item:hover{border-color:var(--topbar-action-border);background:var(--topbar-action-bg);color:var(--ink);transform:translateY(-1px)}.topbar__nav-item--active{border-color:var(--topbar-action-border);background:var(--topbar-action-bg);color:var(--accent)}.topbar__menu-anchor{position:relative}.topbar__action-list{flex:none;align-items:center;gap:10px;display:flex}.topbar__action-button{border:1px solid var(--topbar-action-border);background:var(--topbar-action-bg);min-height:38px;box-shadow:var(--topbar-action-shadow);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.topbar__action-button:hover{background:var(--topbar-action-bg-hover);border-color:#c7582b4d;transform:translateY(-1px)}.topbar__menu{z-index:20;border:1px solid var(--line);background:var(--topbar-menu-bg);min-width:180px;box-shadow:var(--topbar-menu-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;gap:6px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.topbar__menu-item{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;display:flex}.topbar__menu-item:hover{background:var(--accent-soft)}.topbar__menu-item--active{background:color-mix(in srgb, var(--accent-soft) 80%, transparent);color:var(--accent)}.topbar__menu-check{color:var(--muted);font-size:.8rem}.sidebar{z-index:8;color:var(--contrast-muted);position:fixed;top:50%;left:12px;transform:translateY(-50%)}.footer__label{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.footer__copy{margin:0;line-height:1.65}.sidebar__toggle{border:1px solid var(--sidebar-toggle-border);background:var(--sidebar-toggle-bg);min-width:48px;min-height:66px;box-shadow:var(--sidebar-toggle-shadow);color:var(--ink);cursor:pointer;border-radius:999px;justify-items:center;gap:3px;padding:9px 7px;transition:transform .14s,box-shadow .14s,background .14s;display:inline-grid}.sidebar__toggle:hover{box-shadow:0 12px 24px color-mix(in srgb, var(--ink) 18%, transparent);transform:translateY(-1px)}.sidebar__toggle-icon{font-size:1.02rem;line-height:1}.sidebar__toggle-text{letter-spacing:.12em;text-transform:uppercase;font-size:.64rem}.sidebar__panel{border:1px solid var(--sidebar-panel-border);background:var(--sidebar-panel-bg), radial-gradient(circle at top, #c7582b29, transparent 40%);width:min(208px,100vw - 124px);box-shadow:var(--sidebar-panel-shadow);opacity:0;pointer-events:none;border-radius:22px;gap:12px;padding:16px 14px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:50%;left:60px;transform:translateY(-50%)translate(-12px)scale(.98)}.sidebar--expanded .sidebar__panel{opacity:1;pointer-events:auto;transform:translateY(-50%)translate(0)scale(1)}.sidebar__nav{gap:8px;display:grid}.sidebar__nav-item{background:var(--contrast-bg-subtle);width:100%;color:inherit;text-align:left;cursor:pointer;border:1px solid #0000;border-radius:16px;align-items:start;padding:10px 12px;transition:transform .14s,border-color .14s,background .14s;display:grid}.sidebar__nav-item:hover{border-color:var(--contrast-border);background:var(--contrast-bg-soft);transform:translateY(-1px)}.sidebar__nav-item--active{background:linear-gradient(135deg, #c7582b2e, var(--contrast-bg-subtle));border-color:#c7582b5c}.sidebar__nav-label{color:var(--contrast-muted);font-size:.94rem;font-weight:700;line-height:1.25}.page-layout{flex-direction:column;gap:32px;min-height:calc(100vh - 40px);display:flex}.surface{flex-direction:column;gap:20px;min-width:0;display:flex}.shell{width:min(1360px,100%);margin:0 auto;padding:16px 0 0}[data-nav-section]{scroll-margin-top:var(--section-scroll-offset)}.hero,.panel,.footer{min-width:0}.hero{border:1px solid var(--shell-border-soft);background:linear-gradient(135deg, var(--hero-start), var(--hero-end)), linear-gradient(90deg, #f8f5ed14, #f8f5ed05);color:var(--paper);box-shadow:var(--card-shadow);border-radius:28px;padding:30px 32px;overflow:hidden}.home-page{gap:20px;display:grid}.hero--home{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:stretch;gap:28px;min-height:460px;display:grid;position:relative}.hero--home:before{content:"";pointer-events:none;background:radial-gradient(circle,#ec845842,#0000 68%);border-radius:999px;height:58%;position:absolute;inset:auto -12% -38% 38%}.hero__content{z-index:1;align-content:center;display:grid;position:relative}.hero__eyebrow{background:var(--contrast-bg-soft);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:6px 12px;font-size:.75rem;display:inline-flex}.hero h1{letter-spacing:-.05em;color:var(--contrast-muted);margin:18px 0 12px;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.98}.hero__copy{max-width:70ch;color:var(--hero-copy);margin:0;line-height:1.7}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero__action{border:1px solid var(--contrast-border);cursor:pointer;border-radius:999px;min-height:46px;padding:12px 18px;font-weight:700;transition:transform .14s,background .14s,border-color .14s}.hero__action:hover{transform:translateY(-1px)}.hero__action--primary{background:linear-gradient(135deg, var(--accent), #db8d34);color:var(--primary-action-text);border-color:#f8f5ed3d}.hero__action--secondary{background:var(--contrast-bg-soft);color:var(--contrast-muted)}.hero__signal{z-index:1;align-content:end;gap:12px;display:grid;position:relative}.hero__signal-card{border:1px solid var(--contrast-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f5ed1a;border-radius:20px;gap:8px;padding:18px;display:grid}.hero__signal-label{color:var(--contrast-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem}.hero__signal-card strong{color:var(--contrast-muted);font-size:1.02rem;line-height:1.35}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.home-card{border:1px solid var(--line);background:var(--paper-strong);min-width:0;box-shadow:var(--card-shadow);border-radius:22px;padding:20px}.home-card__index{color:var(--accent);font-family:var(--mono);font-size:.82rem;font-weight:700}.home-card h2{margin:14px 0 8px;font-size:1.08rem}.home-card p{color:var(--muted);margin:0;line-height:1.7}.operation-grid{grid-template-columns:minmax(280px,340px) minmax(420px,1fr) minmax(280px,340px);align-items:stretch;gap:20px;margin-top:20px;display:grid}.operation-grid__controls,.operation-grid__settings,.operation-grid__preview,.results-row__panel{min-width:0}.operation-grid__controls{display:grid}.operation-grid__controls .panel,.operation-grid__preview,.operation-grid__settings{height:100%}.operation-grid__preview .preview-stage__media{--preview-max-height:min(72vh, 760px);min-height:clamp(360px,42vw,620px)}.results-row,.diagnostics-row{margin-top:20px}.results-row__panel .metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.diagnostics-panel .contract{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.diagnostics-panel .metric-grid,.diagnostics-panel .warnings{grid-column:1/-1}.diagnostics-panel .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width>=1181px){.operation-grid{gap:18px}.operation-grid .panel,.results-row .panel,.diagnostics-row{border-radius:20px;padding:18px}.operation-grid .panel__header h2,.results-row .panel__header h2,.diagnostics-row .panel__header h2{font-size:1.12rem}.operation-grid .panel__header p,.results-row .panel__header p,.diagnostics-row .panel__header p,.operation-grid .field__hint,.operation-grid .status-box p,.diagnostics-row .warnings p,.diagnostics-row .empty-state p,.operation-grid .empty-state p,.results-row .empty-state p{font-size:.86rem;line-height:1.5}.operation-grid .field{gap:8px;margin-top:14px}.operation-grid .field__label,.operation-grid .field__hint,.operation-grid .status-box__title,.operation-grid .preview-card__title,.diagnostics-row .warnings__title,.diagnostics-row .metric__label,.results-row .metric__label{letter-spacing:.1em;font-size:.72rem}.operation-grid .field input,.operation-grid .field__select{border-radius:13px;padding:10px 12px;font-size:.9rem}.operation-grid .mode-switch{gap:8px;margin-top:14px}.operation-grid .mode-switch__button{border-radius:13px;padding:10px 12px;font-size:.9rem}.operation-grid .threshold-control,.operation-grid .count-control{gap:10px}.operation-grid .threshold-control__value,.operation-grid .count-control__value{border-radius:10px;min-width:2.9rem;padding:7px 9px;font-size:.84rem}.operation-grid .actions{margin-top:16px}.operation-grid .actions--stacked{gap:8px}.operation-grid .action,.operation-grid .download-link{min-height:40px;padding:10px 16px;font-size:.9rem}.operation-grid .status-box,.operation-grid .preview-card,.operation-grid .empty-state,.results-row .empty-state{border-radius:15px;margin-top:14px;padding:13px}.diagnostics-row .metric-grid,.results-row .metric-grid{gap:10px}.diagnostics-row .metric,.results-row .metric{border-radius:14px;padding:11px}.diagnostics-row .metric__value,.results-row .metric__value{margin-top:6px;font-size:.9rem}.results-row .result-list{gap:10px}.results-row .result-row{border-radius:12px;gap:12px;padding:10px 12px}.results-row .result-row__box{font-size:.78rem}.results-row .result-row__score{min-width:72px}}.panel{background:var(--paper-strong);border:1px solid var(--line);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:24px}.panel__header h2{margin:0 0 6px;font-size:1.3rem}.panel__header p{color:var(--muted);margin:0;line-height:1.6}.field{gap:10px;margin-top:18px;display:grid}.field__label,.field__hint,.warnings__title,.status-box__title,.preview-card__title,.metric__label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.8rem}.field input{border:1px dashed color-mix(in srgb, var(--ink) 24%, transparent);background:var(--control-bg);width:100%;color:var(--ink);border-radius:16px;padding:13px 14px}.field__select{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:var(--control-bg);width:100%;color:var(--ink);border-radius:16px;padding:13px 14px}.threshold-control,.count-control{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.threshold-control__slider{width:100%;accent-color:var(--accent)}.count-control__input{width:100%}.threshold-control__value,.count-control__value{background:var(--control-bg);border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);min-width:3.2rem;font-family:var(--mono);text-align:center;color:var(--ink);border-radius:12px;padding:8px 10px}.field__hint{text-transform:none;letter-spacing:0;line-height:1.55}.actions{margin-top:20px}.actions--stacked{gap:10px;display:grid}.action{cursor:pointer;border:none;border-radius:999px;padding:14px 20px;transition:transform .14s,opacity .14s}.action:hover:not(:disabled){transform:translateY(-1px)}.action:disabled{opacity:.45;cursor:not-allowed}.action--primary{background:linear-gradient(135deg, var(--accent), #db8d34);width:100%;color:var(--primary-action-text);font-weight:700}.action--secondary{border:1px solid var(--secondary-action-border);background:var(--secondary-action-bg);width:100%;color:var(--sea);font-weight:700}.mode-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.mode-switch__button{border:1px solid var(--mode-switch-border);background:var(--mode-switch-bg);color:var(--muted);cursor:pointer;border-radius:16px;padding:12px 14px;transition:border-color .14s,color .14s,transform .14s}.mode-switch__button:hover:not(:disabled){color:var(--ink);border-color:#c7582b66;transform:translateY(-1px)}.mode-switch__button:disabled{opacity:.5;cursor:not-allowed}.mode-switch__button--active{border-color:var(--mode-switch-active-border);background:var(--mode-switch-active-bg);color:var(--accent);font-weight:700}.status-box,.warnings,.signature-block,.preview-card,.empty-state{border:1px solid var(--line);background:var(--control-bg-soft);border-radius:18px;margin-top:18px;padding:16px}.status-box p,.warnings p,.empty-state p{color:var(--muted);margin:8px 0 0;line-height:1.65}.contract{margin-top:18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-grid--compact{margin-top:18px}.metric{background:var(--metric-bg);border:1px solid var(--line);border-radius:18px;padding:14px}.metric__value{word-break:break-word;margin-top:8px;font-weight:700;line-height:1.4}.signature-block h3{margin:0 0 12px;font-size:1rem}.signature-list{gap:10px;display:grid}.signature-row,.result-row{background:var(--soft-fill);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.signature-row code{font-family:var(--mono);font-size:.84rem}.preview-stage{margin-top:18px}.preview-stage__media{--preview-max-height:min(60vh, 680px);min-height:240px;max-height:var(--preview-max-height);background:var(--preview-stage-bg);border-radius:14px;justify-content:center;align-items:center;margin-top:12px;padding:12px;display:flex;position:relative;overflow:hidden}.preview-stage__zoom-button{z-index:2;border:1px solid var(--floating-button-border);background:var(--floating-button-bg);width:42px;height:42px;color:var(--floating-button-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;opacity:0;pointer-events:none;border-radius:50%;place-items:center;padding:0;transition:opacity .16s,background .16s,transform .16s;display:inline-grid;position:absolute;top:22px;right:22px}.preview-stage__media:hover .preview-stage__zoom-button,.preview-stage__media:focus-within .preview-stage__zoom-button{opacity:1;pointer-events:auto}.preview-stage__zoom-button:hover{background:var(--floating-button-bg-hover);transform:translateY(-1px)}.preview-stage__zoom-icon{font-size:1.6rem;line-height:1;transform:translateY(-1px)}.preview-stage__image,.preview-stage__video,.preview-stage__canvas{max-width:100%;max-height:calc(var(--preview-max-height) - 24px);object-fit:contain;border-radius:14px;width:auto;height:auto;display:block}.preview-stage__visual--hidden{opacity:0;pointer-events:none;position:absolute;inset:12px}.preview-stage__media .empty-state{width:100%;margin-top:0}.preview-zoom{z-index:40;overscroll-behavior:none;place-items:center;display:grid;position:fixed;inset:0}.preview-zoom__backdrop{background:var(--modal-backdrop);cursor:pointer;border:none;position:absolute;inset:0}.preview-zoom__dialog{z-index:1;border:1px solid var(--preview-zoom-control-border);background:var(--preview-zoom-surface);width:min(1180px,100vw - 48px);height:min(860px,100vh - 48px);max-height:calc(100vh - 48px);box-shadow:0 24px 56px color-mix(in srgb, var(--ink) 32%, transparent);border-radius:26px;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:18px 18px 20px;display:grid;position:relative;overflow:hidden}.preview-zoom__dialog:fullscreen{border:none;border-radius:0;width:100vw;height:100vh;max-height:100vh;padding:18px}.preview-zoom__header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}.preview-zoom__summary{gap:10px;min-width:0;display:grid}.preview-zoom__summary-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.preview-zoom__title{color:var(--preview-zoom-text);margin:0;font-size:clamp(1.3rem,1.4vw,1.65rem);line-height:1.1}.preview-zoom__hint{color:var(--preview-zoom-text-soft);margin:0;line-height:1.6}.preview-zoom__meta{flex-wrap:wrap;gap:10px;display:flex}.preview-zoom__meta-item{background:var(--preview-zoom-control-bg);color:var(--preview-zoom-text-muted);border-radius:999px;padding:6px 10px;font-size:.82rem;line-height:1.4}.preview-zoom__toolbar{scrollbar-width:thin;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex;overflow-x:auto}.preview-zoom__toolbar-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:max-content;display:flex}.preview-zoom__badge,.preview-zoom__scale{background:var(--preview-zoom-control-bg);color:var(--preview-zoom-text-muted);border-radius:999px;padding:8px 12px}.preview-zoom__badge{letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.preview-zoom__scale{font-family:var(--mono)}.preview-zoom__action{border:1px solid var(--preview-zoom-control-border);background:var(--preview-zoom-control-bg);min-height:40px;color:var(--preview-zoom-text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:10px 14px}.preview-zoom__action:hover:not(:disabled){background:var(--preview-zoom-control-bg-hover)}.preview-zoom__action--active{border-color:var(--preview-zoom-control-active-border);background:var(--preview-zoom-control-active-bg)}.preview-zoom__action:disabled{opacity:.4;cursor:not-allowed}.preview-zoom__action--close{border-color:var(--preview-zoom-control-active-border);background:var(--preview-zoom-close-bg)}.preview-zoom__viewport{background:var(--preview-zoom-viewport-bg);border-radius:20px;justify-content:center;align-items:center;min-width:0;height:100%;min-height:0;padding:14px;display:flex;overflow:auto}.preview-zoom__viewport--interactive{overscroll-behavior:none;touch-action:none;overflow:hidden}.preview-zoom__media-wrapper{transform-origin:50%;justify-content:center;align-items:center;max-width:100%;max-height:100%;transition:transform .14s;display:flex;position:relative}.preview-zoom__media-wrapper--draggable{cursor:grab}.preview-zoom__media-wrapper--draggable:active{cursor:grabbing}.preview-zoom__image,.preview-zoom__video,.preview-zoom__canvas{object-fit:contain;border-radius:16px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.preview-zoom__video{background:var(--modal-video-bg);box-shadow:inset 0 0 0 1px var(--modal-video-outline)}.help-modal{z-index:34;place-items:center;display:grid;position:fixed;inset:0}.help-modal__backdrop{background:var(--modal-backdrop);cursor:pointer;border:none;position:absolute;inset:0}.help-modal__dialog{z-index:1;border:1px solid var(--shell-border-soft);background:color-mix(in srgb, var(--paper-strong) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;gap:18px;width:min(960px,100vw - 40px);max-height:calc(100vh - 40px);padding:22px;display:grid;position:relative;overflow:auto;box-shadow:0 24px 54px #0c182238}.help-modal__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.help-modal__eyebrow{background:var(--accent-soft);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:.76rem;display:inline-flex}.help-modal__title{margin:12px 0 8px;font-size:clamp(1.4rem,2vw,2rem);line-height:1.1}.help-modal__copy{color:var(--muted);margin:0;line-height:1.7}.help-modal__close{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 90%, transparent);min-height:42px;color:var(--ink);cursor:pointer;border-radius:999px;padding:10px 14px}.help-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.help-modal__card{border:1px solid var(--line);background:var(--control-bg-soft);border-radius:20px;padding:18px}.help-modal__card h3{margin:0 0 10px;font-size:1rem}.help-modal__card p{color:var(--muted);margin:0;line-height:1.7}.preview-zoom__footer{flex-wrap:wrap;justify-content:space-between;gap:10px 18px;padding-top:2px;display:flex}.preview-zoom__footer-item{color:var(--preview-zoom-text-soft);font-size:.86rem;line-height:1.55}.result-list{gap:12px;margin-top:18px;display:grid}.download-link{background:var(--download-link-bg);border:1px solid var(--download-link-border);min-height:48px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.download-link:hover{background:var(--download-link-hover-bg)}.result-row__label{font-weight:700}.result-row__box{color:var(--muted);font-family:var(--mono);margin-top:6px;font-size:.84rem}.result-row__score{text-align:right;min-width:88px;color:var(--sea);font-weight:700}.footer{border-top:1px solid var(--line);width:100%;color:var(--ink);grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:20px;margin-top:auto;padding:28px 0 8px;display:grid}.footer__section{align-content:start;gap:10px;min-width:0;display:grid}.footer__section--brand{padding-right:12px}.footer__heading{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.footer__title{font-size:1.05rem;font-weight:700;line-height:1.4}.footer__copy{color:var(--muted);margin:0;line-height:1.65}.footer__meta-list,.footer__link-list{gap:12px;display:grid}.footer__meta-item{gap:6px;display:grid}.footer__label{color:var(--muted)}.footer__value{font-weight:700;line-height:1.45}.footer__link{color:var(--sea);word-break:break-word;line-height:1.6;text-decoration:none}.footer__link:hover{color:var(--accent);text-decoration:underline}@media (width<=1180px){.operation-grid{grid-template-columns:1fr}.operation-grid__preview .preview-stage__media{--preview-max-height:min(60vh, 680px);min-height:min(360px,52vh)}.results-row__panel .metric-grid,.diagnostics-panel .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1040px){.app-shell{padding:16px 22px}.page-layout{gap:28px}.shell{padding-top:0}.panel,.hero{padding:20px}.hero--home{grid-template-columns:1fr;min-height:0}.hero__signal{grid-template-columns:repeat(3,minmax(0,1fr))}.home-grid{grid-template-columns:1fr}.preview-stage__media{--preview-max-height:min(50vh, 520px)}.operation-grid__preview .preview-stage__media{min-height:min(320px,50vh)}.preview-zoom__dialog{width:min(100vw - 28px,1100px);height:calc(100vh - 28px);max-height:calc(100vh - 28px);padding:14px}.preview-zoom__header{grid-template-columns:minmax(0,1fr) auto;gap:14px}.help-modal__dialog{width:min(100vw - 28px,960px);max-height:calc(100vh - 28px);padding:18px}.help-modal__grid{grid-template-columns:1fr}.topbar{gap:10px}.topbar__title{font-size:.94rem}.topbar__page-nav{flex-wrap:nowrap;justify-content:center;gap:7px}.topbar__nav-item{min-height:34px;padding:7px 13px;font-size:.86rem}.topbar__action-list{gap:8px}.topbar__action-button{gap:8px;min-height:34px;padding:7px 10px;font-size:.86rem}.footer{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:16px;padding-top:24px}}@media (width<=720px){.app-shell{padding:12px 18px}.page-layout{gap:24px}.sidebar{left:8px}.sidebar__toggle{min-width:44px;min-height:60px;padding:8px 6px}.sidebar__panel{width:min(192px,100vw - 96px);left:54px}.topbar{gap:8px}.topbar__title{font-size:.84rem}.topbar__page-nav{flex-direction:row;align-items:center;gap:5px}.topbar__nav-item{min-height:32px;padding:6px 10px;font-size:.78rem}.topbar__action-list{justify-content:flex-end;gap:6px;width:auto}.topbar__action-button{flex:none;justify-content:center;gap:6px;min-height:32px;padding:6px 9px;font-size:.78rem}.topbar__menu{min-width:min(220px,100vw - 36px);right:0}.hero__actions{gap:8px;margin-top:18px}.hero__action{min-height:40px;padding:10px 14px;font-size:.86rem}.hero__signal{grid-template-columns:1fr;gap:8px}.hero__signal-card,.home-card{border-radius:16px;padding:14px}.preview-stage__zoom-button{opacity:1;pointer-events:auto;top:16px;right:16px}.mode-switch,.metric-grid{grid-template-columns:1fr}.operation-grid__preview .preview-stage__media{min-height:260px}.results-row__panel .metric-grid,.diagnostics-panel .contract,.diagnostics-panel .metric-grid{grid-template-columns:1fr}.preview-zoom__dialog{border-radius:18px;gap:10px;width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:calc(100vh - 20px);padding:10px}.preview-zoom__header{grid-template-columns:1fr;gap:8px}.preview-zoom__summary{gap:7px}.preview-zoom__summary-top,.preview-zoom__meta,.preview-zoom__footer{flex-direction:row;align-items:center;gap:6px}.preview-zoom__title{font-size:clamp(1rem,4vw,1.2rem)}.preview-zoom__hint{font-size:.78rem;line-height:1.45}.preview-zoom__toolbar-group{flex-wrap:nowrap;justify-content:flex-start;gap:6px}.preview-zoom__toolbar{justify-content:flex-start;width:100%}.preview-zoom__action{min-height:32px;padding:7px 9px;font-size:.76rem}.preview-zoom__scale,.preview-zoom__badge,.preview-zoom__meta-item{text-align:center;justify-content:center;width:auto;padding:5px 8px;font-size:.7rem}.preview-zoom__viewport{border-radius:14px;padding:8px}.preview-zoom__footer-item{font-size:.74rem}.footer{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:10px;font-size:.76rem}.footer__section{gap:7px}.footer__section--brand{padding-right:6px}.footer__title{font-size:.86rem}.footer__heading,.footer__label{letter-spacing:.1em;font-size:.62rem}.footer__copy,.footer__link,.footer__value{line-height:1.45}.sidebar__nav-item{padding:9px 11px}.help-modal__header{flex-direction:column}.help-modal__close{width:100%}}@media (width<=560px){.signature-row,.result-row{flex-direction:column;align-items:flex-start}.result-row__score{text-align:left;min-width:0}}@media (hover:none){.preview-stage__zoom-button{opacity:1;pointer-events:auto}}