:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--chrome:#1a1614;--panel:#1a1614e0;--ink:#efe7db;--ink-dim:#efe7db8c;--accent:#c98d4b;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--chrome);color:var(--ink);position:fixed;inset:0;overflow:hidden}#app{position:fixed;inset:0}#paint{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}#brush-cursor{pointer-events:none;box-shadow:0 0 0 1px #ffffffd9, 0 0 0 2px #14100c8c, inset 0 0 0 1px #14100c8c, inset 0 0 0 3px var(--paint,transparent);opacity:0;visibility:hidden;z-index:5;border-radius:50%;position:fixed;top:0;left:0}#brush-cursor.on{opacity:1;visibility:visible}#brush-cursor .cursor-tool{box-sizing:border-box;color:#f4efe6f2;background:#181411b8;border-radius:50%;width:20px;height:20px;padding:3px;position:absolute;top:calc(85.4% + 3px);left:calc(85.4% + 3px);box-shadow:0 0 0 1px #f4efe659}#brush-cursor .cursor-tool svg{width:100%;height:100%;display:block}#brush-cursor.preview{transition:width 80ms,height 80ms}#brand{top:max(14px, env(safe-area-inset-top));text-align:center;pointer-events:none;transition:opacity .8s;position:absolute;left:50%;transform:translate(-50%)}#brand.faded{opacity:0}#brand h1{letter-spacing:.01em;color:#2c241d;font-family:Fraunces,serif;font-size:clamp(1.7rem,4.5vw,2.4rem);font-style:italic;font-weight:600}#brand span{letter-spacing:.14em;text-transform:uppercase;color:#2c241d8c;margin-top:2px;font-size:.8rem;display:block}#rail{left:max(12px, env(safe-area-inset-left));background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #efe7db14;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 30px #00000059}#rail hr{border:none;border-top:1px solid #efe7db1f;width:60%;margin:2px 0}#rail button{width:48px;height:48px;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:13px;place-items:center;transition:background .15s,color .15s,transform .1s;display:grid;position:relative}#rail button svg{pointer-events:none;width:25px;height:25px}#rail button:hover{color:var(--ink);background:#efe7db0f}#rail button:active{transform:scale(.92)}#rail .tool.selected,#rail button[aria-pressed=true]{color:var(--accent);background:#c98d4b24;box-shadow:inset 0 0 0 1.5px #c98d4b80}.rail-label{letter-spacing:.09em;text-transform:uppercase;color:#efe7db80;-webkit-user-select:none;user-select:none;pointer-events:none;margin:5px 0 -2px;font-size:8.5px;font-weight:700}@media (height<=860px){#rail{gap:4px;padding:8px}#rail button{width:44px;height:44px}#rail #size{height:80px;margin:3px 0}#rail #dyn{height:50px;margin:3px 0}}#size,#dyn{appearance:none;writing-mode:vertical-lr;cursor:pointer;direction:rtl;background:#efe7db26;border-radius:3px;width:6px;height:110px;margin:6px 0}#dyn{background:linear-gradient(#efe7db14,#efe7db4d);height:70px}#size::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:none;border-radius:50%;width:18px;height:18px}#dyn::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:none;border-radius:50%;width:18px;height:18px}#size::-moz-range-thumb{background:var(--ink);border:none;border-radius:50%;width:18px;height:18px}#dyn::-moz-range-thumb{background:var(--ink);border:none;border-radius:50%;width:18px;height:18px}#dyn::-webkit-slider-thumb{width:14px;height:14px}#dyn::-moz-range-thumb{width:14px;height:14px}#btn-clear{--hold:0deg}#btn-clear .hold-ring{background:conic-gradient(#d22b1f var(--hold), transparent var(--hold));pointer-events:none;border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}#palette{left:50%;bottom:max(14px, env(safe-area-inset-bottom));background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #efe7db14;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 12px;width:max-content;max-width:min(100vw - 190px,820px);padding:11px 14px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 30px #00000059}.swatch{background:radial-gradient(circle at 35% 30%, #ffffff40, transparent 45%), var(--c);cursor:pointer;border:2px solid #efe7db24;border-radius:50%;flex:none;width:34px;height:34px;transition:transform .12s}.swatch:hover{transform:scale(1.12)}.swatch.selected{border-color:var(--ink);transform:scale(1.18);box-shadow:0 0 0 3px #efe7db26}#swatches{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}#mixrow{flex:1 0 100%;justify-content:center;align-items:center;gap:8px;display:flex}#btn-mix,#btn-copy,#btn-paint{height:34px;color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:1.5px solid #efe7db38;border-radius:999px;padding:0 14px;font:600 .8rem/1 Inter,system-ui,sans-serif;transition:color .15s,border-color .15s,background .15s}#btn-mix:hover,#btn-copy:hover,#btn-paint:hover{color:var(--ink);border-color:#efe7db66}#btn-mix[aria-pressed=true]{color:#1a1614;background:var(--accent);border-color:var(--accent)}#btn-mix:focus-visible,#btn-copy:focus-visible,#btn-paint:focus-visible,#mix-clear:focus-visible,.part:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#mix-clear{display:none}#palette.mixing #mix-clear{display:grid}#mix-parts{align-items:center;gap:4px;min-height:34px;display:flex}#mix-parts .hint,#mix-parts .count{color:var(--ink-dim);white-space:nowrap;font-size:.75rem}#mix-parts .count{font-variant-numeric:tabular-nums;margin-left:4px}#mix-parts.full{animation:.32s mix-full}#mix-parts.full .count{color:var(--accent)}@keyframes mix-full{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.part{min-width:34px;height:34px;color:var(--ink);font-variant-numeric:tabular-nums;cursor:pointer;background:#efe7db0d;border:1px solid #efe7db1f;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 7px;font:600 .78rem/1 Inter,system-ui,sans-serif;display:inline-flex}.part:hover{border-color:#efe7db59}.part i{background:var(--c);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #efe7db33}#mix-clear{width:34px;height:34px;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:0}#mix-clear:hover{color:var(--ink);background:#efe7db14}#mix-clear svg{pointer-events:none;width:16px;height:16px}#mixmode{background:#efe7db0f;border:1px solid #efe7db1a;border-radius:999px;align-items:center;margin-left:6px;padding:2px;display:flex}#mixmode button{height:30px;color:var(--ink-dim);font:inherit;letter-spacing:.02em;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 11px;font-size:12px;font-weight:600;transition:background .15s,color .15s}#mixmode button:hover{color:var(--ink)}#mixmode button[aria-pressed=true]{background:var(--accent);color:#1a1614}#mixmode button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}#mixmode:has(button[aria-disabled=true]){opacity:.4}#mixmode button[aria-disabled=true]{cursor:not-allowed}#btn-copy,#btn-paint{align-items:center;gap:6px;padding:0 13px 0 10px;display:inline-flex}#btn-copy svg,#btn-paint svg{width:17px;height:17px}#palette{padding-left:34px}#palette-grip{width:24px;height:44px;color:var(--ink-dim);cursor:grab;touch-action:none;background:0 0;border:none;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:5px;transform:translateY(-50%)}#palette-grip:hover{color:var(--ink);background:#efe7db14}#palette-grip:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.grip svg{pointer-events:none;width:16px;height:16px}.ref-bar{cursor:grab;touch-action:none}.ref-bar button{cursor:pointer}.ref-bar .grip{opacity:.7;flex:none;margin-left:-4px;display:grid}#palette.moved,#ref.moved{bottom:auto;right:auto;transform:none}#palette.dragging,#ref.dragging{cursor:grabbing;box-shadow:0 16px 44px #00000080}#palette.dragging #palette-grip,#ref.dragging .ref-bar{cursor:grabbing}#ref{--w:230px;z-index:30;top:max(12px, env(safe-area-inset-top));right:calc(max(12px, env(safe-area-inset-right)) + 56px);width:max-content;max-width:var(--w);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #efe7db1a;border-radius:16px;padding:6px;position:absolute;box-shadow:0 12px 32px #00000059}#ref.big{--w:420px}.ref-bar{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:2px;padding-left:8px;font-size:.72rem;display:flex}.ref-bar span{white-space:nowrap;flex:1}.ref-bar button{width:36px;height:36px;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;display:grid}.ref-bar button:hover{color:var(--ink);background:#efe7db14}.ref-bar button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ref-bar svg{pointer-events:none;width:17px;height:17px}#ref-canvas{width:auto;height:auto;max-width:calc(var(--w) - 12px);cursor:crosshair;touch-action:none;border-radius:10px;max-height:max(120px,100vh - 360px);margin-top:4px;display:block}#ref.big #ref-canvas{min-width:min(calc(var(--w) - 12px), 100%)}#ref-suggest{max-width:calc(var(--w) - 12px);align-items:center;gap:8px;min-width:200px;padding:8px 4px 2px;display:flex}#ref-suggest[hidden]{display:none}#ref-suggest .tile{background:var(--c);border-radius:8px;flex:none;width:30px;height:30px;box-shadow:inset 0 0 0 1px #efe7db2e}#ref-suggest .tile+.tile{border-radius:0 8px 8px 0;margin-left:-12px}#ref-suggest div{min-width:0}#ref-recipe{color:var(--ink);font-size:.78rem;line-height:1.3}#ref-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin-top:2px;font-size:.68rem}#ref-label[data-match=match]{color:#9cc58c}#ref-label[data-match=close]{color:var(--accent)}#ref-loupe{z-index:45;background:var(--c);border:3px solid var(--ink);pointer-events:none;border-radius:50%;width:64px;height:64px;position:fixed;top:-104px;left:-32px;box-shadow:0 6px 18px #00000073}#ref-loupe:before,#ref-loupe:after{content:"";background:#14100eb3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #efe7db99}#ref-loupe:before{width:14px;height:1.5px}#ref-loupe:after{width:1.5px;height:14px}.copy-studies{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:1rem 0 .8rem;display:grid}.copy-study{color:var(--ink-dim);text-align:left;cursor:pointer;background:#efe7db0a;border:1px solid #efe7db1f;border-radius:12px;flex-direction:column;gap:6px;padding:0 0 8px;font-size:.75rem;transition:transform .14s,border-color .14s;display:flex;overflow:hidden}.copy-study:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-2px)}.copy-study img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.copy-study span{padding:0 9px}.copy-own{min-height:48px;color:var(--ink);cursor:pointer;border:1.5px dashed #efe7db4d;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.copy-own:hover{border-color:var(--accent)}.copy-own:focus-within{outline:2px solid var(--accent);outline-offset:2px}.copy-own svg{width:18px;height:18px}#app.embed #btn-copy,#app.embed #btn-paint,#app.embed #ref,.journey-mode #btn-copy,.journey-mode #btn-paint,.journey-mode #ref{display:none}#btn-about{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));background:var(--panel);width:44px;height:44px;color:var(--ink-dim);cursor:pointer;border:1px solid #efe7db14;border-radius:50%;place-items:center;display:grid;position:absolute}#btn-about svg{width:22px;height:22px}#btn-about:hover{color:var(--ink)}#btn-fs{top:calc(max(12px, env(safe-area-inset-top)) + 52px);right:max(12px, env(safe-area-inset-right));background:var(--panel);width:44px;height:44px;color:var(--ink-dim);cursor:pointer;border:1px solid #efe7db14;border-radius:50%;place-items:center;display:grid;position:absolute}#btn-fs svg{width:22px;height:22px}#btn-fs:hover{color:var(--ink)}#about,#nogpu{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0a09b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}#about[hidden],#nogpu[hidden]{display:none}.nogpu-video{aspect-ratio:16/9;background:#15110f;border-radius:12px;width:100%;margin:.4rem 0 1.1rem;display:block}.sheet{background:#221d19;border:1px solid #efe7db1a;border-radius:22px;max-width:30rem;padding:34px 32px;box-shadow:0 30px 80px #00000080}.sheet h2{color:var(--ink);margin-bottom:.7rem;font-family:Fraunces,serif;font-size:2rem;font-style:italic;font-weight:600}.sheet p{color:var(--ink-dim);margin-bottom:.9rem;font-size:.95rem;line-height:1.65}.sheet .lede{color:var(--ink);font-size:1.05rem}.sheet strong,.sheet em{color:var(--ink)}#btn-waitlist{background:var(--accent);color:#1a1410;cursor:pointer;border:none;border-radius:12px;width:100%;margin:1.2rem 0 .4rem;padding:14px 18px;font-size:1rem;font-weight:600;transition:transform .12s,filter .15s;display:block}#btn-waitlist:hover{filter:brightness(1.08)}#btn-waitlist:active{transform:scale(.98)}.fine{font-size:.85rem;color:var(--accent)!important}#about-close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;margin-top:.6rem;padding:8px 0;font-size:.9rem}#about-close:hover{color:var(--ink)}#dock{right:max(12px, env(safe-area-inset-right));bottom:max(18px, calc(env(safe-area-inset-bottom) + 18px));flex-direction:column;align-items:center;gap:10px;display:none;position:absolute}#dock button{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:52px;height:52px;color:var(--ink-dim);cursor:pointer;border:1px solid #efe7db1a;border-radius:50%;place-items:center;display:grid;box-shadow:0 8px 30px #00000059}#dock button svg{pointer-events:none;width:24px;height:24px}#dock button:active{transform:scale(.92)}#dock-color{background:radial-gradient(circle at 35% 30%, #ffffff40, transparent 45%), var(--c,#333)!important;border:3px solid #efe7db59!important;width:58px!important;height:58px!important}#dock-tools{color:var(--accent)}@media (width<=700px){#dock{display:flex}#rail{padding-left:max(10px, env(safe-area-inset-left));visibility:hidden;border-left:none;border-radius:0 18px 18px 0;transition:transform .22s,visibility .22s;left:0;transform:translate(-110%,-50%)}#rail.open{visibility:visible;transform:translateY(-50%)}#palette{width:auto;max-width:none;padding:16px 18px calc(max(16px, env(safe-area-inset-bottom)) + 4px);visibility:hidden;border-bottom:none;border-radius:22px 22px 0 0;gap:12px;transition:transform .22s,visibility .22s;bottom:0;left:0;right:0;transform:translateY(115%)}#palette.open{visibility:visible;transform:translateY(0)}#palette-grip{display:none}.ref-bar{cursor:auto}.swatch{width:44px;height:44px}#palette{flex-flow:column;align-items:stretch}#mixrow{justify-content:flex-start;height:44px}#btn-mix,.part,#mix-clear,#mix-parts{height:44px}#btn-mix{padding:0 12px}.part{min-width:44px;padding:0 6px}.part i{width:9px;height:9px}#mixrow{gap:5px}#mixrow>*{flex-shrink:0}#mix-parts .count{display:none}#btn-copy,#btn-paint{justify-content:center;width:44px;height:44px;padding:0}#btn-copy span,#btn-paint span{display:none}#btn-copy svg,#btn-paint svg{width:20px;height:20px}#ref{--w:168px}#ref.big{--w:min(280px, calc(100vw - 92px))}#ref-canvas{max-height:max(110px,100vh - 520px)}#ref-suggest{flex-wrap:wrap;row-gap:6px;min-width:0}#ref-suggest div{flex-basis:100%}.ref-bar span{display:none}.ref-bar{justify-content:flex-end}.ref-bar button{width:44px;height:44px}#mix-clear{width:44px;margin-left:auto}#mixmode{justify-content:stretch;margin:0}#mixmode button{flex:1;height:44px;font-size:13px}#swatches{grid-template-columns:repeat(7,auto);justify-content:space-between;gap:10px 0;display:grid}#swatches .swatch{width:min(44px,14.2857vw - 10.2857px);height:min(44px,14.2857vw - 10.2857px)}:is(#app:has(#rail.open) #dock,#app:has(#palette.open) #dock){opacity:0;pointer-events:none}#dock{transition:opacity .18s}#toast{bottom:max(150px, calc(env(safe-area-inset-bottom) + 150px))}}.overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:pan-y;background:#0c0a09b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay[hidden]{display:none}.sheet.wide{max-width:42rem;max-height:90vh;overflow-y:auto}.years{letter-spacing:.08em;text-transform:uppercase;margin-top:-.4rem;color:var(--accent)!important;font-size:.85rem!important}.journey-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:1rem 0;display:grid}.journey-card{color:var(--ink);cursor:pointer;text-align:left;background:#efe7db0a;border:1px solid #efe7db1f;border-radius:14px;flex-direction:column;gap:4px;padding:0 0 12px;transition:transform .14s,border-color .14s;display:flex;overflow:hidden}.journey-card:hover{border-color:var(--accent);transform:translateY(-3px)}.journey-card img{aspect-ratio:4/3;object-fit:cover;width:100%;margin-bottom:6px;display:block}.journey-card strong{padding:0 12px;font-family:Fraunces,serif;font-size:1.05rem;font-style:italic}.journey-card span{color:var(--ink-dim);padding:0 12px;font-size:.8rem}.works{grid-template-columns:1fr 1fr;gap:12px;margin:1rem 0;display:grid}.works figure img{border-radius:10px;width:100%;display:block}.works figcaption{color:var(--ink-dim);margin-top:5px;font-size:.78rem;font-style:italic}.technique{border-left:3px solid var(--accent);padding-left:12px;color:var(--ink)!important}.prompts span{border:1px solid #efe7db2e;border-radius:999px;margin:4px 6px 0 0;padding:5px 12px;font-size:.82rem;display:inline-block}.start-journey{background:var(--accent);color:#1a1410;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:1.2rem;padding:15px 18px;font-size:1.02rem;font-weight:600;display:block}.start-journey:hover{filter:brightness(1.08)}.overlay-close,.overlay-close-x{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;margin-top:.8rem;padding:8px 0;font-size:.9rem}.overlay-close:hover,.overlay-close-x:hover{color:var(--ink)}#journey-chip{top:max(12px, env(safe-area-inset-top));background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #c98d4b73;border-radius:999px;align-items:center;gap:6px;padding:8px 8px 8px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000059}#journey-chip[hidden]{display:none}#chip-label{color:var(--accent);white-space:nowrap;font-family:Fraunces,serif;font-size:.95rem;font-style:italic}#journey-chip button{cursor:pointer;width:38px;height:38px;color:var(--ink-dim);background:#efe7db14;border:none;border-radius:50%;place-items:center;display:grid}#journey-chip button svg{width:18px;height:18px}#chip-finish{background:var(--accent)!important;color:#1a1410!important}.journey-mode .tool{display:none}.journey-mode #btn-journeys{color:var(--accent)}.pf-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:1rem 0;display:grid}.pf-card{cursor:pointer;aspect-ratio:4/3;background:0 0;border:1px solid #efe7db1f;border-radius:10px;padding:0;position:relative;overflow:hidden}.pf-card img{object-fit:cover;width:100%;height:100%;display:block}.pf-card span{color:var(--accent);background:#1a1614d9;border-radius:999px;padding:3px 9px;font-size:.7rem;font-style:italic;position:absolute;bottom:6px;left:6px}.pf-actions{justify-content:space-between;align-items:center;display:flex}#pf-add{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #efe7db2e;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;display:flex}#pf-add svg{width:18px;height:18px}#pf-add:hover{border-color:var(--accent);color:var(--accent)}.lb-inner{flex-direction:column;gap:18px;max-width:min(92vw,60rem);display:flex}.lb-inner img{object-fit:contain;border-radius:12px;max-width:100%;max-height:74vh;box-shadow:0 30px 80px #00000080}.lb-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.lb-tag{color:var(--accent);margin-right:auto;font-family:Fraunces,serif;font-style:italic}.lb-bar button,.lb-bar .lb-pub{color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:1px solid #efe7db2e;border-radius:10px;align-items:center;padding:10px 18px;display:inline-flex}.lb-bar .lb-dl{background:var(--accent);color:#1a1410;border:none;font-weight:600}.lb-bar .lb-del.confirm{color:#fff;background:#d22b1f;border:none}#toast{bottom:max(96px, calc(env(safe-area-inset-bottom) + 96px));background:var(--panel);color:var(--ink);z-index:60;white-space:nowrap;border:1px solid #c98d4b73;border-radius:999px;padding:12px 22px;font-size:.9rem;position:absolute;left:50%;transform:translate(-50%)}#toast[hidden]{display:none}#nogpu{z-index:70;overflow-y:auto}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:1.2rem 0;display:grid}.product{color:var(--ink);cursor:pointer;text-align:center;background:#efe7db08;border:1.5px solid #efe7db1f;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:14px;transition:border-color .15s,transform .14s;display:flex}.product:hover{transform:translateY(-3px)}.product.selected{border-color:var(--accent);background:#c98d4b14}.product strong{margin-top:10px;font-size:.98rem}.product .detail{color:var(--ink-dim);font-size:.75rem}.product .price{color:var(--accent);margin-top:4px;font-family:Fraunces,serif;font-size:1.2rem;font-style:italic}.mock{aspect-ratio:5/4;width:100%;display:block;position:relative}.mock img{object-fit:cover;position:absolute}.mock-print{background:linear-gradient(#4a423b,#3a332d);border-radius:8px;overflow:hidden}.mock-print img{border:6px solid #fbf8f2;outline:3px solid #241f1a;width:76%;height:76%;inset:12%;box-shadow:0 14px 24px #00000073}.mock-canvas{perspective:500px;background:linear-gradient(#46403a,#37312b);border-radius:8px;overflow:hidden}.mock-canvas img{transform-origin:0;border-bottom:5px solid #00000040;border-right:7px solid #00000059;width:64%;height:72%;inset:14% 18%;transform:rotateY(-16deg);box-shadow:12px 16px 26px #00000080}.mock-mug{background:linear-gradient(#46403a,#37312b);border-radius:8px;place-items:center;display:grid;overflow:hidden}.mock-mug svg{filter:drop-shadow(0 10px 16px #00000073);width:82%}.shop-cta{text-align:center}#shop-order{background:var(--accent);color:#1a1410;cursor:pointer;border:none;border-radius:12px;width:100%;padding:15px 18px;font-size:1.02rem;font-weight:600;display:block}#shop-order:hover{filter:brightness(1.08)}#shop-order.notify{color:var(--accent);background:#c98d4b33}#shop-order:disabled{opacity:.7;cursor:default}.shop-cta .fine{margin-top:.6rem}.parents-h{color:var(--accent);margin:1.1rem 0 .3rem;font-family:Fraunces,serif;font-size:1.2rem;font-style:italic}.parents{font-size:.88rem!important}.shop-signin{gap:8px;margin:.6rem 0;display:flex}.shop-signin input{color:var(--ink);background:#efe7db0d;border:1px solid #efe7db33;border-radius:10px;flex:1;padding:12px 14px;font-size:.95rem}.shop-signin input:focus{border-color:var(--accent);outline:none}.shop-signin button{background:var(--accent);color:#1a1410;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:12px 16px;font-weight:600}.consent{color:var(--ink);cursor:pointer;align-items:flex-start;gap:10px;margin:.8rem 0 .4rem;font-size:.9rem;line-height:1.5;display:flex}.consent input{width:20px;height:20px;accent-color:var(--accent);margin-top:2px}.gallery-link{color:var(--accent);text-decoration:none}.gallery-link:hover{text-decoration:underline}.lb-bar .lb-pub{color:var(--accent);background:#c98d4b29;border-color:#c98d4b80}.lb-bar .lb-ingallery{color:var(--accent);background:#c98d4b29;border-color:#c98d4b80;text-decoration:none}.lb-bar .lb-waiting{opacity:.6;cursor:default;pointer-events:none}#app.embed #btn-about,#app.embed #btn-fs,#app.embed #btn-journeys,#app.embed #btn-portfolio,#app.embed #rail hr:last-of-type{display:none}.embed-link{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));z-index:40;color:var(--ink-dim);background:var(--panel);border:1px solid #efe7db1f;border-radius:8px;padding:6px 10px;font-size:12px;text-decoration:none;position:absolute}.embed-link:hover{color:var(--accent)}#app.embed #mixmode,#app.embed .rail-label,#app.embed #size,#app.embed #dyn,#app.embed #btn-clear,#app.embed #mixrow{display:none}@media (width<=700px){#app.embed #dock{display:none}#app.embed #rail{left:max(10px, env(safe-area-inset-left));visibility:visible;padding:8px 6px 8px max(8px, env(safe-area-inset-left));border-left:1px solid #efe7db14;border-radius:16px;transform:translateY(-50%)}#app.embed #palette{left:50%;right:auto;bottom:max(8px, env(safe-area-inset-bottom));visibility:visible;border:1px solid #efe7db14;border-radius:16px;gap:6px;max-width:min(94vw,560px);padding:9px 12px;transform:translate(-50%)}#app.embed .swatch,#app.embed #swatches .swatch{width:30px;height:30px}#app.embed #palette{flex-direction:row}#app.embed #swatches{gap:6px;display:flex}#app.embed #brand h1{font-size:1.3rem}#app.embed #brand span{font-size:.6rem}}#btn-photo{z-index:5;background:var(--accent);color:#1a1410;white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:10px;min-height:52px;padding:0 24px 0 20px;font-size:1rem;font-weight:600;transition:transform .14s,filter .15s,opacity .3s;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}#btn-photo svg{width:22px;height:22px}#btn-photo:hover{filter:brightness(1.08)}#btn-photo:active{transform:translate(-50%)scale(.97)}#btn-photo:focus-visible{outline:2px solid var(--ink);outline-offset:3px}#btn-photo[hidden],.journey-mode #btn-photo{display:none}@media (width>=701px){#btn-photo{display:none}}@media (width<=700px){#btn-photo{bottom:max(28px, calc(env(safe-area-inset-bottom) + 28px))}:is(#app:has(#palette.open) #btn-photo,#app:has(#rail.open) #btn-photo){display:none}}#photo-chip{top:max(12px, env(safe-area-inset-top));z-index:40;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #c98d4b73;border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 18px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000059}#photo-chip[hidden]{display:none}#photo-chip-label{color:var(--accent);white-space:nowrap;font-family:Fraunces,serif;font-size:.95rem;font-style:italic}#photo-stop{min-height:44px;color:var(--ink);cursor:pointer;background:#efe7db1a;border:none;border-radius:999px;padding:0 18px;font-size:.9rem;font-weight:600}#photo-stop:hover{background:#efe7db2e}#photo-stop:disabled{opacity:.5;cursor:default}#copy-paint{width:100%;font:inherit;background:0 0;margin-top:10px;font-weight:600}.sheet-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:1rem;display:flex}.sheet-actions .overlay-close{margin-top:0}.sheet-actions .primary{background:var(--accent);color:#1a1410;cursor:pointer;border-radius:12px;padding:12px 22px;font-weight:600}.sheet-actions .primary:hover{filter:brightness(1.08)}#photo-chip:has(#photo-stop[hidden]){padding:16px 18px}.detail-options{gap:10px;margin:1rem 0 .2rem;display:grid}.detail-option{min-height:60px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#efe7db0a;border:1px solid #efe7db24;border-radius:14px;grid-template-columns:1fr auto;grid-template-areas:"name time""strokes time";align-items:center;gap:2px 12px;padding:10px 16px;transition:border-color .14s,background .14s;display:grid}.detail-option:hover,.detail-option:focus-visible{border-color:var(--accent);background:#c98d4b14;outline:none}.detail-option strong{color:var(--accent);grid-area:name;font-family:Fraunces,serif;font-size:1.1rem;font-style:italic}.detail-strokes{color:var(--ink-dim);grid-area:strokes;font-size:.8rem}.detail-time{white-space:nowrap;grid-area:time;font-size:.9rem;font-weight:600}