@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(./space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(./space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(./ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(./ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2"),url(./jetbrains-mono-latin-500-normal-CJOVTJB7.woff)format("woff")}:root{--color-paper:oklch(98.5% .004 250);--color-paper-2:oklch(96.5% .008 250);--color-paper-3:oklch(93.5% .012 250);--color-paper-raised:oklch(99.2% .003 250);--color-ink:oklch(22% .02 258);--color-ink-2:oklch(32% .018 257);--color-neutral:oklch(40% .018 257);--color-muted:oklch(45% .016 257);--color-rule:oklch(85% .012 250);--color-rule-2:oklch(61% .018 255);--color-graphite:oklch(20% .016 260);--color-graphite-2:oklch(27% .02 258);--color-graphite-text:oklch(95% .008 250);--color-graphite-muted:oklch(78% .014 250);--color-accent:oklch(48% .22 256);--color-accent-hover:oklch(43% .21 256);--color-accent-soft:oklch(93% .035 256);--color-accent-ink:oklch(98.5% .004 250);--color-focus:oklch(46% .2 256);--color-error:oklch(45% .18 25);--color-error-soft:oklch(95% .025 25);--color-success:oklch(40% .12 150);--color-success-soft:oklch(94% .028 150);--color-warning:oklch(42% .1 75);--color-warning-soft:oklch(95% .04 75);--color-shadow:oklch(20% .02 258/.08);--font-display:"Space Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:"IBM Plex Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", monospace;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-2xl:2.4414rem;--text-display:clamp(2.25rem, 4vw + .5rem, 4rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--rule-thin:1px;--rule-focus:2px;--radius-sm:.375rem;--radius-md:.625rem;--radius-round:999px;--z-base:1;--z-raised:10;--z-sticky:200;--z-toast:500}html,body{overflow-x:clip}html{background:var(--color-paper);min-width:20rem}*{box-sizing:border-box}body{background:var(--color-paper);min-width:20rem;color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{white-space:nowrap}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{min-width:0;color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere;font-style:normal;font-weight:600;line-height:1.15}svg{stroke-width:1.8px;flex:none;width:1.125rem;height:1.125rem}:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--space-2xs)}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{background:var(--color-graphite);color:var(--color-graphite-text)}.topbar-inner,.source-strip,.main-content,.footer{width:min(100%,88rem);padding-inline:max(var(--space-md), env(safe-area-inset-left), env(safe-area-inset-right));margin-inline:auto}.topbar-inner{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:4.75rem;padding-block:var(--space-sm);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--space-sm);min-width:0;color:var(--color-graphite-text);text-decoration:none;display:inline-flex}.brand-mark{border:var(--rule-thin) solid var(--color-graphite-muted);border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--color-graphite-text);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;flex:none;place-items:center;font-weight:500;display:grid}.brand>span:last-child{min-width:0;line-height:1.2;display:grid}.brand strong{font-family:var(--font-display);font-size:var(--text-base);letter-spacing:-.015em;font-weight:600}.brand small{color:var(--color-graphite-muted);font-size:var(--text-xs)}.brand:active .brand-mark{background:var(--color-graphite-2)}.topbar-actions,.result-actions{justify-content:flex-end;gap:var(--space-xs);flex-wrap:wrap;display:flex}.topbar-actions{justify-content:flex-start;width:100%}.source-strip{align-items:center;gap:var(--space-xs);border-top:var(--rule-thin) solid var(--color-graphite-2);min-height:2.75rem;color:var(--color-graphite-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.source-strip svg{color:var(--color-graphite-text)}.source-date{margin-inline-start:auto}.button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper-raised);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:transform var(--dur-micro) var(--ease-out);font-weight:600;line-height:1;display:inline-flex}.button:active{transform:translateY(var(--space-3xs))}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.button[data-state=loading]{cursor:wait}.button[data-state=error]{border-color:var(--color-error);background:var(--color-error-soft);color:var(--color-error)}.button[data-state=success]{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success)}.button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.button--primary:focus-visible{outline-color:var(--color-paper);box-shadow:0 0 0 var(--space-2xs) var(--color-ink)}.button--on-dark{border-color:var(--color-graphite-muted);background:var(--color-graphite);color:var(--color-graphite-text)}.button--on-dark:focus-visible{outline-color:var(--color-graphite-text)}.button--quiet{border-color:var(--color-rule);background:var(--color-paper-raised);color:var(--color-ink-2)}.main-content{padding-block:var(--space-xl) var(--space-3xl);flex:1}.intro{gap:var(--space-xl);padding-block:var(--space-lg) var(--space-2xl);display:grid}.intro-copy{min-width:0}.intro h1{max-width:12em;font-size:var(--text-display)}.intro p{max-width:60ch;color:var(--color-neutral);font-size:var(--text-md);margin-block-start:var(--space-md);line-height:1.55}.data-summary{border-block:var(--rule-thin) solid var(--color-rule);grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;display:grid}.data-summary div{gap:var(--space-xs);min-width:0;padding-block:var(--space-md);display:grid}.data-summary div+div{border-inline-start:var(--rule-thin) solid var(--color-rule);padding-inline-start:var(--space-lg)}.data-summary dt{color:var(--color-muted);font-size:var(--text-sm)}.data-summary dd{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.workspace{gap:var(--space-lg);display:grid}.panel,.results-section{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-raised);min-width:0}.panel{padding:var(--space-lg)}.panel-heading,.panel-heading-copy{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.panel-heading{margin-block-end:var(--space-xl)}.panel-heading>svg,.panel-heading-copy>svg{width:1.25rem;height:1.25rem;color:var(--color-accent)}.panel-heading h2,.results-header h2{font-size:var(--text-lg)}.panel-heading p,.results-header p{color:var(--color-muted);font-size:var(--text-sm);margin-block-start:var(--space-xs)}.panel-heading--split{gap:var(--space-md);display:grid}.panel-heading--split .button{justify-self:start}.field{gap:var(--space-xs);display:grid}.field+.field{margin-block-start:var(--space-md)}.field label,.weight-copy label{color:var(--color-ink);font-size:var(--text-sm);font-weight:600}.field input{width:100%;min-width:0;height:2.75rem;padding-inline:var(--space-sm) var(--space-xl);border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-sm);outline:var(--rule-focus) solid transparent;outline-offset:var(--space-3xs);background:var(--color-paper);color:var(--color-ink)}.field input::placeholder{color:var(--color-muted);opacity:1}.field input:focus-visible{border-color:var(--color-ink-2);outline-color:var(--color-focus)}.field input:active{border-color:var(--color-ink-2)}.field input[aria-invalid=true]{border-color:var(--color-error);background:var(--color-error-soft)}.field input:disabled{opacity:.55;cursor:not-allowed}.field-helper{min-height:1lh;color:var(--color-muted);font-size:var(--text-sm);line-height:1.45}.field-helper--error{color:var(--color-error)}.match-summary{align-items:baseline;gap:var(--space-xs) var(--space-sm);padding-block:var(--space-sm);border-block:var(--rule-thin) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm);flex-wrap:wrap;margin-block-start:var(--space-lg);display:flex}.match-summary strong{min-width:0;color:var(--color-ink);overflow-wrap:anywhere}.generate-button{width:100%;margin-block-start:var(--space-lg)}.weight-list{border-block-start:var(--rule-thin) solid var(--color-rule)}.weight-control{gap:var(--space-md);padding-block:var(--space-lg);border-block-end:var(--rule-thin) solid var(--color-rule);grid-template-columns:minmax(0,1fr) auto;display:grid}.weight-copy{gap:var(--space-2xs);min-width:0;display:grid}.weight-copy label{overflow-wrap:anywhere}.weight-copy span{color:var(--color-muted);font-size:var(--text-sm)}.weight-value{min-width:3.25rem;padding:var(--space-xs) var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:center;align-self:start;font-weight:500;line-height:1}.slider-row{align-items:center;gap:var(--space-sm);color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;display:grid}input[type=range]{appearance:none;cursor:pointer;background:0 0;border:0;outline:0;width:100%;min-width:0;height:2.75rem;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{height:var(--space-2xs);border-radius:var(--radius-round);background:var(--color-paper-3)}input[type=range]::-webkit-slider-thumb{width:1.25rem;height:1.25rem;border:var(--rule-thin) solid var(--color-accent);border-radius:var(--radius-round);appearance:none;background:var(--color-accent);margin-block-start:calc(var(--space-xs) * -1)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 var(--space-2xs) var(--color-paper), 0 0 0 var(--space-xs) var(--color-focus)}input[type=range]::-moz-range-track{height:var(--space-2xs);border-radius:var(--radius-round);background:var(--color-paper-3)}input[type=range]::-moz-range-thumb{border:var(--rule-thin) solid var(--color-accent);border-radius:var(--radius-round);background:var(--color-accent);width:1.25rem;height:1.25rem}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 var(--space-2xs) var(--color-paper), 0 0 0 var(--space-xs) var(--color-focus)}input[type=range]:active::-webkit-slider-thumb{background:var(--color-accent-hover)}input[type=range]:active::-moz-range-thumb{background:var(--color-accent-hover)}input[type=range]:disabled{opacity:.55;cursor:not-allowed}.weight-explanation{color:var(--color-neutral);font-size:var(--text-sm);margin-block-start:var(--space-lg)}.notice{align-items:start;gap:var(--space-sm);padding:var(--space-md);border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink-2);grid-template-columns:auto minmax(0,1fr);margin-block-start:var(--space-lg);display:grid}.notice--error{border-color:var(--color-error);background:var(--color-error-soft);color:var(--color-error)}.notice--warning{border-color:var(--color-warning);background:var(--color-warning-soft);color:var(--color-warning)}.results-section{margin-block-start:var(--space-xl);overflow:clip}.results-header{gap:var(--space-lg);padding:var(--space-lg);border-block-end:var(--rule-thin) solid var(--color-rule);display:grid}.result-actions{justify-content:flex-start}.table-wrap{padding:var(--space-md);background:var(--color-paper-2)}table,tbody,tr,td{display:block}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}tbody{gap:var(--space-sm);display:grid}tbody tr{padding:var(--space-lg);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-raised);position:relative}td{min-width:0;color:var(--color-ink-2);overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.65}td:before{content:attr(data-label);color:var(--color-muted);font-size:var(--text-xs);margin-block-end:var(--space-xs);font-weight:600;display:block}td+td{border-block-start:var(--rule-thin) solid var(--color-rule);margin-block-start:var(--space-md);padding-block-start:var(--space-md)}td:first-child{color:var(--color-accent);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600;position:absolute;inset-block-start:var(--space-md);inset-inline-end:var(--space-md)}td:first-child:before{display:none}.empty-value{color:var(--color-muted)}.empty-state{align-content:center;place-items:center;gap:var(--space-sm);min-height:17rem;padding:var(--space-xl);text-align:center;display:grid}.empty-state h3{font-size:var(--text-md)}.empty-state p{max-width:54ch;color:var(--color-muted)}.empty-state .button{margin-block-start:var(--space-sm)}.empty-icon{width:2rem;height:2rem;color:var(--color-accent)}.footer{padding-block:var(--space-lg) max(var(--space-lg), env(safe-area-inset-bottom));border-block-start:var(--rule-thin) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm)}.spinner{animation:.9s linear infinite spin}.reveal{opacity:0;transform:translateY(var(--space-xs));animation:reveal var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 60ms)}@keyframes reveal{to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(1turn)}}@media (hover:hover) and (pointer:fine){.brand:hover .brand-mark{border-color:var(--color-graphite-text)}.button:not(:disabled):hover{transform:translateY(calc(var(--space-3xs) * -1))}.button--primary:not(:disabled):hover{background:var(--color-accent-hover)}.button--quiet:not(:disabled):hover,.field input:not(:disabled):hover{background:var(--color-paper-2)}.button--on-dark:not(:disabled):hover{background:var(--color-graphite-2)}input[type=range]:not(:disabled):hover::-webkit-slider-thumb{background:var(--color-accent-hover)}input[type=range]:not(:disabled):hover::-moz-range-thumb{background:var(--color-accent-hover)}}@media (width>=40rem){.topbar-inner,.source-strip,.main-content,.footer{padding-inline:max(var(--space-lg), env(safe-area-inset-left), env(safe-area-inset-right))}.intro{padding-block-start:var(--space-xl)}.topbar-inner{flex-wrap:nowrap}.topbar-actions{justify-content:flex-end;width:auto}.panel-heading--split,.results-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.panel-heading--split .button{justify-self:end}.result-actions{justify-content:flex-end}}@media (width>=60rem){.topbar-inner,.source-strip,.main-content,.footer{padding-inline:var(--space-xl)}.main-content{padding-block-start:var(--space-2xl)}.intro{align-items:end;gap:var(--space-3xl);padding-block:var(--space-xl) var(--space-3xl);grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr)}.workspace{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start}.panel{padding:var(--space-xl)}.results-section{margin-block-start:var(--space-2xl)}.results-header{padding:var(--space-xl)}.table-wrap{background:var(--color-paper-raised);padding:0}table{table-layout:fixed;font-size:var(--text-base);display:table}thead{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}tbody{display:table-row-group}tr{display:table-row}th,td{padding:var(--space-lg);border-block-end:var(--rule-thin) solid var(--color-rule);text-align:start;vertical-align:top;display:table-cell}th{background:var(--color-graphite);color:var(--color-graphite-text);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600}th:first-child,td:first-child{text-align:center;width:5rem}tbody tr{background:var(--color-paper-raised);border:0;border-radius:0;padding:0;position:static}tbody tr:last-child td{border-block-end:0}td{color:var(--color-ink-2);margin:0;position:static}td+td{border-block-start:0;border-inline-start:var(--rule-thin) solid var(--color-rule);margin:0}td:first-child{color:var(--color-accent);position:static}td:before{display:none}}@media (width>=90rem){.topbar-inner,.source-strip,.main-content,.footer{padding-inline:var(--space-2xl)}}@media (pointer:coarse){.button,.field input,input[type=range]{min-height:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.reveal{opacity:1;animation:none;transform:none}.spinner{animation-duration:1.5s!important;animation-iteration-count:infinite!important}}
