:root{color-scheme:light;--bg: #f6f4ef;--bg-2: #efece5;--surface: #fffefb;--surface-2: #f7f5f0;--line: #e4e0d7;--line-2: #d6d1c6;--ink: #1c1e21;--ink-2: #4f5358;--ink-3: #868a8f;--accent: #2f54c9;--accent-2: #2443a6;--accent-soft: rgba(47, 84, 201, .09);--accent-line: rgba(47, 84, 201, .32);--on-accent: #fff;--desk: #e9e6de;--desk-dot: rgba(60, 50, 30, .13);--sheet-shadow: 0 1px 2px rgba(40, 32, 16, .08), 0 8px 24px -6px rgba(40, 32, 16, .16), 0 30px 60px -20px rgba(40, 32, 16, .18);--card-shadow: 0 1px 2px rgba(40, 32, 16, .05), 0 6px 18px -8px rgba(40, 32, 16, .14);--pop-shadow: 0 10px 40px -10px rgba(20, 16, 8, .28), 0 2px 6px rgba(20, 16, 8, .08);--logo-tile: var(--accent);--logo-grid: #7890dc;--logo-ink: #fff;--font-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;--font: "Geist", ui-sans-serif, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-sm: 7px;--r: 10px;--r-lg: 16px;--header-h: 64px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #141517;--bg-2: #1a1b1e;--surface: #1c1d20;--surface-2: #222326;--line: #2c2d31;--line-2: #3a3b40;--ink: #eceae5;--ink-2: #b4b2ac;--ink-3: #7f7e79;--accent: #8ba3f4;--accent-2: #a9bbf7;--accent-soft: rgba(139, 163, 244, .12);--accent-line: rgba(139, 163, 244, .38);--on-accent: #0f1430;--desk: #0f1012;--desk-dot: rgba(255, 255, 255, .07);--sheet-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 20px 50px -10px rgba(0, 0, 0, .6);--card-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 20px -10px rgba(0, 0, 0, .5);--pop-shadow: 0 16px 50px -10px rgba(0, 0, 0, .7);--logo-tile: #8ba3f4;--logo-grid: #b7c6f8;--logo-ink: #0f1430}}:root[data-theme=dark]{color-scheme:dark;--bg: #141517;--bg-2: #1a1b1e;--surface: #1c1d20;--surface-2: #222326;--line: #2c2d31;--line-2: #3a3b40;--ink: #eceae5;--ink-2: #b4b2ac;--ink-3: #7f7e79;--accent: #8ba3f4;--accent-2: #a9bbf7;--accent-soft: rgba(139, 163, 244, .12);--accent-line: rgba(139, 163, 244, .38);--on-accent: #0f1430;--desk: #0f1012;--desk-dot: rgba(255, 255, 255, .07);--sheet-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 20px 50px -10px rgba(0, 0, 0, .6);--card-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 20px -10px rgba(0, 0, 0, .5);--pop-shadow: 0 16px 50px -10px rgba(0, 0, 0, .7);--logo-tile: #8ba3f4;--logo-grid: #b7c6f8;--logo-ink: #0f1430}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.55 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}a{color:inherit}button,input,select{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.wrap-wide{width:min(1480px,100% - 32px);margin-inline:auto}.muted{color:var(--ink-3)}.eyebrow{font:500 11px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px}.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:28px;width:min(1480px,100% - 32px)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand .mark{width:28px;height:28px}.wordmark{font-weight:600;font-size:16.5px;letter-spacing:-.015em;white-space:nowrap}.wordmark em{font:italic 400 1.28em/1 var(--font-display);color:var(--accent);margin-left:.18em;letter-spacing:0}.nav{display:flex;gap:4px;margin-left:auto}.nav a{text-decoration:none;color:var(--ink-2);padding:7px 12px;border-radius:999px;font-size:14px;transition:background .15s,color .15s}.nav a:hover{background:var(--bg-2);color:var(--ink)}.theme-btn{width:36px;height:36px;border-radius:999px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink-2)}.theme-btn svg{width:17px;height:17px}.theme-btn .i-moon{display:none}:root[data-theme=dark] .theme-btn .i-sun{display:none}:root[data-theme=dark] .theme-btn .i-moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-btn .i-sun{display:none}:root:not([data-theme=light]) .theme-btn .i-moon{display:block}}.hero{padding:30px 0 22px}.hero h1,.prose h1{font:400 clamp(34px,4.4vw,54px)/1.04 var(--font-display);letter-spacing:-.012em;margin:0 0 12px;max-width:24ch}.page-home .hero h1{max-width:none}.hero h1 em{font-style:italic;color:var(--accent)}.h1-sub{color:var(--ink-3);font-style:italic}.lede{font-size:16.5px;color:var(--ink-2);max-width:62ch;margin:0}.crumbs{display:flex;gap:8px;font-size:13px;color:var(--ink-3);margin-bottom:18px}.crumbs a{text-decoration:none;color:var(--ink-2)}.crumbs a:hover{color:var(--accent)}.crumbs i{font-style:normal;opacity:.5}.designer{display:grid;grid-template-columns:372px minmax(0,1fr);height:min(calc(100vh - var(--header-h) - 32px),980px);min-height:600px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--card-shadow)}.panel{border-right:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;background:var(--surface)}.panel-skeleton{padding:18px;display:grid;gap:12px}.panel-skeleton i{display:block;height:54px;border-radius:var(--r);background:var(--surface-2);animation:pulse 1.4s ease-in-out infinite}.panel-skeleton i:first-child{height:70px}@keyframes pulse{50%{opacity:.5}}.panel-head{padding:14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:2}.template-btn{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:8px 12px 8px 8px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);cursor:pointer;transition:border-color .15s,background .15s}.template-btn:hover{border-color:var(--accent-line);background:var(--accent-soft)}.template-btn .tb-thumb{flex:none;width:44px;height:44px;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line),0 2px 4px #0000000f}.template-btn .tb-thumb img{width:132px;height:auto;max-width:none;transform:translate(-6px,-6px)}.template-btn>span:not(.tb-thumb){display:grid;flex:1;min-width:0}.template-btn small{font:500 10.5px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.template-btn b{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-btn em{font-style:normal;font-size:13px;color:var(--accent);font-weight:500}.sec{border-bottom:1px solid var(--line)}.sec>summary{list-style:none;cursor:pointer;padding:15px 18px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;letter-spacing:-.005em;user-select:none}.sec>summary::-webkit-details-marker{display:none}.sec>summary span{flex:1}.sec>summary:hover{background:var(--surface-2)}.sec .chev{width:16px;height:16px;color:var(--ink-3);transition:transform .2s}.sec[open] .chev{transform:rotate(180deg)}.sec .count{flex:0;font:500 11px/1 var(--mono);background:var(--accent-soft);color:var(--accent);padding:4px 7px;border-radius:999px}.sec-body{padding:2px 18px 20px;display:grid;gap:14px}.field{display:grid;gap:6px;min-width:0}.field-label{font-size:12.5px;color:var(--ink-2);font-weight:500}.hint{font-size:12px;color:var(--ink-3);margin:0;line-height:1.4}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}.row2>.toggle{padding-bottom:8px}.pages-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.pages-row .chips{flex-wrap:nowrap;padding-bottom:7px}.input-wrap{position:relative;display:block}.input-wrap i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:400 12px var(--mono);color:var(--ink-3);pointer-events:none;font-style:normal}input[type=number],input[type=text],input[type=search],select{width:100%;height:38px;padding:0 11px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s;font-size:14px;font-variant-numeric:tabular-nums}.input-wrap input{padding-right:40px}input[type=number]{-moz-appearance:textfield;appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:hover,select:hover{border-color:var(--ink-3)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select-wrap{position:relative;display:block}.select-wrap:after{content:"";position:absolute;right:13px;top:50%;width:7px;height:7px;margin-top:-5px;border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);transform:rotate(45deg);pointer-events:none}select{appearance:none;padding-right:32px;cursor:pointer}.seg{display:flex;background:var(--bg-2);border-radius:var(--r-sm);padding:3px;gap:2px}.seg label{flex:1;min-width:0}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:block;text-align:center;padding:6px;border-radius:5px;font-size:12.5px;font-weight:500;color:var(--ink-2);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s}.seg span:hover{color:var(--ink)}.seg input:checked+span{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014,0 0 0 1px var(--line)}.seg input:focus-visible+span{outline:2px solid var(--accent)}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13.5px}.toggle input{position:absolute;opacity:0;pointer-events:none}.switch{width:32px;height:19px;border-radius:999px;background:var(--line-2);position:relative;flex:none;transition:background .18s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .18s}.toggle input:checked+.switch{background:var(--accent)}.toggle input:checked+.switch:after{transform:translate(13px)}.toggle input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.toggle-text{display:grid;line-height:1.3}.toggle-text small{color:var(--ink-3);font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;padding:4px 11px;font-size:12.5px;cursor:pointer;color:var(--ink-2);transition:all .15s;font-variant-numeric:tabular-nums}.chip:hover{border-color:var(--ink-3);color:var(--ink)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.swatch{aspect-ratio:1;border-radius:8px;border:1px solid var(--line);padding:0;cursor:pointer;overflow:hidden;display:grid;grid-template-rows:1fr 1fr;background:var(--surface);transition:transform .12s}.swatch:hover{transform:translateY(-1px)}.swatch i{display:block}.swatch.on{outline:2px solid var(--accent);outline-offset:2px}.color-field{display:flex;align-items:center;gap:9px;height:38px;padding:0 10px 0 5px;border:1px solid var(--line-2);border-radius:var(--r-sm);cursor:pointer;font-size:13px;min-width:0}.color-field:hover{border-color:var(--ink-3)}.color-field input{width:28px;height:28px;border:0;padding:0;background:none;cursor:pointer;flex:none}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:1px solid rgba(0,0,0,.1);border-radius:5px}.color-field input::-moz-color-swatch{border:1px solid rgba(0,0,0,.1);border-radius:5px}.color-field span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-field code{font:11px var(--mono);color:var(--ink-3)}.sides{position:relative;display:grid;grid-template:"a a a" auto "b s c" 54px "d d d" auto / 1fr 44px 1fr;gap:6px;justify-items:center;align-items:center;padding:4px 0}.sides-sheet{grid-area:s;width:40px;height:52px;border:1px solid var(--line-2);border-radius:2px;background:repeating-linear-gradient(0deg,transparent 0 6px,var(--line) 6px 7px),repeating-linear-gradient(90deg,transparent 0 6px,var(--line) 6px 7px),var(--surface)}.side input{position:absolute;opacity:0;pointer-events:none}.side span{display:block;padding:3px 10px;border-radius:999px;font-size:12px;border:1px solid var(--line-2);cursor:pointer;color:var(--ink-2);background:var(--surface)}.side input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.side input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.side-top{grid-area:a}.side-left{grid-area:b;justify-self:end}.side-right{grid-area:c;justify-self:start}.side-bottom{grid-area:d}.save-form{display:flex;gap:8px}.save-form input{flex:1}.designs{list-style:none;margin:0;padding:0;display:grid;gap:6px}.designs li{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2)}.design-load{flex:1;min-width:0;text-align:left;background:none;border:0;padding:8px 10px;cursor:pointer;display:grid}.design-load b{font-weight:600;font-size:13.5px}.design-load span{font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-load:hover b{color:var(--accent)}.icon-btn{width:32px;height:32px;display:grid;place-items:center;background:none;border:0;border-radius:6px;cursor:pointer;color:var(--ink-3);flex:none}.icon-btn:hover{background:var(--bg-2);color:var(--ink)}.icon-btn svg{width:15px;height:15px}.panel-foot{padding:14px 18px 22px}.link-btn{background:none;border:0;padding:0;color:var(--ink-3);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--ink)}.stage{display:flex;flex-direction:column;min-width:0;min-height:0}.stage-bar{display:flex;align-items:center;gap:16px;padding:10px 12px 10px 20px;border-bottom:1px solid var(--line);background:var(--surface);min-height:60px}.summary{flex:1;min-width:0;display:grid;line-height:1.3}.summary b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary span{font:12px var(--mono);color:var(--ink-3)}.actions{display:flex;gap:6px;align-items:center}.btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:var(--r-sm);border:1px solid transparent;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .08s;text-decoration:none;background:none}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px;flex:none}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 1px #ffffff24,0 1px 2px #141e5040}.btn-primary:hover{background:var(--accent-2)}.btn-quiet{border-color:var(--line-2);background:var(--surface)}.btn-quiet:hover{border-color:var(--ink-3)}.btn-ghost{color:var(--ink-2);padding:0 10px}.btn-ghost:hover{background:var(--bg-2);color:var(--ink)}.btn-small{height:38px;padding:0 14px;background:var(--ink);color:var(--bg)}.btn-small:hover{opacity:.88}.more{position:relative}.more>summary{list-style:none}.more>summary::-webkit-details-marker{display:none}.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:10;min-width:210px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--pop-shadow)}.menu button{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;text-align:left;padding:9px 11px;border:0;background:none;border-radius:6px;cursor:pointer;font-size:14px}.menu button:hover{background:var(--bg-2)}.menu small{color:var(--ink-3);font-size:12px}.desk{position:relative;flex:1;min-height:0;overflow:auto;display:grid;place-items:center;padding:28px;background-color:var(--desk);background-image:radial-gradient(circle,var(--desk-dot) 1px,transparent 1.3px);background-size:18px 18px;scrollbar-width:thin}.desk.zoomed{place-items:start center}.sheet{background:#fff;box-shadow:var(--sheet-shadow);width:60%;max-width:none;border-radius:1px;transition:width .18s ease}.sheet>svg,.sheet>img{width:100%;height:100%;display:block}.zoom{position:sticky;bottom:0;justify-self:end;align-self:end;grid-area:1 / 1;display:flex;align-items:center;gap:2px;padding:4px;margin:0 -12px -12px 0;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;box-shadow:var(--card-shadow)}.desk>.sheet{grid-area:1 / 1}.zoom button{height:30px;min-width:30px;border:0;background:none;border-radius:999px;cursor:pointer;font-size:16px;color:var(--ink-2);padding:0 8px}.zoom button:hover{background:var(--bg-2);color:var(--ink)}.zoom .zoom-label,.zoom .zoom-true{font:500 12px var(--mono)}.warn{position:absolute;left:50%;top:16px;transform:translate(-50%);margin:0;padding:8px 14px;border-radius:999px;background:#fff3e0;color:#8a4a00;font-size:13px;box-shadow:var(--card-shadow)}.ad{margin:28px auto 0;display:grid;justify-items:center;gap:6px;min-height:90px}.ad-label{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.ad ins{width:100%;max-width:970px;min-height:90px}.ad-house{min-height:0}.dad-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:100%;padding:16px 20px;border:1px solid var(--line);border-radius:var(--r-lg);text-decoration:none;background:linear-gradient(120deg,var(--surface) 0%,var(--surface-2) 100%);transition:border-color .2s,transform .2s}.dad-card:hover{border-color:#4fc5d68c}.dad-mark{display:grid;place-items:center;width:64px;height:44px;border-radius:10px;background:#16191c}.dad-mark img{width:46px;height:auto}.dad-mark .on-light{display:none}.dad-text{display:grid;line-height:1.35;min-width:0}.dad-text small{font:500 10.5px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.dad-text b{font:400 22px/1.15 var(--font-display);letter-spacing:-.005em}.dad-text span{font-size:13.5px;color:var(--ink-2)}.dad-go{display:inline-flex;align-items:center;gap:6px;font:500 13px var(--mono);color:#2a8fa0;white-space:nowrap}.dad-go svg{width:15px;height:15px;transition:transform .2s}.dad-card:hover .dad-go svg{transform:translate(2px,-2px)}:root[data-theme=dark] .dad-go{color:#4fc5d6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .dad-go{color:#4fc5d6}}.dad-compact{max-width:760px}.section-head{margin-bottom:26px}.section-head h2,.prose h2{font:400 clamp(30px,3.6vw,42px)/1.08 var(--font-display);letter-spacing:-.01em;margin:0}.section-head .muted{margin:10px 0 0}.about-preset{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding-top:48px}.uses{margin:0;padding:0;list-style:none;display:grid;gap:8px}.uses li{padding-left:22px;position:relative;font-size:16px}.uses li:before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;border:1.5px solid var(--accent);border-radius:2px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{text-decoration:none;padding:6px 13px;border:1px solid var(--line-2);border-radius:999px;font-size:13.5px;background:var(--surface);transition:all .15s}.pill:hover{border-color:var(--accent);color:var(--accent)}.gallery{padding-top:72px}.cat{margin-bottom:34px}.cat h3{font:500 11px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.card{text-decoration:none;display:grid;gap:10px}.card-thumb{display:block;aspect-ratio:210 / 297;background:var(--desk);border-radius:var(--r);padding:12px;overflow:hidden;transition:background .2s}.card-thumb img{width:100%;height:100%;object-fit:contain;background:#fff;box-shadow:0 1px 2px #00000014,0 6px 14px -6px #0000002e;transition:transform .25s ease,box-shadow .25s}.card:hover .card-thumb img{transform:translateY(-3px) rotate(-.6deg);box-shadow:0 2px 4px #00000014,0 14px 26px -10px #00000047}.card-text{display:grid;line-height:1.35}.card-text b{font-weight:600;font-size:14.5px}.card-text span{font-size:13px;color:var(--ink-3)}.card:hover b{color:var(--accent)}.sizes{padding-top:64px}.size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.size{text-decoration:none;display:grid;gap:2px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);transition:border-color .15s,transform .15s}.size:hover{border-color:var(--accent-line);transform:translateY(-1px)}.size-shape{height:64px;display:flex;align-items:flex-end;margin-bottom:10px}.size-shape i{display:block;background:var(--surface-2);border:1px solid var(--line-2);border-radius:2px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:6px 6px}.size b{font-weight:600}.size small{font:11.5px var(--mono);color:var(--ink-3)}.size:hover b{color:var(--accent)}.size-more{font-size:13px;color:var(--ink-3);margin-top:18px;line-height:1.7}.faq{padding:72px 0 24px}.faq-list{display:grid;gap:0;border-top:1px solid var(--line);max-width:820px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:18px 36px 18px 0;font-weight:500;font-size:16px;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:4px;top:14px;font:300 24px var(--font);color:var(--ink-3);transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:0 0 20px;color:var(--ink-2);max-width:68ch}.prose{max-width:720px;padding:56px 0 40px}.prose h2{font-size:26px;margin:34px 0 8px}.prose p{font-size:16.5px;color:var(--ink-2)}.prose a{color:var(--accent)}.site-footer{margin-top:72px;padding:48px 0 32px;border-top:1px solid var(--line);background:var(--bg-2)}.footer-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin:40px 0}.footer-cols h4{font:500 11px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px}.footer-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.footer-cols a{text-decoration:none;color:var(--ink-2);font-size:14px}.footer-cols a:hover{color:var(--accent)}.footer-base{display:flex;align-items:center;gap:18px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3);flex-wrap:wrap}.footer-base nav{margin-left:auto;display:flex;gap:18px}.footer-base nav a{text-decoration:none;color:var(--ink-2)}.footer-base nav a:hover{color:var(--accent)}.brand-small .mark{width:22px;height:22px}.brand-small .wordmark{font-size:14px}.picker{width:min(980px,100% - 32px);max-height:min(86vh,900px);padding:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);box-shadow:var(--pop-shadow);overflow:hidden;display:none}.picker[open]{display:flex;flex-direction:column;animation:rise .22s ease}.picker::backdrop{background:#14120e61;backdrop-filter:blur(3px)}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.99)}}.picker-head{display:flex;align-items:center;gap:16px;padding:16px 16px 16px 24px;border-bottom:1px solid var(--line)}.picker-head h2{font:400 28px/1 var(--font-display);margin:0;white-space:nowrap}.picker-head input{flex:1}.picker-body{overflow-y:auto;padding:8px 24px 28px}.picker-body h3{font:500 11px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:20px 0 12px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}.pick{display:grid;gap:7px;background:none;border:0;padding:0;cursor:pointer;text-align:left}.pick-thumb{display:block;aspect-ratio:210 / 297;background:var(--desk);border-radius:var(--r-sm);padding:9px;border:2px solid transparent;transition:border-color .15s}.pick-thumb img{width:100%;height:100%;background:#fff;box-shadow:0 1px 3px #0000001f}.pick b{font-weight:500;font-size:13px}.pick:hover .pick-thumb{border-color:var(--line-2)}.pick.on .pick-thumb{border-color:var(--accent)}.pick.on b{color:var(--accent)}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;z-index:100;background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:999px;font-size:14px;box-shadow:var(--pop-shadow);transition:opacity .2s,transform .2s;pointer-events:none;max-width:calc(100% - 32px)}#toast.show{opacity:1;transform:translate(-50%)}@media(max-width:1100px){.designer{grid-template-columns:330px minmax(0,1fr)}.btn-ghost span{display:none}}@media(max-width:860px){.nav{display:none}.theme-btn{margin-left:auto}.hero{padding:26px 0 18px}.designer{grid-template-columns:1fr;height:auto;min-height:0}.panel{order:2;border-right:0;border-top:1px solid var(--line);overflow:visible}.panel-head{position:static}.stage{order:1;background:var(--surface)}.desk{flex:none;height:min(62vh,640px);height:min(62svh,640px);padding:16px}.stage-bar{flex-wrap:wrap;padding:10px 12px;gap:10px}.summary{flex-basis:100%}.actions{width:100%}.actions .btn-primary{margin-left:auto}.btn-quiet span{display:none}.about-preset{grid-template-columns:1fr;gap:28px}.footer-cols{grid-template-columns:repeat(2,1fr)}.dad-card{grid-template-columns:auto 1fr}.dad-go{grid-column:2}}@media(max-width:480px){.cards{grid-template-columns:repeat(2,1fr);gap:14px}.swatches{grid-template-columns:repeat(4,1fr)}.picker-head h2{display:none}.footer-base nav{margin-left:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}