:root{--paper:#0f172a;--ink:#eaf0ff;--accent:#4f8cff;--accent2:#ffc857;--card:#1c2436;--card2:#283146;--on-accent:#fff;--on-accent2:#111;--lettering:ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, sans-serif;--heavy:800;--radius:20px;--line:color-mix(in srgb, var(--ink) 14%, transparent);--shadow:0 1px 2px #00000040, 0 12px 30px -10px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-dark=no]{--shadow:0 1px 2px #00000014, 0 10px 26px -10px #00000038;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper)}body{min-height:100dvh;color:var(--ink);font:17px/1.45 var(--lettering);background:radial-gradient(ellipse at 15% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 55%), radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--accent2) 14%, transparent), transparent 50%), var(--paper);-webkit-tap-highlight-color:transparent;isolation:isolate;background-attachment:fixed;margin:0}.backdrop-layer{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop-layer svg{width:100%;height:100%;display:block}.backdrop-layer .tw{animation:4s ease-in-out infinite alternate twinkle}.backdrop-layer .tw:nth-child(3n){animation-duration:6s;animation-delay:-2s}.backdrop-layer .tw:nth-child(5n){animation-duration:5s;animation-delay:-3s}.backdrop-layer .drift{animation:28s ease-in-out infinite alternate drift}.backdrop-layer .d1{animation-duration:36s;animation-direction:alternate-reverse}.backdrop-layer .d2{animation-duration:44s}.backdrop-layer .flow{animation:30s ease-in-out infinite alternate flow}.backdrop-layer .f1{animation-duration:40s;animation-direction:alternate-reverse}.backdrop-layer .bob{animation:5s ease-in-out infinite alternate bob-y}.backdrop-layer .b1{animation-duration:7s;animation-delay:-2s}.backdrop-layer .b2{animation-duration:9s;animation-delay:-4s}@keyframes twinkle{0%{opacity:.15}to{opacity:.9}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(60px,-40px)}}@keyframes flow{0%{transform:translate(0)}to{transform:translate(-240px)}}@keyframes bob-y{0%{transform:translateY(0)}to{transform:translateY(-10px)}}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}svg{display:block}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--accent2);outline-offset:3px;border-radius:10px}#app{max-width:1240px;margin:0 auto;padding:0 16px 56px}.top{align-items:center;gap:14px;min-height:74px;padding:18px 0 12px;display:flex}.brand{color:inherit;flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand img{filter:drop-shadow(0 3px 6px #0000004d);width:40px;height:40px}.brand span{font-size:18px;font-weight:var(--heavy);background:var(--accent);color:var(--on-accent);box-shadow:3px 3px 0 var(--accent2);border-radius:9px;padding:4px 12px;transform:rotate(-2deg)}.top-rule{background:var(--line);border-radius:2px;flex:none;width:2px;height:32px}.foot{border-top:1px solid var(--line);opacity:.8;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:48px 0 0;padding:18px 0 0;font-size:14px;display:flex}.foot img{width:28px;height:28px}.foot a,.foot b{color:inherit;font-weight:800}.home-btn{background:var(--card);color:inherit;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;padding:10px 18px 10px 10px;font-weight:700;text-decoration:none;display:inline-flex}.home-btn svg{width:22px;height:22px}.room-title{font-size:clamp(22px,4vw,32px);font-weight:var(--heavy);align-items:center;gap:10px;margin:0;display:flex}.room-title svg{width:30px;height:30px;color:var(--accent)}.hello{align-items:flex-end;gap:clamp(8px,3vw,36px);padding:0 0 clamp(18px,4vw,34px);display:flex}.hello-me{filter:drop-shadow(0 18px 24px #00000059);flex:none;width:clamp(150px,30vw,300px);animation:.8s cubic-bezier(.2,1.4,.4,1) both wave-in}.hello-img{width:100%;height:auto}.hello-words{padding-bottom:clamp(16px,4vw,48px)}.hello-words h2{font-size:clamp(44px,10vw,96px);font-weight:var(--heavy);letter-spacing:-.02em;background:linear-gradient(100deg, var(--ink) 30%, var(--accent) 70%, var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;line-height:.95}.hello-words p{opacity:.8;margin:12px 0 0;font-size:clamp(18px,3vw,24px)}@keyframes wave-in{0%{opacity:0;transform:translateY(40px)scale(.9)}}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,30px) clamp(16px,2.4vw,26px);display:grid}.tile{background:var(--card);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);transform:rotate(var(--tilt,0deg));animation:.5s cubic-bezier(.2,1.4,.4,1) both pop-in;animation-delay:calc(var(--i,0) * 70ms + .15s);flex-direction:column;padding:0 0 22px;text-decoration:none;transition:transform .25s cubic-bezier(.3,1.5,.5,1);display:flex;position:relative}.tile:hover,.tile:focus-visible{transform:rotate(0)translateY(-6px)scale(1.03)}.tile:active{transform:scale(.97)}@keyframes pop-in{0%{opacity:0;transform:translateY(24px)scale(.92)}}.tile-art{border-radius:var(--radius) var(--radius) 0 0;width:100%;height:96px}.tile-peek{pointer-events:none;width:104px;height:78px;position:absolute;top:18px;right:10px;overflow:hidden}.peek{display:block;position:relative;overflow:hidden}.peek img{max-width:none;height:auto;transition:transform .3s cubic-bezier(.3,1.5,.5,1);position:absolute}.tile:hover .peek img{transform:translateY(-6px)rotate(-3deg)}.tile-icon{background:var(--accent);width:58px;height:58px;color:var(--on-accent);border:4px solid var(--card);border-radius:18px;place-items:center;margin:-29px 0 0 20px;display:grid;position:relative;transform:rotate(-6deg)}.tile-icon svg{width:28px;height:28px}.tile-title{font-size:23px;font-weight:var(--heavy);margin:12px 20px 2px}.tile-blurb{opacity:.72;margin:0 20px;font-size:15px}.tape{z-index:1;background:color-mix(in srgb, var(--accent2) 75%, transparent);clip-path:polygon(3% 0,97% 4%,100% 50%,96% 100%,2% 96%,0 50%);width:86px;height:22px;margin-left:-43px;position:absolute;top:-10px;left:50%;transform:rotate(-4deg)}.workbench{grid-template-columns:minmax(290px,400px) minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,34px);display:grid}.controls{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px 20px 22px}.step{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:20px 0 10px;font-size:14px;font-weight:800}.hint{opacity:.72;margin:8px 0 0;font-size:15px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--line);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:15px;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.chip:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.chip:active{transform:scale(.95)}.chip[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.field{flex-direction:column;gap:6px;margin-top:10px;font-size:15px;font-weight:700;display:flex}.field input,.field textarea,.name-row input{border:2px solid var(--line);background:var(--paper);border-radius:12px;width:100%;padding:12px 14px;font-size:18px;font-weight:500}.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb, var(--ink) 45%, transparent)}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field textarea{resize:vertical}.tick{align-items:center;gap:10px;margin-top:16px;font-weight:700;display:flex}.tick input{width:22px;height:22px;accent-color:var(--accent)}.go{background:var(--accent);width:100%;color:var(--on-accent);font-size:19px;font-weight:var(--heavy);box-shadow:0 5px 0 color-mix(in srgb, var(--accent) 55%, #000);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:22px;padding:15px 22px;transition:transform .12s,box-shadow .12s;display:inline-flex}.go svg{width:24px;height:24px}.go:active{box-shadow:0 1px 0 color-mix(in srgb, var(--accent) 55%, #000);transform:translateY(4px)}.print-buttons{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.print-buttons .go{flex:200px;margin:0}.print-buttons .keep-it{flex:0 auto}.print-status{color:var(--accent2);margin:10px 0 0;font-weight:800}.print-status:empty{display:none}.print-status[data-ok=no]{color:#ff8a8a}.go--second{background:var(--accent2);color:var(--on-accent2);box-shadow:0 5px 0 color-mix(in srgb, var(--accent2) 55%, #000)}.quiet{opacity:.7;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.quiet svg{width:16px;height:16px}.quiet[data-sure=yes]{opacity:1;color:#fff;background:#c62f2f}.preview{flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky;top:12px}.print-area{max-width:100%;box-shadow:var(--shadow);background:#fff;border-radius:4px;align-self:center;overflow:hidden}.print-area .sheet-svg{width:auto;max-width:100%;height:max(340px,100dvh - 360px);display:block}.preview>.go.print{margin-top:0}.print-status{text-align:center}.pats{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;display:grid}.pat{background:var(--card2);border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:6px 6px 8px;font-size:13px;font-weight:700;transition:transform .15s,border-color .15s;display:flex;position:relative}.pat svg{width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px}.pat:hover{transform:translateY(-2px)}.pat[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--card2))}.pat-tick{background:var(--accent);width:24px;height:24px;color:var(--on-accent);border-radius:50%;place-items:center;display:none;position:absolute;top:2px;right:2px;box-shadow:0 2px 6px #00000059}.pat-tick svg{width:15px;height:15px;box-shadow:none}.pat[aria-checked=true] .pat-tick{display:grid}.sheet-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sheet-option{background:var(--card2);text-align:left;border:3px solid #0000;border-radius:16px;flex-direction:column;gap:3px;padding:10px 10px 12px;transition:border-color .15s,transform .15s;display:flex}.sheet-option:hover{transform:translateY(-2px)}.sheet-option[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--card2))}.sheet-option .sheet-mini{margin-bottom:6px}.sheet-option .sheet-name{font-size:16px}.sheet-option .sheet-blurb{font-size:13px}.sheet-count{letter-spacing:.03em;color:var(--accent);margin-top:4px;font-size:12px;font-weight:800}.sheets-hub{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:26px 20px;display:grid}.sheet-tile{background:var(--card);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);transform:rotate(var(--tilt,0deg));flex-direction:column;gap:4px;padding:14px 14px 18px;text-decoration:none;transition:transform .25s cubic-bezier(.3,1.5,.5,1);display:flex}.sheet-tile:hover,.sheet-tile:focus-visible{transform:rotate(0)translateY(-6px)}.sheet-mini{aspect-ratio:210/297;background:#fff;border-radius:6px;margin-bottom:8px;display:block;overflow:hidden;box-shadow:0 6px 16px -6px #00000073}.sheet-mini svg{width:100%;height:100%;display:block}.sheet-name{font-size:19px;font-weight:var(--heavy)}.sheet-blurb{opacity:.72;font-size:14px}.colourbar{background:var(--card);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.cb-head{opacity:.9;justify-content:space-between;align-items:center;gap:10px;margin-bottom:2px;font-size:13px;font-weight:800;display:flex}.cb-head span{letter-spacing:.04em;text-transform:uppercase;color:var(--accent2)}.cb-studio{border:2px solid var(--line);background:var(--card2);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800}.cb-studio:hover{border-color:var(--accent)}.cb-row{align-items:center;gap:10px;min-width:0;display:flex}.cb-label{letter-spacing:.05em;text-transform:uppercase;opacity:.7;flex:0 0 62px;font-size:13px;font-weight:800}.cb-scroll{scrollbar-width:thin;gap:8px;padding:4px 2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);mask-image:linear-gradient(90deg,#000 90%,#0000)}.set{border:2px solid var(--line);background:var(--p);color:#fff;border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px 12px 4px 8px;font-size:13px;font-weight:700;display:inline-flex}.set i{border-radius:50%;width:14px;height:14px}.set span{mix-blend-mode:difference;margin-left:4px}.set[aria-pressed=true]{border-color:var(--accent2);box-shadow:0 0 0 2px var(--accent2)}.swatch{border:3px solid var(--card);background:var(--c);width:28px;height:28px;box-shadow:0 0 0 1.5px var(--line);border-radius:50%;flex:none;padding:0;transition:transform .15s;position:relative}.swatch:hover{transform:scale(1.12)}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink);transform:scale(1.1)}.letters{border:2px solid var(--line);background:var(--card2);white-space:nowrap;border-radius:10px;flex:none;padding:3px 12px;font-size:15px}.letters[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--card2))}.swatch--own{cursor:pointer;color:#fff;text-shadow:0 1px 2px #000;background:conic-gradient(#d62828,#fca311,#c8f560,#3ddc84,#22d3ee,#2563eb,#7c5cff,#d62828);place-items:center;font-weight:900;display:grid}.swatch--own input{opacity:0;cursor:pointer;position:absolute;inset:0}.poses{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.pose{background:var(--card2);border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:12.5px;font-weight:700;transition:transform .15s,border-color .15s;display:flex}.pose:hover{transform:translateY(-2px)}.pose[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--card2))}.who{gap:10px;display:grid}.who-name{letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin:2px 0 6px;font-size:13px;font-weight:800;display:block}.who .pose{position:relative}.who .pose>svg{background:var(--accent);width:20px;height:20px;color:var(--on-accent);border-radius:50%;padding:3px;display:none;position:absolute;top:4px;right:4px}.who .pose[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--card2))}.who .pose[aria-pressed=true]>svg{display:block}.who-all{justify-self:start}.who-all[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.who .hint{margin:0}.box-step{margin-bottom:22px}.box-title{font-size:19px;font-weight:var(--heavy);align-items:center;gap:10px;margin:22px 0 12px;display:flex}.box-step .box-title{margin-top:4px}.box-title b{background:var(--accent);width:32px;height:32px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-size:17px;display:grid}.ideas{scroll-snap-type:x proximity;gap:14px;margin:0 -4px;padding:6px 4px 12px;display:flex;overflow-x:auto}.idea{text-align:left;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);scroll-snap-align:start;border:3px solid #0000;flex-direction:column;flex:0 0 196px;gap:4px;padding:14px 16px 16px;transition:transform .2s,border-color .2s;display:flex}.idea:hover{transform:translateY(-3px)}.idea[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--card))}.idea-art{width:58px;height:48px;color:var(--accent2);margin-bottom:4px}.idea-title{font-size:19px;font-weight:var(--heavy)}.idea-find{opacity:.72;font-size:14px}.measure{background:var(--paper);border-radius:14px;padding:8px}.measure-svg{width:100%;max-width:320px;height:auto;font-family:var(--lettering);margin:0 auto}.sizes{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fit{color:var(--accent2);margin:8px 0 0;font-size:15px;font-weight:700}.fit:empty{display:none}.steps{margin:8px 0 0;padding-left:22px}.steps li{margin:6px 0;padding-left:4px}.steps li::marker{color:var(--accent);font-weight:800}.brand-maker{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:minmax(200px,300px) minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,34px);margin-bottom:26px;padding:20px;display:grid}.brand-preview{padding:10px}.brand-logo{filter:drop-shadow(0 12px 18px #00000059);width:100%;height:auto}.brand-fields{grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 14px;display:grid}.things{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;display:grid}.thing{background:var(--card);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);transform:rotate(var(--tilt,0deg));flex-direction:column;padding:0 20px 22px;text-decoration:none;transition:transform .25s cubic-bezier(.3,1.5,.5,1);display:flex}.thing:hover{transform:rotate(0)translateY(-6px)}.thing-art{border-radius:var(--radius) var(--radius) 0 0;background:radial-gradient(circle at 50% 110%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 70%);justify-content:center;height:170px;margin:0 -20px 12px;display:flex;overflow:hidden}.thing-img{width:auto;height:190px;margin-top:12px}.thing-title{font-size:22px;font-weight:var(--heavy)}.thing-blurb{opacity:.72;font-size:15px}.secret-out{background:var(--paper);border-radius:12px;padding:14px}.secret-svg{width:100%;height:auto}.spark{align-items:flex-end;gap:clamp(10px,3vw,30px);max-width:980px;margin:10px auto 0;display:flex}.spark-me{filter:drop-shadow(0 16px 22px #00000059);flex:none;width:clamp(140px,28vw,280px)}.spark-img{width:100%;height:auto}.spark-card{background:var(--card);box-shadow:var(--shadow);border-radius:28px 28px 28px 6px;flex:1;margin-bottom:30px;padding:26px clamp(18px,3vw,34px) 30px}.spark-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:14px;font-weight:800}.spark-text{font-size:clamp(22px,3.4vw,34px);font-weight:var(--heavy);margin:10px 0 0;line-height:1.2}.spark-text.pop{animation:.45s cubic-bezier(.2,1.4,.4,1) pop-in}.spark-actions{flex-wrap:wrap;gap:12px;display:flex}.spark-actions .go{width:auto}.doodle{flex-direction:column;gap:14px;display:flex}.doodle-tools{background:var(--card);box-shadow:var(--shadow);border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:12px 16px;display:flex}.doodle-inks,.doodle-sizes{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch--rubber{color:#333;background:#fff;place-items:center;display:grid}.swatch--rubber svg{width:18px;height:18px}.size{border:2px solid var(--line);background:0 0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.size i{background:var(--ink);border-radius:50%;display:block}.size[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 20%, transparent)}.doodle-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.doodle-actions .quiet{margin:0}.doodle-actions .go{width:auto;margin:0;padding:10px 18px;font-size:16px}.doodle-canvas{width:100%;box-shadow:var(--shadow);touch-action:none;cursor:crosshair;background:#fff;border-radius:12px}.kept a{color:var(--accent2);font-weight:800}.add{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:minmax(200px,300px) 1fr;gap:20px;padding:20px;display:grid}.add-words{flex-direction:column;gap:4px;display:flex}.add-words .go{align-self:flex-start;width:auto;margin-top:14px}.photo-drop{border:3px dashed var(--line);border-radius:var(--radius);cursor:pointer;min-height:200px;display:grid;position:relative;overflow:hidden}.photo-drop--off{cursor:default;text-align:center;padding:18px}.photo-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-look{opacity:.7;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.photo-look svg{width:44px;height:44px}.photo-preview{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.shelf{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px 22px;margin-top:34px;display:grid}.empty{text-align:center;opacity:.7;grid-column:1/-1;padding:30px 0;font-size:18px}.made{color:#222;box-shadow:var(--shadow);transform:rotate(var(--tilt,0deg));background:#fff;border-radius:4px;padding:12px 12px 14px;position:relative}.made-photo{aspect-ratio:1;object-fit:cover;background:#f3f3f3;border-radius:2px;width:100%}.made-photo--none{background:color-mix(in srgb, var(--accent2) 30%, #fff)}.made h3{margin:10px 2px 0;font-size:19px}.made time{opacity:.6;margin:0 2px;font-size:13px;display:block}.made p{margin:6px 2px 0;font-size:15px}.library{margin-bottom:34px}.prints-shelf{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:26px 20px;display:grid}@media (max-width:480px){.prints-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.kept-print h3{font-size:15px}.kept-buttons .go--small{padding:8px 12px;font-size:15px}}.kept-print{min-width:0;transform:rotate(var(--tilt,0deg));flex-direction:column;display:flex}.kept-open{cursor:pointer;background:0 0;border:0;padding:0;display:block}.kept-open .sheet-mini{transition:transform .15s}.kept-open:hover .sheet-mini{transform:translateY(-3px)}.kept-print h3{overflow-wrap:anywhere;margin:4px 2px 0;font-size:17px}.kept-print time{opacity:.65;margin:0 2px;font-size:13px}.kept-buttons{align-items:center;gap:8px;margin-top:8px;display:flex}.kept-buttons .quiet{margin:0}.go--small{width:auto;box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 55%, #000);gap:8px;margin:0;padding:9px 16px;font-size:16px}.go--small svg{width:20px;height:20px}.photo-drop[data-over]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.yours{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:4px 20px 22px}.card--wide{grid-column:1/-1}.charsets{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 6px;display:flex}.charsets-say{letter-spacing:.04em;text-transform:uppercase;opacity:.75;flex-basis:100%;font-size:13px;font-weight:800}.charset{background:var(--card2);cursor:pointer;border:3px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;display:flex;position:relative}.charset input{opacity:0;pointer-events:none;position:absolute}.charset .face-crop{flex:none;width:44px}.charset>span:not(.face-crop){line-height:1.15;display:grid}.charset small{opacity:.7;font-size:12px}.charset--on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--card2))}.charset:has(input:disabled){cursor:default}.charset:has(input:focus-visible){outline:3px solid var(--accent2);outline-offset:2px}.person{margin-top:18px}.person-head{align-items:center;gap:8px;margin:0 0 8px;display:flex}.person-name{font-size:16px;font-weight:var(--heavy);margin:0}.person-name-edit{border:2px solid var(--line);background:var(--paper);max-width:220px;color:var(--ink);font:inherit;font-size:16px;font-weight:var(--heavy);border-radius:10px;padding:6px 10px}.person-name-edit:focus{border-color:var(--accent);outline:none}.person-you{opacity:.7;font-size:13px;font-weight:700}.char--more .char-plus svg,.char--new .char-plus svg{width:26px;height:26px}.char--more{min-height:0}dialog.who-is .field{text-align:left}dialog.who-is .who-cancel{margin:12px auto 0;display:block}.chars--add{flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;display:flex}.chars--add .char--add{flex:0 0 150px}.add-who{flex:200px;max-width:420px;margin:0}.card .poses{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:8px}.card .colourbar{box-shadow:none;background:var(--card2);margin-top:10px}.schemes{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.scheme{background:0 0;border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:6px;font-size:13px;font-weight:700;display:flex}.scheme[aria-checked=true]{border-color:var(--accent2)}.scheme-card{background:var(--p);border-radius:12px;align-items:flex-end;gap:4px;width:100%;height:56px;padding:8px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.scheme-card i{border-radius:50%;width:16px;height:16px}.scheme-card b{color:var(--i);font-size:16px;position:absolute;top:5px;right:9px}.colours{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.colour{align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.colour input{border:3px solid var(--card);width:44px;height:44px;box-shadow:0 0 0 2px var(--line);cursor:pointer;background:0 0;border-radius:50%;flex:none;padding:0}.colour input::-webkit-color-swatch-wrapper{padding:0}.colour input::-webkit-color-swatch{border:0;border-radius:50%}.colour input::-moz-color-swatch{border:0;border-radius:50%}.letterings{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.lettering{border:3px solid var(--line);background:0 0;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;display:flex}.lettering-sample{font-size:24px}.lettering-name{opacity:.7;font-size:12px;font-family:var(--lettering);font-weight:700}.lettering[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent)}.tabs{background:var(--card);width:-moz-fit-content;width:fit-content;max-width:100%;box-shadow:var(--shadow);border-radius:999px;gap:6px;margin:0 0 22px;padding:5px;display:flex;position:relative;overflow-x:auto}.tab{color:inherit;white-space:nowrap;border-radius:999px;flex:none;padding:10px 18px;font-weight:800;text-decoration:none}.tab:hover{background:var(--card2)}.tab[aria-current=page]{background:var(--accent);color:var(--on-accent)}.name-preview{font-size:40px;font-weight:var(--heavy);margin:22px 0 4px;line-height:1}.name-preview b{color:var(--accent)}.me-hero{align-items:flex-end;gap:clamp(12px,3vw,32px);margin-bottom:18px;display:flex}.me-now{filter:drop-shadow(0 16px 22px #00000059);flex:none;width:clamp(140px,24vw,240px)}.me-now-img{width:100%;height:auto}.me-say{padding-bottom:24px}.me-say h2{font-size:clamp(28px,5vw,44px);font-weight:var(--heavy);margin:4px 0 8px}.me-say p{opacity:.8;max-width:460px;margin:0}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:800}.keep-btn{border:2px solid var(--line);background:var(--card);border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:9px 14px;font-size:14px;font-weight:800;display:inline-flex}.keep-btn svg{width:20px;height:20px;color:var(--accent)}.keep-btn:hover{border-color:var(--accent)}dialog.keep{background:var(--card);width:min(480px,100vw - 32px);color:var(--ink);box-shadow:var(--shadow);text-align:center;border:0;border-radius:24px;padding:28px 24px 20px}dialog.keep::backdrop{background:#0000008c}dialog.keep h2{font-size:24px;font-weight:var(--heavy);margin:8px 0 6px}dialog.keep p{opacity:.85;margin:0 0 12px}.keep-art{background:var(--accent);width:64px;height:64px;color:var(--on-accent);border-radius:20px;place-items:center;margin:0 auto;display:grid}.keep-art svg{width:34px;height:34px}.keep-close{background:var(--card2);border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.keep-close svg{width:18px;height:18px}.keep-go{margin:4px 0 14px}.keep-steps{text-align:left;margin:0 0 14px;padding:0;list-style:none}.keep-steps li{background:var(--card2);border-radius:12px;flex-direction:column;gap:2px;margin:6px 0;padding:10px 14px;font-size:15px;display:flex}.keep-steps li[data-yours]{outline:2px solid var(--accent)}.keep-note{text-align:left;font-size:14px}.keep-done:empty{display:none}.about{text-align:center;max-width:600px;margin:0 auto}.about-icon{filter:drop-shadow(0 10px 18px #0000004d);width:120px;height:120px;margin:4px auto 0;display:block}.about h2{font-size:28px;font-weight:var(--heavy);margin:12px 0 6px}.about-what{opacity:.9}.about-by{color:var(--accent2);font-weight:700}.about-promises{text-align:left;max-width:380px;margin:16px auto;padding:0;list-style:none}.about-promises li{align-items:center;gap:10px;margin:8px 0;display:flex}.about-promises svg{width:20px;height:20px;color:var(--accent);flex:none}.about-part{background:var(--card2);text-align:left;border-radius:14px;align-items:center;gap:12px;margin-top:18px;padding:12px 16px;display:flex}.about-part img{flex:none;width:44px;height:44px}.about-part p{margin:0}.about a.out{color:var(--accent2);font-weight:800}dialog.ask{background:var(--card);width:min(440px,100vw - 32px);color:var(--ink);box-shadow:var(--shadow);text-align:center;border:0;border-radius:24px;padding:26px 24px 22px}dialog.ask::backdrop{background:#0000008c}dialog.ask h2{font-size:22px;font-weight:var(--heavy);margin:10px 0 8px}.ask-body{opacity:.88}.ask-body p{margin:0 0 8px}.ask-body ul{text-align:left;margin:6px 0 4px;padding-left:20px}.ask-body li{margin:4px 0}.ask-art{justify-content:center;display:flex}.ask-art .face-crop{width:96px}.ask-art img.ask-thumb{object-fit:cover;border-radius:14px;width:120px;height:120px}.ask-buttons{gap:10px;margin-top:18px;display:flex}.ask-buttons .go{flex:1;margin:0;padding:12px 16px;font-size:17px}.go--ghost{background:var(--card2);color:var(--ink);box-shadow:0 4px 0 color-mix(in srgb, var(--card2) 60%, #000)}.go--danger{color:#fff;background:#d62828;box-shadow:0 4px #8f1b1b}.me-hello{font-size:clamp(36px,6vw,60px);font-weight:var(--heavy);margin:0 0 12px;line-height:1}.me-hello b{color:var(--accent)}.me-name{max-width:340px;margin:0 0 12px}.is-photo{border-radius:22px}.looks{gap:22px;display:grid}.look-part{padding-bottom:24px}.look-part .step{letter-spacing:.02em;text-transform:none;color:var(--ink);margin-top:20px;font-size:20px}.look-part>.hint{margin:-4px 0 14px}.backdrops{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.backdrop{background:0 0;border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:8px;font-size:14px;font-weight:700;display:flex}.backdrop[aria-checked=true]{border-color:var(--accent)}.backdrop-view svg{width:100%;height:100%;display:block}.backdrop-view{aspect-ratio:16/10;background-color:var(--paper);width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;overflow:hidden}.tab--again{color:#ff8a8a}.tab--again[aria-current=page]{color:#fff;background:#d62828}.again{text-align:center;max-width:600px;margin:0 auto}.again h2{font-size:28px;font-weight:var(--heavy);margin:10px 0 6px}.again>p{opacity:.85}.again-art,.ask-icon{background:color-mix(in srgb, #d62828 25%, var(--card2));color:#ff8a8a;border-radius:20px;place-items:center;width:64px;height:64px;margin:12px auto 0;display:grid}.again-art svg,.ask-icon svg{width:32px;height:32px}.ask-icon--keep{background:color-mix(in srgb, var(--accent) 25%, var(--card2));color:var(--accent)}dialog.keep-print .field{text-align:left;margin-top:10px}dialog.keep-print .field input{width:100%}.kp-done{color:var(--accent2);text-align:center;margin:12px 0 0;font-weight:800}.kp-done:empty{display:none}.ask-art .ask-sheet{aspect-ratio:210/297;background:#fff;border-radius:6px;width:90px;display:block;overflow:hidden}.ask-art .ask-sheet svg{width:100%;height:100%;display:block}.again-lists{text-align:left;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 8px;display:grid}.again-lists>div{background:var(--card2);border-radius:14px;padding:12px 16px}.again-lists h3{margin:0 0 6px;font-size:15px}.again-lists ul{margin:0;padding-left:18px;font-size:15px}.again-lists li{margin:4px 0}.again-go{width:auto}dialog.how{width:min(560px,100vw - 32px)}.how-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:14px 0 8px;display:grid}.how-option{border:3px solid var(--line);background:var(--card2);border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;display:flex;position:relative}.how-option:hover{border-color:var(--accent)}.how-option small{opacity:.75}.how-pic{border-radius:12px;width:180px;display:block;position:relative;overflow:hidden}.how-pic img{height:auto;display:block}.how-pic--cut{background-color:#fff;background-image:linear-gradient(45deg,#e6e6e6 25%,#0000 25% 75%,#e6e6e6 75%),linear-gradient(45deg,#e6e6e6 25%,#0000 25% 75%,#e6e6e6 75%);background-position:0 0,8px 8px;background-size:16px 16px}.how-ring{border:3px dashed var(--accent2);pointer-events:none;border-radius:50%;position:absolute}.how-best{background:var(--accent);color:var(--on-accent);z-index:1;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.way{margin:4px 0 18px}.way h3{align-items:center;gap:10px;margin:0 0 6px;font-size:17px;display:flex}.way-n{background:var(--accent);width:28px;height:28px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.way p{margin:0 0 8px}.face-crop{aspect-ratio:1;background:var(--accent2);border-radius:50%;display:block;position:relative;overflow:hidden}.face-crop img{max-width:none;height:auto;position:absolute}.pose .face-crop{width:64px;margin:2px auto}.card .pose .face-crop{width:min(88px,100%)}.mix-stack{justify-content:center;width:64px;margin:2px auto;display:flex}.mix-stack .face-crop{border:2px solid var(--card2);flex:none;width:34px;margin-right:-12px}.chars{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.char{background:var(--card2);border-radius:16px;flex-direction:column;align-items:center;gap:6px;margin:0;padding:12px 8px;font-size:14px;font-weight:700;display:flex}.char-face{width:88px}.char-pick{background:0 0;border:0;border-radius:50%;padding:0;position:relative}.char-pick .face-crop{outline-offset:3px;outline:3px solid #0000;transition:outline-color .15s,transform .15s}.char-pick:hover .face-crop{transform:scale(1.05)}.char--mine .char-pick .face-crop{outline-color:var(--accent)}.char--mine{background:color-mix(in srgb, var(--accent) 18%, var(--card2))}.char-badge{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.char figcaption{margin-top:6px}.char-name{text-align:center;background:0 0;border:2px solid #0000;border-radius:8px;width:100%;padding:4px 8px;font-size:14px;font-weight:700}.char-name:hover,.char-name:focus{border-color:var(--line);outline:none}.char-tools{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.mini{background:var(--card);border:0;border-radius:9px;place-items:center;width:30px;height:30px;padding:0;display:grid}.mini svg{width:16px;height:16px}.mini:hover{background:color-mix(in srgb, var(--accent) 30%, var(--card))}.mini--bin[data-sure=yes]{color:#fff;background:#c62f2f}.char--add{text-align:center;border:3px dashed var(--line);cursor:pointer;background:0 0;justify-content:center;position:relative}.char--add[data-over=yes],.char--add:hover{border-color:var(--accent)}.char--add input{opacity:0;cursor:pointer;position:absolute;inset:0}.char-plus{background:var(--accent);width:44px;height:44px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid}.char-plus svg{width:24px;height:24px}.char--add small{opacity:.7;font-weight:500;line-height:1.3}.char-status:empty{display:none}.guide{background:var(--card);box-shadow:var(--shadow);border-radius:18px;margin-top:18px;overflow:hidden}.guide summary{cursor:pointer;align-items:center;gap:14px;padding:16px 18px;list-style:none;transition:background .15s;display:flex}.guide summary::-webkit-details-marker{display:none}.guide summary:hover{background:var(--card2)}.guide-icon{background:var(--accent2);width:46px;height:46px;color:var(--on-accent2);border-radius:14px;flex:none;place-items:center;display:grid}.guide-icon svg{width:24px;height:24px}.guide-say{flex-direction:column;flex:1;display:flex}.guide-say b{font-size:18px}.guide-say small{opacity:.7}.guide-open{background:var(--accent);color:var(--on-accent);border-radius:999px;flex:none;padding:9px 16px;font-size:14px;font-weight:800}.guide .when-open,.guide[open] .when-shut{display:none}.guide[open] .when-open{display:inline}.guide-body{padding:0 20px 18px}.guide a.out{color:var(--accent2);font-weight:800}.guide ol{padding-left:22px}.guide li{margin:10px 0}.guide li::marker{color:var(--accent);font-weight:800}.prompt{background:var(--paper);border-radius:12px;margin:8px 0;padding:12px 14px 8px;font-size:14px;position:relative}.prompt p{-webkit-user-select:all;user-select:all;margin:0 0 4px}.prompt .copy{margin:0}.guide-note{opacity:.75;font-size:14px}@media (max-width:820px){.workbench,.add,.brand-maker{grid-template-columns:minmax(0,1fr)}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.preview{position:static}.print-area .sheet-svg{width:auto;height:min(100dvh - 120px,141.4vw - 45.248px)}.sheets-hub{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 12px}.brand-preview{max-width:240px;margin:0 auto}.yours{grid-template-columns:1fr}.schemes{grid-template-columns:repeat(4,minmax(0,1fr))}.card .poses{grid-template-columns:repeat(3,minmax(0,1fr))}.me-hero{align-items:center}.me-say{padding-bottom:0}.keep-btn span{display:none}.keep-btn{padding:9px}.guide summary{flex-wrap:wrap}.colours{grid-template-columns:repeat(2,minmax(0,1fr))}.home-btn span,[data-room]:not([data-room=home]) .brand span,.top-rule{display:none}.home-btn{padding:10px}.spark{flex-direction:column;align-items:center}.spark-card{margin-bottom:0}}@media (max-width:480px){.tiles{gap:20px 12px}.tile-title{margin:10px 14px 2px;font-size:18px}.tile-blurb{display:none}.tile-icon{width:48px;height:48px;margin-top:-24px;margin-left:14px}.tile-peek{transform-origin:100% 0;top:22px;right:4px;transform:scale(.8)}.tile-art{height:90px}.schemes{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-fields{grid-template-columns:1fr}.cb-label{flex-basis:50px;font-size:11px}.chars{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.top{gap:8px}.brand img{width:34px;height:34px}.room-title{min-width:0;font-size:20px}.room-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-title svg{flex:none;width:24px;height:24px}.sheets-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.backdrops{grid-template-columns:repeat(2,minmax(0,1fr))}.again-lists{grid-template-columns:1fr}.char-face{width:72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@page{size:A4 portrait;margin:0}.print-sheet{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0;overflow:hidden}.print-sheet svg{width:210mm}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}body>:not(.print-sheet){display:none!important}.print-sheet{opacity:1;break-inside:avoid;page-break-inside:avoid;width:auto;height:auto;display:block;position:static;overflow:visible}.print-sheet svg{width:100%;max-width:none;height:auto;max-height:100vh;display:block}.ipad-print .print-sheet svg{width:90%;max-height:none;margin:0 auto}}.welcome{text-align:center;max-width:520px;margin:10px auto 30px}.welcome--wide{max-width:760px}.welcome-step{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:13px;font-weight:800}.welcome-mark{filter:drop-shadow(0 10px 18px #00000040);width:120px;height:120px;margin:10px auto 0;display:block}.welcome h2{font-size:clamp(28px,6vw,40px);font-weight:var(--heavy);margin:12px 0 8px;line-height:1.1}.welcome-say{opacity:.85;max-width:460px;margin:0 auto 18px}.welcome-form{text-align:left;gap:4px;display:grid}.welcome-form input{padding:14px 16px;font-size:22px}.welcome-form .go{margin-top:14px}.welcome-skip{margin:16px auto 0}.welcome-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:6px;display:grid}.welcome-pick{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);color:inherit;cursor:pointer;border:3px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 16px;transition:transform .15s,border-color .15s;display:flex;position:relative}.welcome-pick:hover,.welcome-pick:focus-visible,.welcome-pick[data-over]{border-color:var(--accent);transform:translateY(-3px)}.welcome-pick b{font-size:20px;font-weight:var(--heavy)}.welcome-pick small{opacity:.7;font-size:13px;line-height:1.3}.welcome-pic{place-items:end center;width:100%;height:150px;display:grid;overflow:hidden}.welcome-img{width:auto;max-width:100%;height:auto;max-height:150px}.welcome-plus{place-items:center}.welcome-plus svg{background:var(--accent);width:64px;height:64px;color:var(--on-accent);border-radius:50%;padding:14px}.welcome-pick--own input{opacity:0;cursor:pointer;position:absolute;inset:0}.welcome-more{opacity:.85;margin:18px 0 0;font-size:15px}.welcome-more a{color:var(--accent);font-weight:800}@media (max-width:480px){.welcome-picks{gap:8px}.welcome-pick{padding:10px 4px 12px}.welcome-pic{height:96px}.welcome-img{max-height:96px}.welcome-pick b{font-size:16px}.welcome-pick small{font-size:11.5px}.welcome-plus svg{width:48px;height:48px;padding:10px}}.name-rows{gap:8px;display:grid}.name-row{align-items:center;gap:10px;display:flex}.name-faces{flex:none;width:58px;display:flex}.name-faces .face-crop{border:2px solid var(--card);flex:none;width:34px;margin-right:-14px}.name-row input{flex:1;min-width:0}.brand-note{background:color-mix(in srgb, var(--accent) 12%, var(--card2));border-radius:14px;align-items:center;gap:10px;margin:16px 0 0;padding:10px 12px;font-size:14.5px;display:flex}.brand-note .face-crop{flex:none;width:40px}.brand-note p{margin:0 0 8px}.brand-note-go{text-decoration:none;display:inline-block}.chip--who{align-items:center;gap:6px;padding-left:4px;display:inline-flex}.chip--who .face-crop{flex:none;width:26px}.story-part{align-items:flex-end;gap:8px;display:flex}.story-part .field{flex:1;min-width:0}.story-part .mini{flex:none;width:44px;height:44px;margin-bottom:6px}.story-part .mini svg{width:22px;height:22px}.field select{width:100%;font:inherit;border:2px solid var(--line);background:var(--card2);color:var(--ink);border-radius:12px;padding:10px 12px;font-size:16px}.story-all,.story-diary{width:auto;margin-top:12px}
/*$vite$:1*/