:root{--ground:#0d1226;--surface:#141b36;--sunk:#1b2344;--raise:#1f2850;--ink:#e7e9f5;--ink-2:#b9c0da;--muted:#8891b4;--line:#27304f;--line-2:#3a4468;--deep:#8fa6e8;--star:#e5b54a;--star-2:#f0c75e;--ok:#6bbf97;--warn:#d9a05b;--stop:#e0796f;--wash:#1a2140;--on-star:var(--ground);--font-head:"Familjen Grotesk", "Segoe UI", "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:"Source Sans 3", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--radius:.5rem;--radius-sm:.3125rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);font-synthesis:none;-webkit-text-size-adjust:100%;line-height:1.55}@media (prefers-color-scheme:light){:root{--ground:#f3f4f8;--surface:#fff;--sunk:#eaecf3;--raise:#fdfdff;--ink:#141a33;--ink-2:#3b435f;--muted:#5e6788;--line:#dce0ec;--line-2:#c2c8da;--deep:#1b2a5e;--star:#b67f14;--star-2:#e5b54a;--ok:#2e6b52;--warn:#9a5b18;--stop:#9e3b37;--wash:#f1eee2;--on-star:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}body{background:var(--ground);min-height:100vh;color:var(--ink);margin:0;font-size:1rem}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.005em;text-wrap:balance;font-weight:600}a{color:var(--deep);-webkit-text-decoration-color:color-mix(in srgb, var(--deep) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--deep) 45%, transparent);text-underline-offset:.18em}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--star);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:color-mix(in srgb, var(--star) 30%, transparent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app{max-width:78rem;margin:0 auto;padding:0 1.25rem 5rem}.site-header{z-index:20;background:var(--ground);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:.875rem 0;display:flex;position:sticky;top:0}.brand{margin:0;font-size:1rem;font-weight:400;line-height:1}.wordmark{font-family:var(--font-head);color:var(--ink);align-items:baseline;gap:.5rem;text-decoration:none;display:inline-flex}.wordmark-latin{letter-spacing:-.015em;font-size:1.375rem;font-weight:700}.wordmark-han{letter-spacing:.22em;color:var(--star);margin-right:-.22em;font-size:1.1875rem;font-weight:700}.wordmark:hover .wordmark-han{color:var(--star-2)}.tagline{max-width:52ch;color:var(--muted);margin:1.125rem 0 0;font-size:.9375rem}.who{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;font-size:.9375rem;display:flex}.who nav{gap:1.25rem;display:flex}.who nav a{color:var(--ink-2);border-bottom:1px solid #0000;padding-bottom:.125rem;text-decoration:none;transition:color .12s,border-color .12s}.who nav a:hover{color:var(--ink);border-bottom-color:var(--star)}.identity{flex-direction:column;font-size:.875rem;line-height:1.2;display:flex}.identity small{color:var(--muted);font-family:var(--font-mono);font-size:.6875rem}main{padding-top:1.75rem}.quiet{color:var(--muted)}button,.button{appearance:none;border:1px solid var(--line-2);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.5rem;padding:.5rem .9375rem;font-size:.9375rem;font-weight:600;line-height:1.2;text-decoration:none;transition:border-color .12s,background .12s,color .12s;display:inline-flex}button:hover:not(:disabled),.button:hover{border-color:var(--star);background:color-mix(in srgb, var(--star) 10%, transparent)}button:disabled,button[aria-disabled=true]{opacity:.45;cursor:default}button.primary,.button.primary{background:var(--star);border-color:var(--star);color:var(--on-star)}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--star-2);border-color:var(--star-2);color:var(--on-star)}.controls{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.875rem 1.5rem;padding:.875rem 1rem;display:flex}.controls .file,.controls .check{align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.controls .file>span:first-child{color:var(--muted)}.controls .check{cursor:pointer}.controls+.controls{margin-top:.875rem}input[type=file]{font:inherit;color:var(--muted);max-width:17rem;font-size:.8125rem}input[type=file]::file-selector-button{font:inherit;border:1px solid var(--line-2);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;background:0 0;margin-right:.625rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}input[type=file]::file-selector-button:hover{border-color:var(--star)}input[type=checkbox]{accent-color:var(--star);width:.9375rem;height:.9375rem;margin:0}input[type=text],input[type=number],select{font-family:var(--font-body);border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--sunk);color:var(--ink);padding:.375rem .5rem;font-size:.9375rem}input[type=text]{min-width:13rem}input[type=number]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;width:5rem;padding:.3125rem .4375rem;font-size:.8125rem}input:disabled,select:disabled{opacity:.5;cursor:default}input::placeholder{color:var(--muted)}.select{display:block;position:relative}.select select{appearance:none;cursor:pointer;width:100%;padding-right:1.875rem;font-size:.8125rem}.select:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);pointer-events:none;width:.4375rem;height:.4375rem;margin-top:-.3125rem;position:absolute;top:50%;right:.75rem;transform:rotate(45deg)}.select:hover:after{border-color:var(--ink)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:1rem}.panel.tinted{background:var(--wash)}.panel h2{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin:0 0 .875rem;font-size:.75rem;font-weight:600}.fields{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.875rem 1.25rem;display:grid}.field{flex-direction:column;gap:.3125rem;min-width:0;font-size:.8125rem;display:flex}.field-label{color:var(--ink-2);justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.field-label em{font-style:normal;font-family:var(--font-mono);color:var(--muted);font-size:.6875rem}.field-inputs{align-items:center;gap:.625rem;display:flex}.field-inputs input[type=range]{flex:auto;min-width:0}.check.span{color:var(--ink-2);cursor:pointer;grid-column:1/-1;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:1.125rem}input[type=range]::-webkit-slider-runnable-track{background:var(--line-2);border-radius:2px;height:3px}input[type=range]::-moz-range-track{background:var(--line-2);border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--line-2);background:var(--ink-2);border-radius:50%;width:.875rem;height:.875rem;margin-top:-.34375rem;transition:background .1s,border-color .1s}input[type=range]::-moz-range-thumb{border:1px solid var(--line-2);background:var(--ink-2);border-radius:50%;width:.875rem;height:.875rem;transition:background .1s,border-color .1s}input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{background:var(--star);border-color:var(--star)}input[type=range]:active:not(:disabled)::-webkit-slider-thumb{background:var(--star);border-color:var(--star)}input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--star);border-color:var(--star)}input[type=range]:hover:not(:disabled)::-moz-range-thumb{background:var(--star);border-color:var(--star)}input[type=range]:active:not(:disabled)::-moz-range-thumb{background:var(--star);border-color:var(--star)}input[type=range]:focus-visible::-moz-range-thumb{background:var(--star);border-color:var(--star)}input[type=range]:disabled{cursor:default;opacity:.5}.meta{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:.875rem 0 0;font-size:.75rem;line-height:1.7}.meta strong{color:var(--ink);font-weight:600}.read-only-note{color:var(--ink-2);margin:.875rem 0 0;font-size:.9375rem}.save-state{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:.75rem 0 0;font-size:.75rem}.save-state a{color:var(--deep)}.save-state.is-error{color:var(--stop)}.progress{background:var(--line);border-radius:2px;height:2px;margin-top:.875rem;position:relative;overflow:hidden}.progress:after{content:"";background:var(--star);border-radius:2px;width:32%;animation:1.15s ease-in-out infinite slide;position:absolute;inset:0 auto 0 0}@keyframes slide{0%{transform:translate(-105%)}to{transform:translate(420%)}}@media (prefers-reduced-motion:reduce){.progress:after{opacity:.5;width:100%}}.state{border:1px solid var(--tone);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--tone) 9%, transparent);border-left-width:3px;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:.875rem 0 0;padding:.75rem 1rem;display:flex}.state-warn{--tone:var(--warn)}.state-stop{--tone:var(--stop)}.state p{min-width:0;color:var(--tone);flex:18rem;margin:0;font-size:.9375rem}.state button{border-color:var(--tone);color:var(--tone)}.state button:hover:not(:disabled){border-color:var(--tone);background:color-mix(in srgb, var(--tone) 16%, transparent)}.error{border:1px solid var(--stop);border-radius:var(--radius-sm);color:var(--stop);background:color-mix(in srgb, var(--stop) 9%, transparent);border-left-width:3px;margin:.875rem 0 0;padding:.75rem 1rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.875rem 1.25rem;margin-bottom:1.25rem;display:flex}.page-head h2,.page-empty h2{margin:0;font-size:1.25rem;font-weight:600}.page-empty{flex-direction:column;align-items:flex-start;gap:.875rem;max-width:44ch;padding:3.5rem 0;display:flex}.page-empty p{color:var(--ink-2);margin:0}.gate{flex-direction:column;align-items:flex-start;gap:1rem;max-width:48ch;padding:2rem 0;display:flex}.gate p{margin:0}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.125rem;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .13s;display:flex;overflow:hidden}.card:hover{border-color:var(--line-2)}.card-thumb{aspect-ratio:4/3;background:var(--ground);border-bottom:1px solid var(--line);justify-content:center;align-items:center;display:flex;position:relative}.card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.card-thumb-empty{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem}.badge{background:var(--star);color:var(--on-star);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.125rem .5rem;font-size:.625rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.card-body{flex-direction:column;gap:.1875rem;padding:.75rem .875rem .875rem;display:flex}.card-title{font-family:var(--font-head);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.card-meta{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.bench{gap:1.125rem;margin-top:1.125rem;display:grid}@media (width>=1024px){.bench.has-panel{grid-template-columns:minmax(0,2fr) minmax(17rem,1fr);align-items:start}}.bench-main{gap:.875rem;min-width:0;display:grid}.bench-side{min-width:0}.thumbs{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.875rem;display:grid}.thumbs figure img{object-fit:contain;max-height:13rem}figure{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;margin:0;overflow:hidden}figcaption{border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.09em;padding:.4375rem .75rem;font-size:.6875rem}figure img{background:var(--ground);width:100%;height:auto;display:block}.viewer-figure{flex-direction:column;display:flex}.viewer{background:var(--ground);flex:auto;min-height:21rem}@media (width>=1024px){.viewer{min-height:27rem}}.viewer canvas{display:block}.empty{text-align:center;color:var(--muted);padding:3rem 1rem;font-size:.875rem}.downloads{border-top:1px solid var(--line);flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}@media (width<=640px){.app{padding:0 .875rem 4rem}.site-header{align-items:flex-start;gap:.625rem 1rem}.who{justify-content:space-between;width:100%}.who nav{gap:1rem}.identity{display:none}.wordmark-latin{font-size:1.25rem}.viewer{min-height:17rem}.fields{grid-template-columns:1fr}.controls{gap:.75rem 1rem}input[type=file]{max-width:100%}.meta{overflow-x:auto}}