:root{--bg:#f7f7f5;--surface:#fff;--border:#e2e2dd;--text:#1c1c1a;--muted:#6b6b66;--accent:#26275b;--accent-hover:#34367a;--accent-soft:#fbedcf;--on-accent:#fff4dc;--display:"TeX Gyre Bonum", "Bookman Old Style", Georgia, serif;--warn-bg:#fdf6e3;--warn-text:#7a5b12;--error-bg:#fdecea;--error-text:#96271c;--radius:10px;--shadow:0 1px 2px #0000000a, 0 4px 12px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17181a;--surface:#1f2124;--border:#32353a;--text:#e9e9e6;--muted:#9a9a95;--accent:#f2b134;--accent-hover:#f7c25a;--accent-soft:#3a2e14;--on-accent:#1f1c35;--warn-bg:#33290f;--warn-text:#e8c976;--error-bg:#3a1f1c;--error-text:#f0a79c;--shadow:0 1px 2px #0000004d, 0 4px 14px #00000040}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:1.4rem}h2{font-size:.95rem}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.85em}.muted{color:var(--muted)}.small{font-size:.85em}.app{max-width:1180px;margin:0 auto;padding:28px 20px 56px}.site-header{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:58px;margin:0 auto;padding:0 20px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.01em;white-space:nowrap;font-size:1.22rem;font-weight:700}a.wordmark{color:inherit;border-radius:4px;text-decoration:none}a.wordmark:hover{color:var(--accent)}a.wordmark:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-nav{flex-shrink:0;align-items:center;gap:16px;display:flex}.site-tabs{align-self:stretch;gap:4px;margin-right:auto;display:flex}.site-tabs a{color:var(--muted);border-radius:4px 4px 0 0;align-items:center;padding:0 10px;font-weight:600;text-decoration:none;display:flex}.site-tabs a:hover{color:var(--text)}.site-tabs a.is-current{color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}.site-tabs a:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}@media (width<=560px){.site-nav .account .muted{display:none}}.site-header .button.ghost{font-size:1.05em}@media (width<=480px){.site-header.is-landing .account{display:none}.site-header-inner,.site-nav{gap:12px}.wordmark{font-size:1.06rem}.site-header .button.ghost{padding-inline:11px;font-size:.95em}}@media (width<=374px){.wordmark{white-space:normal;width:min-content;line-height:1.05}}.page-strip{display:none}@media (width<=560px){.has-tabs .site-tabs{display:none}.page-strip{background:var(--l-hero);padding:0 20px;display:flex}.page-strip a{min-height:44px;color:var(--l-ink-soft);flex:1;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.page-strip a.is-current{color:var(--l-ink);box-shadow:inset 0 -3px 0 var(--l-ink)}.page-strip a:focus-visible{outline:2px solid var(--l-ink);outline-offset:-4px}}:root{--l-ink:#1f1c35;--l-ink-soft:#3b3550;--l-navy:#26275b;--l-cream:#fff4dc;--l-marigold:#f2b134;--l-tomato:#e4664a;--l-teal:#1f7a74;--l-plum:#7c3a5e;--l-hero:var(--l-marigold);--l-close:var(--l-navy)}@media (prefers-color-scheme:dark){:root{--l-hero:#d99a2b;--l-close:#1d1e48}}.landing-inner{max-width:1080px;margin:0 auto;padding-left:20px;padding-right:20px}.landing h1,.landing h2{font-family:var(--display);letter-spacing:-.01em;font-weight:700}.landing-band.is-hero{background:var(--l-hero);color:var(--l-ink)}.landing-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px;padding-top:64px;padding-bottom:72px;display:grid}.landing-hero h1{max-width:13ch;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05}.landing-lede{max-width:44ch;color:var(--l-ink-soft);margin:22px 0 0;font-size:1.1rem;line-height:1.55}.button.landing-cta{background:var(--l-navy);color:var(--l-cream);border-radius:10px;margin-top:30px;padding:13px 26px;font-size:1.02rem;font-weight:650}.button.landing-cta:hover{background:#34367a}.button.landing-cta:focus-visible{outline:3px solid var(--l-navy);outline-offset:3px}.landing-example{flex-direction:column;align-items:center;gap:24px;margin:0;display:flex}.landing-example .notebook{width:min(330px,70vw);margin-left:8%}.landing-filaments{color:var(--l-ink-soft);flex-direction:column;align-items:center;gap:10px;font-size:.92rem;font-weight:600;display:flex}.landing-chips{gap:6px;display:flex}.landing-chip{border-radius:4px;width:22px;height:30px;position:relative;box-shadow:inset 0 0 0 1px #00000024,0 1px 2px #00000038}.landing-chip:before{content:"";background:var(--l-hero);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:4px;left:50%;box-shadow:inset 0 1px 1px #00000059}@media (width<=840px){.landing-hero{grid-template-columns:minmax(0,1fr);gap:44px;padding-top:40px;padding-bottom:52px}}.notebook{aspect-ratio:148/210;filter:drop-shadow(0 14px 18px #00000042)drop-shadow(0 2px 4px #0000002e);display:block;position:relative}.notebook-cover,.notebook-pages,.notebook-back{border-radius:2.7%/1.9%;position:absolute}.notebook-back{background:#2a2733;inset:1.9% -3.2% -2.4% 2.4%}.notebook-pages{background:#fbf9f4;inset:.9% -1.7% -1.2% 1.2%;box-shadow:inset -1px -1px #ddd8cc,inset -3px -3px #fbf9f4,inset -4px -4px #e6e1d6}.notebook-cover{background:#d9d5cc;inset:0;overflow:hidden}.notebook-cover:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 1px #ffffff4d,inset -1px -2px #00000047}.notebook-cover.is-printed:after,.compare-layer.is-print:after{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff0b 0 1px,#00000008 1px 2px,#0000 2px 3px);position:absolute;inset:0}.notebook-art,.notebook-cover img{object-fit:cover;width:100%;height:100%;display:block}.notebook-cover .thumb-wait{background:var(--border);width:100%;height:100%;display:block}.notebook-rings{pointer-events:none;width:16.2162%;height:100%;position:absolute;top:0;left:-8.10811%;overflow:visible}.notebook-rings .ring-edge{fill:none;stroke:#00000061;stroke-width:2.7px}.notebook-rings .ring-wire{fill:none;stroke:#f3eee4;stroke-width:1.9px}.notebook-rings .ring-hole{fill:#120e1cbf;stroke:#fff3;stroke-width:.35px}.compare,.compare-layer{position:absolute;inset:0}.compare-layer.is-print{clip-path:inset(0 0 0 var(--split))}.compare-tag{z-index:3;color:#fff;white-space:nowrap;background:#100c1aa8;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:650;position:absolute;top:4%;left:7%}.compare-layer.is-print .compare-tag{left:auto;right:5%}.compare-line{top:0;bottom:0;left:var(--split);z-index:3;pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #00000026}.compare-knob{top:50%;left:var(--split);z-index:3;pointer-events:none;background:#fff;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;box-shadow:0 2px 8px #00000052}.compare-knob:before,.compare-knob:after{content:"";border:6px solid #0000;margin-top:-6px;position:absolute;top:50%}.compare-knob:before{border-right-color:var(--l-navy);left:4px}.compare-knob:after{border-left-color:var(--l-navy);right:4px}.compare-input{z-index:4;opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-input::-webkit-slider-thumb{-webkit-appearance:none;width:2px;height:40px}.compare-input::-moz-range-thumb{border:0;width:2px;height:40px}.compare-input:focus-visible~.compare-knob{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--l-navy), 0 2px 8px #00000052}.landing-how{padding-top:64px;padding-bottom:16px}.landing-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px 40px;margin:0;padding:0;list-style:none;display:grid}.landing-step h2,.landing-step h3{margin:16px 0 6px;font-size:1.3rem}.landing-step p{color:var(--muted);margin:0}.landing-step-number{width:46px;height:46px;font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;font-size:1.35rem;font-weight:700;display:inline-flex;box-shadow:inset 0 -3px #00000024}.landing-step.is-tomato .landing-step-number{background:var(--l-tomato);color:#fff}.landing-step.is-marigold .landing-step-number{background:var(--l-marigold);color:var(--l-ink)}.landing-step.is-teal .landing-step-number{background:var(--l-teal);color:#fff}.landing-gallery{padding-top:64px;padding-bottom:80px}.landing-gallery h2{font-size:clamp(1.6rem,3.2vw,2.2rem)}.landing-gallery-lede{max-width:58ch;color:var(--muted);margin:10px 0 30px;font-size:1.02rem}.landing-frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.landing-frame-item{flex-direction:column;gap:2px;display:flex}.landing-frame-item strong{margin-top:12px;font-size:.98rem}.landing-frame-item span{color:var(--muted);font-size:.84rem}.landing-frame{border-radius:16px;padding:13% 11% 15% 19%;position:relative;box-shadow:inset 0 2px #fff3,inset 0 -4px #00000029,inset 0 0 0 1px #00000014}.landing-frame:after{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 3px);position:absolute;inset:0}.landing-frame.is-teal{background:var(--l-teal)}.landing-frame.is-plum{background:var(--l-plum)}.landing-frame.is-marigold{background:var(--l-marigold)}.landing-frame.is-tomato{background:var(--l-tomato)}@media (width<=760px){.landing-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}.landing-band.is-close{background:var(--l-close);color:var(--l-cream)}.landing-close{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:68px;padding-bottom:76px;display:flex}.landing-close p{max-width:34em;font-family:var(--display);margin:0;font-size:clamp(1.2rem,2.4vw,1.55rem);font-weight:700;line-height:1.4}.landing-band.is-close .button.landing-cta{background:var(--l-marigold);color:var(--l-ink)}.landing-band.is-close .button.landing-cta:hover{background:#f7c25a}.landing-band.is-close .button.landing-cta:focus-visible{outline-color:var(--l-marigold)}.auth-dialog{background:0 0;border:0;width:calc(100% - 32px);max-width:460px;margin:auto;padding:0;position:relative;overflow:visible}.auth-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073}.auth-dialog-close{z-index:1;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:1.3em;line-height:1;position:absolute;top:14px;right:16px}.auth-dialog-close:hover{color:var(--text)}.auth-dialog .panel-head{padding-right:24px}.auth{background:var(--l-hero);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:calc(100svh - 59px);padding:48px 20px;display:flex}.auth.is-loading{min-height:100svh}.auth .stage-spinner{border-color:#1f1c352e;border-top-color:var(--l-ink)}.panel.auth-card{width:100%;max-width:460px;padding:28px 26px}.auth-card h2{font-size:1.5rem}.auth-card .panel-head,.auth-card .control{margin-bottom:20px}.auth-card .control-row{margin-bottom:7px;font-size:1em}.auth-card .text-input{margin-bottom:4px;padding:11px 12px;font-size:1em}.auth-card .actions{margin-top:22px}.auth-card .actions .button{text-align:center;flex:1;padding:11px 16px;font-size:1em}.auth-card .control-hint{font-size:.85em}.auth-card .link-button{font-size:.9em}.auth-switch{flex-wrap:wrap;gap:16px;margin-top:14px;display:flex}.auth code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.account{align-items:center;gap:10px;display:flex}.account>.muted{text-overflow:ellipsis;white-space:nowrap;max-width:18ch;overflow:hidden}.start .landing-inner{max-width:1180px}.start-hero{padding-top:44px;padding-bottom:52px}.start-hero h1{font-family:var(--display);letter-spacing:-.01em;color:var(--l-ink);margin:0 0 20px;font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.05}.start-hero .notice{margin-top:14px}.start-sayings{padding-top:48px;padding-bottom:72px}.start-sayings h2{font-family:var(--display);letter-spacing:-.01em;margin:0 0 24px;font-size:clamp(1.5rem,3vw,2.1rem)}.pattern-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 22px;margin:0;padding:0;list-style:none;display:grid}@media (width<=980px){.pattern-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=620px){.pattern-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}}.pattern-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;padding:0;display:flex}.pattern-card .landing-frame{margin-bottom:10px;transition:transform .15s,box-shadow .15s;display:block}.pattern-card:hover .landing-frame{transform:translateY(-3px);box-shadow:inset 0 2px #fff3,inset 0 -4px #00000029,0 12px 22px #0000002e}.pattern-card:focus-visible{outline:none}.pattern-card:focus-visible .landing-frame{outline:3px solid var(--accent);outline-offset:3px}.pattern-card strong{font-size:.95rem}.pattern-card .small{line-height:1.35}@media (prefers-reduced-motion:reduce){.pattern-card .landing-frame{transition:none}.pattern-card:hover .landing-frame{transform:none}}.swatch-row{gap:6px;display:flex}.swatch-input{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:7px;flex:1;min-width:0;height:34px;padding:2px}.link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:.82em}.link-button:hover{text-decoration:underline}.dropzone{border:1.5px dashed var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:56px 24px;transition:border-color .15s,background .15s,color .15s;display:flex}.dropzone:hover,.dropzone:focus-visible,.dropzone.is-hovering{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);outline:none}.dropzone-title{color:var(--text);margin:8px 0 0;font-weight:550}.start-hero .dropzone{border:2px dashed color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent);border-radius:16px;padding:52px 24px;box-shadow:0 12px 26px #00000024}.start-hero .dropzone:hover,.start-hero .dropzone:focus-visible,.start-hero .dropzone.is-hovering{border-style:solid;border-color:var(--accent);background:var(--surface)}.start-hero .dropzone-title{font-size:1.1rem}.dropzone-hint{margin:0;font-size:.85em}.tool{background:linear-gradient(var(--l-hero), var(--l-hero)) top / 100% 200px no-repeat}.workspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=860px){.workspace{grid-template-columns:1fr}}.column{flex-direction:column;gap:16px;min-width:0;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.panel-head h2{font-family:var(--display);letter-spacing:0;font-size:1.14rem;font-weight:700}.panel-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.unit-toggle{flex:none;align-self:center}.unit-toggle button{padding:3px 10px}.placeholder{flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.control{margin-bottom:16px;display:block}.control:last-child{margin-bottom:0}.control-row{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;font-size:.9em;display:flex}.control-row output{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.control-hint{color:var(--muted);margin-top:4px;font-size:.78em;display:block}input[type=range]{width:100%;accent-color:var(--accent)}.swatches{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.swatches li{grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:4px 10px;display:grid}.swatch{cursor:pointer;border:1px solid #00000026;border-radius:6px;grid-row:1/span 2;width:30px;height:30px;padding:0}.swatch-meta{justify-content:space-between;gap:8px;font-size:.85em;display:flex}.coverage{background:var(--border);border-radius:2px;height:4px;position:relative;overflow:hidden}.coverage:after{content:"";width:var(--fill);background:var(--tint);position:absolute;inset:0 auto 0 0}.preview-panel{flex-direction:column;display:flex}.preview-panel .actions{flex-wrap:wrap;row-gap:8px}.preview-panel .actions>.button,.preview-panel .actions>span:first-of-type{white-space:nowrap}.stage{background-color:#fbfbfa;background-image:linear-gradient(45deg,#eeeeec 25%,#0000 25% 75%,#eeeeec 75%),linear-gradient(45deg,#eeeeec 25%,#0000 25% 75%,#eeeeec 75%);background-position:0 0,9px 9px;background-size:18px 18px;border-radius:8px;justify-content:center;align-items:center;min-height:300px;padding:16px;transition:opacity .15s;display:flex;position:relative}@media (prefers-color-scheme:dark){.stage{background-color:#17181a;background-image:linear-gradient(45deg,#212226 25%,#0000 25% 75%,#212226 75%),linear-gradient(45deg,#212226 25%,#0000 25% 75%,#212226 75%)}}.stage-frame{width:min(100%, calc(62vh * var(--plate-aspect,1)));min-width:0;aspect-ratio:var(--plate-aspect,1);margin:0 auto;line-height:0;display:block;position:relative}.stage-clip{position:absolute;inset:0;overflow:hidden}.stage-cover{position:absolute;inset:0}.stage-art{transform-origin:50%;display:block;position:absolute}.stage-text,.stage-handle{width:100%;height:100%;position:absolute;inset:0}.stage-text{pointer-events:none;shape-rendering:geometricprecision;display:block}.stage.is-busy img{opacity:.45}.stage-lifted{width:100%;height:100%}.stage-ghost{pointer-events:none;filter:drop-shadow(0 2px 6px #00000047);display:block;position:absolute}.stage-ghost.is-resting{filter:none}.stage-picture{pointer-events:none;transform-origin:50%;filter:drop-shadow(0 2px 6px #00000047);max-width:none;display:block;position:absolute}.stage.is-busy img.stage-picture{opacity:1}.stage-handle{cursor:default;touch-action:none;outline:none}.stage-handle.is-over{cursor:grab}.stage-handle.is-move{cursor:grabbing}.stage-handle.is-scale{cursor:nwse-resize}.stage-handle.is-rotate{cursor:crosshair}.stage-handle .handle-box{fill:#0000;stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 4;stroke-opacity:.35;vector-effect:non-scaling-stroke}.stage-handle.is-over .handle-box,.stage-handle.is-move .handle-box,.stage-handle.is-scale .handle-box,.stage-handle.is-rotate .handle-box,.stage-handle:focus-visible .handle-box{fill:var(--accent);fill-opacity:.08;stroke-opacity:.9;stroke-dasharray:none}.stage-handle .handle-grip,.stage-handle .handle-stem{opacity:0;transition:opacity .12s}.stage-handle:hover .handle-grip,.stage-handle:hover .handle-stem,.stage-handle:focus-visible .handle-grip,.stage-handle:focus-visible .handle-stem,.stage-handle.is-move .handle-grip,.stage-handle.is-scale .handle-grip,.stage-handle.is-rotate .handle-grip,.stage-handle.is-move .handle-stem,.stage-handle.is-scale .handle-stem,.stage-handle.is-rotate .handle-stem{opacity:1}.stage-handle .handle-grip{fill:var(--surface);stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke;cursor:nwse-resize}.stage-handle .handle-grip.is-rotate{cursor:crosshair}.stage-handle .handle-stem{stroke:var(--accent);stroke-width:1px;stroke-opacity:.6;vector-effect:non-scaling-stroke}.stage-handle .handle-guide{stroke:var(--accent);stroke-width:1px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;pointer-events:none}.stage-handle.is-unprintable .handle-box{stroke:var(--warn-text);stroke-opacity:.9;stroke-dasharray:5 3}.stage-handle.is-unprintable .handle-grip{stroke:var(--warn-text)}.stage-handle.is-editing{pointer-events:none}.stage-editor{transform-origin:0 0;white-space:pre;z-index:2;background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute}.stage-spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.stage .stage-spinner{position:absolute}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.stage-spinner{animation-duration:2s}}.segmented{border:1px solid var(--border);border-radius:7px;display:inline-flex;overflow:hidden}.segmented button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 10px;font-size:.82em}.segmented button.is-active{background:var(--accent-soft);color:var(--accent)}.kind-grid{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:5px;display:grid}.kind-option{border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:7px;padding:5px 4px;font-size:.78em;overflow:hidden}.kind-option:hover{border-color:var(--accent);color:var(--accent)}.kind-option.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:550}.actions{align-items:center;gap:12px;margin-top:14px;display:flex}.button{background:var(--accent);color:var(--on-accent);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:7px 14px;font-size:.9em;font-weight:650;text-decoration:none;display:inline-block}.button:hover:not(:disabled){background:var(--accent-hover)}.button.ghost{border-color:var(--accent);color:var(--accent);background:0 0}.button.ghost:hover:not(:disabled){background:var(--accent-soft)}.facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0;display:grid}.facts div{min-width:0}.facts dt{color:var(--muted);margin-bottom:2px;font-size:.78em}.facts dd{font-variant-numeric:tabular-nums;margin:0}.notice{border-radius:7px;margin:12px 0 0;padding:9px 12px;font-size:.87em}.notice-warn{background:var(--warn-bg);color:var(--warn-text)}.notice-error{background:var(--error-bg);color:var(--error-text)}.text-input,select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:7px;padding:7px 9px;font-size:.9em}.text-input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.text-input{margin-bottom:14px}.number-field{align-items:baseline;gap:5px;display:inline-flex}.number-field input{border:1px solid var(--border);background:var(--surface);width:5.5em;color:var(--text);font:inherit;text-align:right;border-radius:6px;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.number-field input:focus{outline:2px solid var(--accent);outline-offset:-1px}.number-field input::-webkit-outer-spin-button{opacity:1}.number-field input::-webkit-inner-spin-button{opacity:1}.number-field .unit{color:var(--muted);min-width:1.6em;font-size:.8em}.switch{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.switch input{accent-color:var(--accent)}.switch-row{align-items:center}.switch-row>span:first-child{font-family:var(--display);font-size:1.06rem;font-weight:700}.switch-row .switch{gap:8px;font-size:.98rem}.switch-row .switch input{width:20px;height:20px;margin:0}.style-toggle{margin-bottom:16px}.mode-toggle{width:100%;display:flex}.mode-toggle button{white-space:nowrap;flex:1;min-width:0;padding:5px 4px}.turn-presets{margin-top:6px}.mode-toggle.is-tight button{padding:5px 2px;font-size:.74em}.style-toggle button{text-transform:capitalize;padding:5px 9px}.color-input{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:7px;width:100%;height:32px;padding:2px}.button:disabled{opacity:.55;cursor:default}.link-button:disabled{color:var(--muted);cursor:default;text-decoration:none}.reducer-count{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;margin-bottom:16px;font-size:.9em;display:grid}.reducer-recommended,.reducer-note{grid-column:1/-1;justify-self:end}.stepper{border:1px solid var(--border);background:var(--surface);border-radius:7px;align-items:stretch;display:inline-flex;overflow:hidden}.stepper button{width:30px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.1em;line-height:1}.stepper button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.stepper button:disabled{color:var(--muted);opacity:.45;cursor:default}.stepper input{border:0;border-inline:1px solid var(--border);width:2.8em;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;background:0 0;padding:5px 0;font-weight:550}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input:focus{outline:2px solid var(--accent);outline-offset:-2px}.reducer-list li{grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr) auto;row-gap:5px}.reducer-list .swatch-meta{grid-column:2;align-items:baseline}.reducer-list .coverage{grid-column:2/span 2}.reducer-list .swatch{border-radius:5px;grid-row:1/span 2;width:26px;height:34px;position:relative;overflow:hidden}.reducer-list .swatch:before{content:"";background:var(--surface);pointer-events:none;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:4px;left:50%;box-shadow:inset 0 1px 1px #00000059}.reducer-list .swatch input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.reducer-list .swatch input:disabled{cursor:default}.reducer-list .swatch:focus-within{outline:2px solid var(--accent);outline-offset:2px}.reducer-list li.is-merged .swatch-meta code{color:var(--muted)}.reducer-row-actions{grid-area:1/3;justify-content:flex-end;align-items:center;gap:6px;font-size:.8em;display:flex}.reducer-row-actions select{width:auto;max-width:118px;padding:2px 4px;font-size:1em}.reducer-row-actions .link-button{font-size:1em}.reducer-list.is-busy{opacity:.5;pointer-events:none;transition:opacity .15s}.reducer-actions{flex-wrap:wrap}.relief-raise{margin-top:16px}.relief-key{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;display:flex}.relief-key span{align-items:center;gap:6px;display:inline-flex}.relief-key i{border:1px solid #00000026;border-radius:3px;width:14px;height:14px}.start-lede{max-width:60ch;color:var(--l-ink-soft);margin:-6px 0 22px;font-size:1.08rem}.figure-how{padding-bottom:72px}.figure-stage{min-height:320px}.figure-image{filter:drop-shadow(0 3px 6px #00000038);width:auto;max-width:100%;height:auto;max-height:62vh;display:block}.figure-image.is-back{transform:scaleX(-1)}.figure-found,.figure-pieces{margin:0 0 16px}.figure-pieces{margin:4px 0 0}.figure-tolerance{margin-top:8px;display:block}.figure-dot{vertical-align:-.12em;border:1px solid #0003;border-radius:50%;width:.95em;height:.95em;display:inline-block}.figure-colours,.figure-middle{flex-wrap:wrap;gap:8px;display:flex}.figure-chip{cursor:pointer;border:1px solid #0000002e;border-radius:50%;width:30px;height:30px;padding:0;position:relative}.figure-chip.is-active,.figure-chip:focus-visible,.figure-custom:focus-within{outline:2px solid var(--accent);outline-offset:2px}.figure-custom{background:conic-gradient(#f44,#fd4,#4d6,#4cf,#66f,#e5e,#f44);display:inline-block;overflow:hidden}.figure-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.figure-view{flex-direction:column;gap:10px;min-width:0;display:flex}.figure-sides{align-self:flex-start}.figure-sides button{padding:5px 14px}.plate-section{margin-top:20px}.plate-body{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);align-items:start;gap:20px;display:grid}@media (width<=860px){.plate-body{grid-template-columns:1fr}}.plate-picture{background:radial-gradient(at 50% 38%,#fdfdfc,#e9e9e6);border-radius:8px;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.plate-picture{background:radial-gradient(at 50% 38%,#2a2c30,#17181a)}}.plate-canvas{aspect-ratio:16/10;cursor:grab;touch-action:pan-y;width:100%;display:block}.plate-canvas:active{cursor:grabbing}.plate-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.plate-picture .stage-spinner{margin:-12px 0 0 -12px;position:absolute;top:50%;left:50%}.plate-picture-hint{pointer-events:none;position:absolute;bottom:8px;left:12px}.plate-picture-note{text-align:center;margin:0;position:absolute;inset:auto 12px 50%}.plate-controls .actions{flex-wrap:wrap;margin-top:4px}.plate-summary{margin:8px 0 0}.plate-rings{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.plate-rings h3{margin:0 0 12px;font-size:.98rem}.plate-rings-choice{grid-template-columns:128px minmax(0,1fr);align-items:center;gap:14px;display:grid}.plate-rings-choice .control{margin-bottom:10px}.plate-rings-choice .control:last-child{margin-bottom:0}@media (width<=480px){.plate-rings-choice{grid-template-columns:minmax(0,1fr)}.plate-rings-choice .ring-picture{max-width:200px}}.plate-rings .actions{margin-top:12px}.plate-rings-note{margin:8px 0 0}.ring-picture{aspect-ratio:4/3;width:100%;color:var(--l-teal);background:radial-gradient(at 50% 38%,#fdfdfc,#e9e9e6);border-radius:8px;display:block}@media (prefers-color-scheme:dark){.ring-picture{color:#3a9e96;background:radial-gradient(at 50% 38%,#2a2c30,#17181a)}}.plate-note{margin:14px 0 0}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TeX Gyre Heros Cn;src:url(/fonts/texgyreheroscn-bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TeX Gyre Adventor;src:url(/fonts/texgyreadventor-bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TeX Gyre Bonum;src:url(/fonts/texgyrebonum-bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TeX Gyre Schola;src:url(/fonts/texgyreschola-bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/Lora-Italic-Variable.ttf)format("truetype");font-weight:400 700;font-style:italic;font-display:swap}@font-face{font-family:TeX Gyre Chorus;src:url(/fonts/texgyrechorus-mediumitalic.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TeX Gyre Cursor;src:url(/fonts/texgyrecursor-bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}.panel-divider{border-top:1px solid var(--border);margin-top:4px;padding-top:14px}.holes-fill{margin:-8px 0 4px}.holes-fill-hint{margin:0 0 16px}.holes-standard{margin:-10px 0 16px}.holes-standard .link-button{font-size:inherit}.holes-strips .actions{margin-top:10px}.strip-key{margin-top:12px}.strip-key ul{margin:8px 0 0;padding:0;list-style:none}.strip-key li{border-radius:7px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px 8px;display:grid}.strip-key li.is-current{background:var(--accent-soft)}.strip-marks{gap:4px;display:inline-flex}.strip-mark{border:1.5px solid var(--muted);border-radius:50%;width:8px;height:8px}.strip-spacing{font-variant-numeric:tabular-nums}.words-intro{margin:0}.words-text{resize:vertical;min-height:64px;margin-bottom:0;line-height:1.4;display:block}.font-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:5px;display:grid}.font-option{border:1px solid var(--border);background:var(--surface);height:34px;color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:7px;padding:0 6px;line-height:1;overflow:hidden}.font-option:hover{border-color:var(--accent)}.font-option.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ink-row{gap:6px;display:flex}.ink-option{border:1px solid var(--border);cursor:pointer;border-radius:7px;flex:1;min-width:0;height:30px}.ink-option.is-active{outline:2px solid var(--accent);outline-offset:2px}.ink-well{border:1px solid var(--border);cursor:pointer;background:conic-gradient(#f44336,#ffeb3b,#4caf50,#00bcd4,#3f51b5,#e91e63,#f44336);border-radius:7px;flex:0 0 42px;height:30px;position:relative}.ink-well.is-active,.ink-well:focus-within{outline:2px solid var(--accent);outline-offset:2px}.ink-well input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pen-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:40px;display:grid}.pen-hero .start-lede{margin-top:0}.button.pen-download{padding:11px 22px;font-size:1.05rem}.pen-file{color:var(--l-ink-soft);margin:10px 0 0;font-size:.92rem}.pen-picture,.pen-parts{border-radius:14px;width:100%;height:auto;display:block}.pen-picture{box-shadow:0 10px 30px #00000024}.pen-section{padding-top:48px}.pen-section:last-child{padding-bottom:72px}.pen-section h2{font-family:var(--display);letter-spacing:-.01em;margin:0 0 16px;font-size:clamp(1.4rem,2.6vw,1.9rem)}.pen-needs{max-width:72ch;margin:0;padding-left:1.2em}.pen-needs li+li{margin-top:8px}.pen-parts{margin-bottom:32px}.pen-steps{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pen-topper a,.control-hint a{color:var(--accent);font-weight:600;text-decoration:none}.pen-topper a:hover,.control-hint a:hover{text-decoration:underline}.pen-topper{max-width:72ch;margin:0}@media (width<=760px){.pen-hero{grid-template-columns:1fr;gap:24px}}