#todo-controls input:not([type=checkbox]),#todo-detail input:not([type=checkbox]),#todo-detail textarea{box-sizing:border-box;max-width:100%}#todo-detail form{flex-direction:column;gap:6px;display:flex}#todo-detail h2{margin:0 0 10px}#todo-detail textarea{resize:none}.todo-backdrop{background:#00000059;position:fixed;inset:0}.todo-dialog{background:#fff;border:2px solid #182436;width:min(320px,80vw);padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#task-information{max-width:320px;padding:20px}:root{--ink:#16131f;--ink-soft:#4d4660;--muted:#6a6279;--paper:#fbf8f3;--line:#e7e0ea;--violet:#6d4aff;--coral:#ff6b4a;--pink:#ff5fa2;--teal:#19c3b1;--sun:#ffc65c;--night:#0d0b1a;--display:"Inter", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--mono:ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;font-family:var(--display);color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid var(--violet);outline-offset:3px}[hidden]{display:none!important}code{font-family:var(--mono);background:#efe9f7;border-radius:5px;padding:1px 5px;font-size:.9em}.skip-link{z-index:10;background:#fff;border-radius:8px;padding:12px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:12px}.eyebrow{letter-spacing:2.4px;color:var(--violet);margin:0;font-size:11px;font-weight:800}h2{letter-spacing:-1.4px;margin:10px 0 18px;font-size:clamp(28px,3.4vw,40px);line-height:1.1}.hero-shell{color:#f6f3ff;background:radial-gradient(900px 520px at 85% 20%, #4b2bd955, transparent 60%), radial-gradient(700px 520px at 10% 110%, #ff6b4a40, transparent 60%), radial-gradient(600px 400px at 55% 60%, #19c3b122, transparent 70%), var(--night);position:relative;overflow:hidden}.hero-shell:after{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.site-header,.hero,main,footer{max-width:1240px;margin:auto;padding-inline:36px}.site-header{z-index:2;justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex;position:relative}.site-header nav{gap:26px;display:flex}.site-header a{font-size:14px;font-weight:600;text-decoration:none}.site-header nav a{color:#cfc8e6}.site-header nav a:hover{color:#fff}.brand{letter-spacing:-.6px;align-items:center;gap:12px;display:flex;font-size:21px!important;font-weight:800!important}.brand-mark{flex:none;width:30px;height:30px;display:inline-block;position:relative}.brand-mark i{border-radius:5px;width:20px;height:15px;position:absolute;left:0}.brand-mark i:first-child{background:var(--coral);top:0}.brand-mark i:nth-child(2){background:var(--violet);top:7px;left:5px}.brand-mark i:nth-child(3){background:var(--teal);top:14px;left:10px}.brand-mark.small{vertical-align:middle;transform-origin:0;width:22px;height:22px;margin-right:10px;transform:scale(.75)}.tag{letter-spacing:1.4px;color:#bfb6dd;border:1px solid #ffffff30;border-radius:6px;padding:5px 7px;font-size:9px}.hero{z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:40px;padding-block:40px 96px;display:grid;position:relative}.hero-badge{letter-spacing:.4px;color:#e3dcff;background:#ffffff10;border:1px solid #fff2;border-radius:99px;align-items:center;gap:10px;margin:0;padding:7px 14px 7px 10px;font-size:12px;font-weight:700;display:inline-flex}.pulse{background:var(--teal);border-radius:50%;width:8px;height:8px;animation:2.4s infinite pulse;box-shadow:0 0 #19c3b1aa}h1{letter-spacing:-.045em;margin:26px 0;font-size:clamp(42px,6.4vw,84px);font-weight:850;line-height:.98}.hero-gradient{background:linear-gradient(92deg,#ffb27a 0%,#ff6fae 34%,#a48cff 66%,#5ee1d0 100%) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out infinite alternate shimmer}.hero-copy{color:#cdc6e2;max-width:600px;margin:0;font-size:18px;line-height:1.7}.hero-copy em{color:#fff;font-style:normal;font-weight:700}.hero-cta{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.cta{border-radius:14px;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:750;text-decoration:none;display:inline-flex}.cta.primary{color:#1a0f2e;background:linear-gradient(135deg,#ffd27a,#ff8a6b 55%,#ff6fae);box-shadow:0 12px 34px #ff6b4a40}.cta.ghost{color:#fff;background:#ffffff08;border:1px solid #ffffff38}.cta:hover{filter:brightness(1.06)}.hero-notes{color:#b9b0d6;flex-wrap:wrap;gap:10px 22px;margin:34px 0 0;padding:0;font-size:13px;font-weight:650;list-style:none;display:flex}.hero-notes li:before{content:"";background:var(--teal);border-radius:2px;width:7px;height:7px;margin-right:9px;display:inline-block;transform:rotate(45deg)translateY(-2px)}.hero-visual{min-width:0;height:470px;position:relative}.hv-glow{filter:blur(30px);background:radial-gradient(circle,#8b5cf6aa,#ff6b4a33 45%,#0000 70%);border-radius:50%;animation:7s ease-in-out infinite breathe;position:absolute;inset:12% 6%}.hv-grid{background:repeating-linear-gradient(90deg,#ffffff14 0 1px,#0000 1px 34px),repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 34px);border-radius:50%;height:46%;position:absolute;bottom:0;left:4%;right:4%;transform:perspective(500px)rotateX(58deg);-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.hv-layer{border-radius:22px;position:absolute;box-shadow:0 30px 60px #05031280,0 0 0 1px #ffffff1c}.hv-art{--r:7deg;width:56%;height:42%;transform:rotate(var(--r));background:linear-gradient(#ff9a7a,#ffd39b);animation:8s ease-in-out infinite float;top:4%;right:2%;overflow:hidden}.hv-art .sun{aspect-ratio:1;background:#fff3c4;border-radius:50%;width:26%;position:absolute;top:16%;right:16%;box-shadow:0 0 0 14px #fff3c450}.hv-art .hill{border-radius:50% 50% 0 0;position:absolute;left:-10%;right:-10%}.hv-art .hill.one{background:#e5604f;height:55%;bottom:-18%}.hv-art .hill.two{background:#6e2350;height:40%;bottom:-16%;left:30%}.hv-card{color:#42192a;--r:-5deg;width:58%;height:46%;transform:rotate(var(--r));background:#ffdec9;flex-direction:column;gap:10px;padding:22px;animation:9s ease-in-out -2s infinite float;display:flex;top:24%;left:6%}.hv-kicker{letter-spacing:1.6px;color:#e55648;font-size:9px;font-weight:800}.hv-title{font:700 26px/1.05 var(--serif);max-width:74%}.hv-line{background:#42192a30;border-radius:4px;width:80%;height:7px}.hv-line.short{width:52%}.hv-stamp{background:radial-gradient(circle,#e55648 0 9px,#0000 10px),#fff8;border:2px dashed #e55648;border-radius:6px;width:44px;height:52px;position:absolute;top:18px;right:18px}.hv-form{width:50%;color:var(--ink);--r:3deg;transform:rotate(var(--r));background:#fffe;flex-direction:column;gap:10px;padding:18px;animation:7.5s ease-in-out -4s infinite float;display:flex;bottom:6%;right:8%}.hv-label{color:var(--muted);font-size:11px;font-weight:800}.hv-input{white-space:nowrap;border:1.5px solid #d9d0ea;border-radius:9px;padding:8px 10px;font-size:13px;font-weight:600;overflow:hidden}.caret{background:var(--violet);vertical-align:middle;width:1.5px;height:14px;margin-left:1px;animation:1.1s step-end infinite blink;display:inline-block}.hv-chips{gap:8px;display:flex}.hv-chips i{background:#ff8a6b;border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 3px #fff,0 0 0 1px #0002}.hv-chips i:nth-child(2){background:#2aa3b8}.hv-chips i:nth-child(3){background:#8fc15a}.hv-chips i:nth-child(4){background:#3c3378}.hv-button{color:#fff;background:var(--ink);border-radius:9px;align-self:flex-start;padding:8px 14px;font-size:12px;font-weight:800}.hv-tag{font:600 12px var(--mono);color:#d9d2ff;background:#120f24cc;border:1px solid #ffffff26;border-radius:8px;padding:6px 10px;position:absolute}.hv-tag.t1{top:14%;left:0}.hv-tag.t2{color:#9ff0e4;top:50%;right:0}.hv-tag.t3{color:#ffc3a6;bottom:6%;left:10%}@keyframes float{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-12px) rotate(var(--r))}}@keyframes breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes shimmer{0%{background-position:0%}to{background-position:100%}}@keyframes pulse{0%{box-shadow:0 0 #19c3b1aa}70%{box-shadow:0 0 0 10px #19c3b100}to{box-shadow:0 0 #19c3b100}}@keyframes blink{50%{opacity:0}}.how{padding-block:80px 40px}.how-steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 0;padding:0;list-style:none;display:grid}.how-steps li{border:1px solid var(--line);counter-increment:step;background:#fff;border-radius:22px;flex-direction:column;gap:8px;padding:26px;display:flex;position:relative}.how-steps li:before{content:"STEP 0" counter(step);font:800 11px var(--mono);letter-spacing:1.5px;color:var(--violet);order:2;margin-top:4px}.how-steps strong{letter-spacing:-.4px;margin-top:6px;font-size:19px}.how-steps li>span:last-child{color:var(--muted);font-size:14px;line-height:1.65}.step-art{border-radius:16px;height:92px;margin-bottom:8px;position:relative;overflow:hidden}.step-art b{border-radius:8px;position:absolute}.step-react{background:#f3efff}.step-react b{background:#fff;border:1.5px solid #cfc3f5;height:14px;left:18px;right:40%}.step-react b:first-child{top:16px}.step-react b:nth-child(2){top:38px;right:55%}.step-react b:nth-child(3){background:var(--violet);border:0;width:64px;top:60px;right:auto}.step-canvas{background:repeating-conic-gradient(#fff2ea 0 25%, #ffe6d9 0 50%) 0 0 / 18px 18px}.step-canvas b{background:#fff;border:1.5px solid #ffc2ad;width:44%;height:58%;top:20%;box-shadow:0 8px 20px #ff6b4a33}.step-canvas b:first-child{left:12%}.step-canvas b:nth-child(2){background:#ff8a6b;border:0;top:28%;left:46%}.step-gpu{background:radial-gradient(circle at 50% 120%,#19c3b1,#0d3d4a 70%)}.step-gpu b{background:#ffffffe8;width:34%;height:46%;top:26%;left:33%;transform:rotate(-12deg)translate(-40%)}.step-gpu b:nth-child(2){background:#ffd27a;transform:rotate(0)}.step-gpu b:nth-child(3){background:#ff8aa8;transform:rotate(12deg)translate(40%)}.catalog{padding-block:44px 72px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.count-pill{color:var(--ink-soft);white-space:nowrap;background:#efe9f7;border-radius:99px;margin-bottom:22px;padding:8px 14px;font-size:12px;font-weight:700}.filters{gap:16px;margin-block:6px 26px;display:flex}.filters label{color:var(--ink-soft);gap:8px;font-size:12px;font-weight:750;display:grid}.filters label:first-child{flex:1}.filters input,.filters select{background:#fff;border:1.5px solid #ddd5e3;border-radius:12px;width:100%;min-width:0;padding:13px 15px;font-size:15px}.filters input:focus-visible,.filters select:focus-visible{outline-offset:0}.example-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.example-card{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;grid-column:span 2;min-width:0;padding:18px 20px 22px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative}.example-card:nth-child(-n+2){grid-column:span 3}.example-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #2a183d18}.example-card[aria-current]{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.card-top{letter-spacing:1px;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:10px;margin-top:16px;font-size:11px;font-weight:800;display:flex}.card-top span:last-child{font-family:var(--mono);color:#b4a9c2}.example-card h3{letter-spacing:-.7px;margin:8px 0;font-size:24px;line-height:1.15}.example-card p{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.65}.card-tags{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.card-tags span{font:600 11px var(--mono);color:var(--ink-soft);background:#f3eff7;border-radius:7px;padding:4px 8px}.card-link{justify-content:space-between;margin-top:auto;font-size:13px;font-weight:800;display:flex}.empty{text-align:center;color:var(--muted);background:#fff;border:1px dashed #cfc5d8;border-radius:18px;padding:30px}.card-art{border-radius:16px;height:150px;display:block;position:relative;overflow:hidden}.card-art i{display:block;position:absolute}.accent-sunset .card-art{background:linear-gradient(135deg,#ffb48f,#ffe0b8)}.accent-ocean .card-art{background:radial-gradient(circle at 50% 130%,#2bb3c9,#0e3d52 75%)}.accent-aurora .card-art{background:linear-gradient(160deg,#120f33,#2c1a5e 55%,#134e5e)}.accent-violet .card-art{background:linear-gradient(140deg,#7b5cff,#c86dd7)}.accent-meadow .card-art{background:linear-gradient(140deg,#d7f2d0,#a7dcc1)}.accent-pond .card-art{background:radial-gradient(120% 90% at 50% 40%,#2f8f8a,#0c3a3d 70%,#08241f)}.art-pond i{background:linear-gradient(90deg,#ff8a4c,#fff3e6 60%,#ff7a3d);border-radius:50% 40% 40% 50%;width:34px;height:14px;box-shadow:0 4px 10px #0006}.art-pond i:first-child{top:34%;left:22%;transform:rotate(-18deg)}.art-pond i:nth-child(2){top:52%;left:58%;transform:rotate(160deg)}.art-pond i:nth-child(3){top:70%;left:40%;transform:rotate(12deg)}.art-pond i:nth-child(4){width:64px;height:40px;box-shadow:none;background:#4a9654;border-radius:50%;top:20%;left:68%;transform:rotate(-12deg)}.art-layers i:first-child{background:#fff3e9;border-radius:12px;width:150px;height:100px;top:26px;left:22px;transform:rotate(-6deg);box-shadow:0 12px 24px #b6553333}.art-layers i:nth-child(2){background:radial-gradient(circle,#e5604f 0 6px,#0000 7px);border:2px dashed #e5604f;border-radius:4px;width:34px;height:40px;top:30px;left:126px;transform:rotate(-6deg)}.art-layers i:nth-child(3){background:linear-gradient(#ff9a7a,#6e2350);border-radius:12px;width:120px;height:78px;top:40px;right:30px;transform:rotate(5deg)}.art-layers i:nth-child(4){border:2px solid #42192a55;border-radius:50%;width:46px;height:46px;bottom:14px;right:120px}.art-motion i{transform-origin:50% 160%;background:#fffdf8;border-radius:10px;width:70px;height:96px;bottom:-14px;left:calc(50% - 35px);box-shadow:0 8px 18px #0005}.art-motion i:first-child{background:#8ec5ff;transform:rotate(-26deg)}.art-motion i:nth-child(2){background:#a6ecff;transform:rotate(-9deg)}.art-motion i:nth-child(3){background:#cfe9b8;transform:rotate(9deg)}.art-motion i:nth-child(4){background:linear-gradient(#ff7a59,#ffcf6b);transform:rotate(26deg)}.art-effects i:first-child{background:radial-gradient(circle,#fffbe8,#ffb98a 70%);border-radius:50%;width:110px;height:110px;top:20px;left:calc(50% - 55px);box-shadow:-6px 0 #ff2d7a88,6px 0 #2de2ff88}.art-effects i:nth-child(2){filter:blur(6px);background:linear-gradient(100deg,#0000 20%,#3cffc855 40%,#0000 55%,#b36bff44 75%,#0000);inset:0}.art-effects i:nth-child(3){background:repeating-linear-gradient(0deg,#ffffff10 0 2px,#0000 2px 5px);inset:0}.art-effects i:nth-child(4){clip-path:polygon(0 60%,8% 20%,14% 50%,22% 0,30% 40%,40% 10%,52% 50%,60% 5%,70% 45%,80% 15%,90% 55%,100% 25%,100% 100%,0 100%);background:#0a0820;height:34px;bottom:0;left:0;right:0}.art-presence i{background:#fffe;border-radius:10px;height:30px;left:22%;right:22%;box-shadow:0 8px 16px #3a1a6e40}.art-presence i:before{content:"";background:var(--coral);border-radius:50%;width:16px;height:16px;position:absolute;top:7px;left:8px}.art-presence i:first-child{top:16px}.art-presence i:nth-child(2){top:54px}.art-presence i:nth-child(3){opacity:.55;top:92px;transform:translate(26px)}.art-presence i:nth-child(2):before{background:var(--pink)}.art-presence i:nth-child(3):before{background:#3b82f6}.art-presence i:nth-child(4){display:none}.art-tasks i{background:#fff;border-radius:6px;height:20px;left:28%;right:28%}.art-tasks i:before{content:"";border:2px solid #3f8f5f;border-radius:3px;width:12px;height:12px;position:absolute;top:4px;left:6px}.art-tasks i:first-child{top:24px}.art-tasks i:nth-child(2){top:52px}.art-tasks i:nth-child(3){top:80px}.art-tasks i:nth-child(4){top:108px;right:44%}.art-tasks i:nth-child(-n+2):before{background:#3f8f5f}.studio{border:1px solid var(--line);background:#fff;border-radius:30px;padding:30px;scroll-margin-top:16px;box-shadow:0 30px 80px #2a183d0f}.studio:focus{outline:none}.studio-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.studio-head h2{margin-bottom:8px}.studio-detail{max-width:860px;color:var(--muted);margin:0 0 20px;font-size:15px;line-height:1.7}.mode-pill{color:var(--ink-soft);white-space:nowrap;background:#f0ecf4;border-radius:99px;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:750;display:inline-flex}.mode-pill .dot{background:#a79cb6;border-radius:50%;width:8px;height:8px}.mode-pill.active{color:#0d6b52;background:#dcf7ee}.mode-pill.active .dot{background:#11b981;box-shadow:0 0 0 4px #11b98133}.control-bar{background:#f7f4fa;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;padding:16px 18px;display:flex}.control-bar .stage-note{max-width:520px;margin:0}.toolbar{flex-wrap:wrap;gap:10px;display:flex}.toolbar button{background:#fff;border:1.5px solid #d7cfdc;border-radius:11px;padding:11px 16px;font-size:13px;font-weight:750}.toolbar button:first-child{color:#fff;background:linear-gradient(135deg,#6d4aff,#b14bff);border-color:#0000;box-shadow:0 8px 20px #6d4aff40}.toolbar button:not(:disabled):hover{filter:brightness(1.05)}.diagnostic{overflow-wrap:anywhere;min-height:24px;color:var(--ink-soft);align-items:baseline;gap:10px;margin:14px 2px;font-size:13px;display:flex}.diagnostic-label{font:700 10px var(--mono);letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--ink-soft);border-radius:5px;flex:none;padding:3px 6px}.is-gpu .diagnostic-label{background:#0d8a6a}.disposed-note{color:#8a3b14;background:#fff2e8;border-radius:12px;padding:12px 16px;font-weight:650}.stage-note{color:var(--muted);font-size:12px;line-height:1.6}.why-gpu{grid-template-columns:1.4fr 1fr;gap:18px;margin-top:22px;display:grid}.why-col{background:#f6f2ff;border:1px solid #e4dcfb;border-radius:18px;padding:20px 22px}.why-col h3{margin:4px 0 10px;font-size:18px;line-height:1.35}.why-col ul{gap:8px;margin:0;padding-left:18px;display:grid}.why-col li,.why-col p{color:#3c3350;font-size:14px;line-height:1.6}.why-col .eyebrow{margin:0}.why-css{border-color:var(--line);background:#f7f5f2}.why-hint{color:var(--muted);margin:12px 0 0;font-size:13px}.stage-frame{background:linear-gradient(160deg,#1b1730,#0d0b1a);border-radius:26px;padding:8px;box-shadow:0 24px 60px #160c2a33}.is-gpu .stage-frame{background:linear-gradient(160deg,#1d1440,#0b2b2c);box-shadow:0 24px 60px #6d4aff33,0 0 0 1px #19c3b155}.stage-chrome{align-items:center;gap:7px;padding:6px 10px 12px;display:flex}.stage-chrome i{background:#ff6b6b;border-radius:50%;width:10px;height:10px}.stage-chrome i:nth-child(2){background:#ffc65c}.stage-chrome i:nth-child(3){background:#30d498}.stage-chrome span{font:600 11px var(--mono);color:#9e94bd;letter-spacing:.5px;margin-left:10px}.stage-scroll{background:#0d0b1a;border-radius:20px;width:100%;overflow-x:auto}.stage{width:1040px;height:700px;color:var(--ink);background:#fff;margin:auto;position:relative}.stage .capture,.stage .output,.stage .ordinary{width:100%;height:100%;position:absolute;inset:0}.stage .output{pointer-events:none}.stage .overlay{z-index:2;position:relative}.stage input,.stage textarea{max-width:100%}.stage button{color:#292437;background:#fff;border:1px solid #c9c2d6;border-radius:9px;padding:6px 10px;font-weight:650}.stage button:not(:disabled):hover{background:#f4f0fb}.stage :focus-visible{outline:3px solid var(--violet);outline-offset:2px}.stage h3{margin:0}.backdrop>div{position:absolute;inset:0}.backdrop-grain{background-image:radial-gradient(#0000000f 1px,#0000 1px);background-size:22px 22px}.backdrop-postcard .backdrop-glow{background:radial-gradient(520px 360px at 75% 10%,#ffc7a8,#0000 70%),radial-gradient(420px 320px at 30% 100%,#ffd9e6,#0000 70%)}.airmail{opacity:.55;border:12px solid #0000;border-image:repeating-linear-gradient(-45deg,#e5604f 0 16px,#fff6ec 16px 26px,#3a6fd8 26px 42px,#fff6ec 42px 52px) 12}.backdrop-deck .backdrop-glow{background:radial-gradient(640px 460px at 66%,#1f7a7a,#0000 75%),radial-gradient(400px 300px at 10% 0,#2c4f7a,#0000 70%)}.backdrop-deck .backdrop-grain{background-image:radial-gradient(#ffffff10 1px,#0000 1px)}.mat{background:radial-gradient(circle at 343px 330px,#23797a,#165458 62%,#10393f);position:absolute;inset:0}.mat:after{content:"";border:1.5px dashed #fff2;border-radius:28px;position:absolute;inset:14px}.felt-rings{background:repeating-radial-gradient(circle at 343px 330px,#0000 0 58px,#ffffff0d 58px 60px);position:absolute;inset:0}.mat-label{font:700 11px var(--mono);letter-spacing:4px;color:#ffffff40;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.backdrop-lab .backdrop-glow{background:radial-gradient(500px 400px at 70% 40%,#6d4aff55,#0000 70%),radial-gradient(400px 360px at 100% 100%,#19c3b144,#0000 70%)}.backdrop-lab .backdrop-grain{background-image:radial-gradient(#ffffff12 1px,#0000 1px)}.lab-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px}.backdrop-notices .backdrop-glow{background:radial-gradient(520px 420px at 52% 40%,#a855f7aa,#0000 70%),radial-gradient(500px 400px at 0 100%,#ff6b4a55,#0000 70%)}.backdrop-notices .backdrop-grain{background-image:radial-gradient(#ffffff14 1px,#0000 1px)}.backdrop .phone{background:#120c26;border:10px solid #120c26;border-radius:46px;width:314px;height:664px;inset:18px auto auto 380px;box-shadow:0 30px 60px #0007}.wallpaper{color:#fff;background:radial-gradient(circle at 30% 20%,#ff9ad5,#0000 50%),radial-gradient(circle at 80% 80%,#6d4aff,#0000 60%),linear-gradient(#3b1d78,#1a1040);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.phone-time{letter-spacing:-2px;margin-top:40px;font-size:64px;font-weight:300}.phone-date{opacity:.8;font-size:14px;font-weight:600}.backdrop-tasks .backdrop-glow{background:radial-gradient(500px 400px at 90% 20%,#bfe9cf,#0000 70%),radial-gradient(400px 300px at 0 100%,#d9f0ff,#0000 70%)}.tasks-poster{color:#d8f5e4;font:800 34px/1.05 var(--display);letter-spacing:-1px;background:linear-gradient(160deg,#1f5f3f,#0f3a2a);flex-direction:column;justify-content:flex-end;gap:4px;padding:26px;display:flex;position:absolute;inset:0}.tasks-poster span:nth-child(2){color:#ffd27a}.tasks-poster span:nth-child(3){color:#8fe3c0}.panel{font-family:var(--display)}.panel-head{flex-direction:column;gap:4px;display:flex}.panel-label{font:800 10px var(--mono);letter-spacing:2px;color:var(--violet)}.panel-dark .panel-label{color:#8fe3d6}.panel h3{letter-spacing:-.7px;font-size:24px}.panel .stack{flex-direction:column;gap:14px;display:flex}.panel .field,.inline-form{flex-direction:column;gap:6px;display:flex}.panel label,.panel legend{font-size:12px;font-weight:750}.field-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.count{font:600 11px var(--mono);color:#8a8199}.panel-dark .count{color:#9a96c4}.panel input:not([type]),.panel input[type=text],.panel textarea{resize:none;background:#faf8fd;border:1.5px solid #ddd5e8;border-radius:11px;width:100%;padding:9px 11px;font-size:14px}.panel-dark input:not([type]),.panel-dark input[type=text]{color:#fff;background:#2a2c55;border-color:#44477a}.inline-row{gap:8px;display:flex}.inline-row input{flex:1;min-width:0}.inline-row button{flex:none}.panel fieldset{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;display:flex}.panel legend{justify-content:space-between;width:100%;margin-bottom:8px;padding:0;display:flex}.panel button{border-radius:11px;padding:9px 12px;font-size:13px;font-weight:750}.panel button.primary{color:#fff;background:linear-gradient(135deg,#2a1e48,#4a2f7d);border-color:#0000}.panel button.primary:not(:disabled):hover{background:linear-gradient(135deg,#36265d,#5b3a97)}.panel-dark button{color:#ecebff;background:#2a2c55;border-color:#44477a}.panel-dark button:not(:disabled):hover{background:#34376a}.panel output{color:#3e3552;background:#f5f1fb;border-radius:12px;min-height:40px;padding:10px 12px;font-size:13px;line-height:1.45;display:block}.panel-dark output{color:#c9c6ef;background:#12132c;border:1px solid #34366a}.panel-note{color:#7a7189;margin:auto 0 0;font-size:12px;line-height:1.5}.panel-dark .panel-note{color:#9a96c4}.button-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.button-grid.two{grid-template-columns:1fr 1fr}.button-grid .primary{grid-column:span 3;padding-block:12px}.range{flex-direction:column;gap:6px;font-size:12px;font-weight:750;display:flex}.stage input[type=range]{width:100%;accent-color:var(--violet);margin:0}.panel-dark input[type=range]{accent-color:#5ee1d0}.swatch{cursor:pointer;flex-direction:column;align-items:center;gap:5px;width:62px;display:flex;font-size:11px!important;font-weight:650!important}.swatch input{appearance:none;cursor:pointer;border-radius:50%;width:34px;height:34px;margin:0;box-shadow:inset 0 0 0 3px #fff,0 0 0 1.5px #d6cfe0}.swatch input:checked{box-shadow:inset 0 0 0 3px #fff,0 0 0 3px #2a1e48}.swatch input[value=sunset]{background:linear-gradient(135deg,#ff9a7a,#e5604f)}.swatch input[value=lagoon]{background:linear-gradient(135deg,#47c6d6,#137a99)}.swatch input[value=meadow]{background:linear-gradient(135deg,#a8dcf0,#5f9f3e)}.swatch input[value=midnight]{background:linear-gradient(135deg,#5a3f8f,#16133a)}.stamp-choice{color:#5d536e;border:1.5px solid #e4ddec;border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:62px;padding:8px 0 6px;display:flex;position:relative;font-size:11px!important;font-weight:650!important}.stamp-choice input{appearance:none;cursor:pointer;border-radius:12px;margin:0;position:absolute;inset:0}.stamp-choice:has(input:checked){color:#2a1e48;background:#f3eefc;border-color:#2a1e48}.stamp-icon{width:24px;height:24px}.postcard{position:relative}.postcard-kicker{font:800 10px var(--mono);letter-spacing:2px}.postcard-stamp{background:#ffffff8c;border:2px dashed;border-radius:6px;width:56px;height:66px;padding:8px 7px 14px;position:absolute;top:22px;right:22px}.postmark{text-align:center;width:62px;height:62px;font:800 9px/1.1 var(--mono);letter-spacing:1px;opacity:.28;border:2px solid;border-radius:50%;place-items:center;display:grid;position:absolute;top:52px;right:8px;transform:rotate(-16deg)}.postcard-title{font:700 30px/1.06 var(--serif);letter-spacing:-.5px;overflow-wrap:anywhere;margin-top:2px;padding-right:74px}.postcard-title.long{font-size:24px}.postcard-message{font:italic 17px/1.4 var(--serif);opacity:.9;-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.postcard-foot{white-space:nowrap;font:600 10px var(--mono);letter-spacing:.4px;opacity:.8;border-top:1.5px dashed;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;display:flex}.outbox-head{justify-content:space-between;align-items:baseline;font-size:18px;display:flex}.outbox-head span{font:600 11px var(--mono);color:#9b7d72}.outbox-empty{color:#8e6a5e;border:1.5px dashed #ecc9b6;border-radius:14px;margin:0;padding:16px;font-size:13px;line-height:1.5}.outbox-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.outbox-item{background:#fff;border:1px solid #f1dfd3;border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.outbox-thumb{border-radius:10px;width:44px;height:44px;padding:9px}.outbox-text{flex-direction:column;min-width:0;display:flex}.outbox-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.outbox-text small{font:600 10px var(--mono);color:#9b7d72}.outbox-item button{padding:6px 9px;font-size:12px}.layer-map{background:#fff1e6;border-radius:14px;flex-direction:column;gap:6px;margin:auto 0 0;padding:14px;font-size:12px;display:flex}.layer-map dt{font:700 10px var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:#9b6a55;margin-bottom:2px}.layer-map dd{font:600 11.5px var(--mono);color:#4a3038;align-items:center;gap:8px;margin:0;display:flex}.layer-map dd small{font:600 10px var(--display);color:#a07f72;margin-left:auto}.layer-map b{border-radius:3px;flex:none;width:10px;height:10px}.tone-native{background:#6d4aff}.tone-deco{background:repeating-linear-gradient(45deg,#e5604f 0 2px,#ffd0bd 2px 4px)}.stats{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.stats div{background:#f5f1fb;border-radius:12px;padding:10px 12px}.stats dt{font:700 10px var(--mono);letter-spacing:.6px;text-transform:uppercase;color:#8a8199}.stats dd{letter-spacing:-1px;color:#2a1e48;margin:2px 0 0;font-size:26px;font-weight:800}.deck-art-frame{border-radius:22px 22px 0 0;flex:none;height:150px;overflow:hidden}.deck-art{display:block}.deck-body{flex-direction:column;flex:1;gap:6px;min-height:0;padding:14px 18px 16px;display:flex;overflow:hidden}.deck-note{font:700 10px var(--mono);letter-spacing:1.6px;text-transform:uppercase;color:#8d849c}.deck-title{font:700 20px/1.1 var(--serif);letter-spacing:-.3px;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.deck-actions{margin-top:auto;display:flex}.stage .like{color:#5b4c72;background:#f2eef7;border:0;border-radius:99px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;display:inline-flex}.stage .like.liked{color:#d6336c;background:#ffe1ec}.stage .like:not(:disabled):hover{background:#ffd3e3}.preset-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.preset-grid .wide{grid-column:span 4;color:#fff!important;background:linear-gradient(135deg,#ff4f8b,#6d4aff 60%,#19c3b1)!important;border-color:#0000!important}.preset-grid button{padding:8px 4px;font-size:12px}.chain{background:#1b1d3d;border-radius:14px;display:flex;border:1px solid #34366a!important;flex-flow:column!important;gap:8px!important;padding:12px!important}.effect-row{opacity:.62;grid-template-columns:104px minmax(0,1fr) 38px;align-items:center;gap:8px;display:grid}.effect-row.on{opacity:1}.effect-row .count{text-align:right}.check.clock{border-top:1px solid #34366a;margin-top:4px;padding-top:10px}.check{align-items:center;gap:8px;display:inline-flex;font-size:13px!important;font-weight:700!important}.check input{accent-color:#5ee1d0;width:16px;height:16px;margin:0}.check.riso input{accent-color:#e5604f}.placard-kicker{font:700 10px var(--mono);letter-spacing:2px;color:#6d4aff}.placard-title{font:700 28px/1.1 var(--serif);letter-spacing:-.4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.placard-chain{font:600 12px var(--mono);color:#5b5578}.kind-choice{border:1.5px solid #e2dbeb;border-radius:99px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex;position:relative;font-size:12px!important}.kind-choice input{appearance:none;cursor:pointer;border-radius:99px;margin:0;position:absolute;inset:0}.kind-choice:has(input:checked){background:#f3eefc;border-color:#2a1e48}.kind-dot{border-radius:50%;width:10px;height:10px}.toast{color:#221a38;border-left:5px solid var(--tint);background:#fffffff2;border-radius:20px;grid-template-rows:1fr auto;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;padding:12px 14px;display:grid;position:absolute;inset:4px;box-shadow:0 6px 14px #1a0c3a40}.toast-icon{background:var(--tint);color:#fff;border-radius:12px;grid-row:span 2;place-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:grid}.toast-text{flex-direction:column;min-width:0;font-size:12px;line-height:1.35;display:flex}.toast-text strong{font-size:13px}.toast-text span{color:#5b5272;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stage .toast-close{background:#f1ecf8;border-color:#0000;border-radius:99px;justify-self:end;padding:4px 10px;font-size:11px}.log-head{flex-direction:column;gap:2px;font-size:18px;display:flex}.log-head span{font:600 11px var(--mono);color:#8a7fa6}.log-empty{color:#7a6f94;border:1.5px dashed #d9cdf0;border-radius:14px;margin:0;padding:14px;line-height:1.5}.log-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.log-list li{background:#fff;border:1px solid #ebe3f7;border-radius:12px;grid-template-columns:auto 1fr;gap:2px 10px;padding:9px 11px;display:grid}.log-list time{font:600 11px var(--mono);color:#8a7fa6}.log-list span{font-weight:650}.log-list small{font:600 11px var(--mono);color:#0d8a6a;grid-column:2}.stage #todo-controls input:not([type=checkbox]),.stage #todo-detail input:not([type=checkbox]),.stage #todo-detail textarea{background:#fff;border:1px solid #a9c8b5;border-radius:6px;padding:2px 6px}.about{padding-block:90px 70px}.about h2{max-width:640px}.about-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;display:grid}.about-grid>div{border:1px solid var(--line);background:#fff;border-radius:22px;padding:24px}.about-grid h3{margin:0 0 8px;font-size:17px}.about-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-block:30px;font-size:13px;display:flex}@media (width<=1000px){.hero{grid-template-columns:1fr;padding-bottom:60px}.hero-visual{justify-self:center;width:100%;max-width:560px;height:380px}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-card,.example-card:nth-child(-n+2){grid-column:span 1}.how-steps,.about-grid{grid-template-columns:1fr}}@media (width<=600px){.site-header,.hero,main,footer{padding-inline:18px}.site-header{flex-wrap:wrap;gap:12px;min-height:0;padding-block:18px}.site-header nav{gap:16px}.tag{display:none}.hero{gap:26px;padding-block:16px 48px}h1{letter-spacing:-.035em}.hero-copy{font-size:16px}.hero-visual{height:300px}.hv-title{font-size:18px}.hv-card{gap:7px;padding:14px}.hv-form{gap:7px;padding:12px}.hv-tag.t2{display:none}.example-grid{grid-template-columns:1fr}.filters{flex-direction:column}.studio{border-radius:22px;padding:16px}.why-gpu{grid-template-columns:1fr}.studio-head{flex-wrap:wrap}.control-bar{padding:14px}.section-heading{flex-wrap:wrap;align-items:flex-start}.count-pill{margin-bottom:0}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.hv-layer,.hv-glow,.hero-gradient,.pulse,.caret{animation:none}.example-card{transition:none}.example-card:hover{transform:none}}.backdrop-pond .backdrop-glow{background:radial-gradient(700px 500px at 66%,#1d5b4b,#0000 75%),radial-gradient(360px 260px at 8% 100%,#2c5a2e88,#0000 70%)}.backdrop-pond .backdrop-grain{background-image:radial-gradient(#ffffff0e 1px,#0000 1px)}.privacy{color:#cfeff0;background:#10303a;border:1px solid #2b5d66;border-radius:14px;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.55}.privacy strong{color:#8ff0d8}.pond{position:absolute;inset:0;overflow:hidden}.pond-floor{background:radial-gradient(120% 90% at 50% 45%,#3f8d84,#1d5a57 55%,#0e3536 100%);position:absolute;inset:0}.pond-floor i{opacity:.55;background:radial-gradient(circle at 35% 30%,#c9c2a8,#7d7764 70%);border-radius:50%;position:absolute}.pond-floor i:first-child{width:90px;height:64px;top:70%;left:8%}.pond-floor i:nth-child(2){width:54px;height:40px;top:78%;left:22%}.pond-floor i:nth-child(3){width:110px;height:80px;top:12%;left:78%}.pond-floor i:nth-child(4){width:70px;height:50px;top:82%;left:64%}.pond-floor i:nth-child(5){width:60px;height:46px;top:14%;left:4%}.pond-floor i:nth-child(6){width:40px;height:30px;top:6%;left:46%}.pond-floor i:nth-child(7){width:48px;height:36px;top:56%;left:86%}.pond-message{text-align:center;letter-spacing:.5px;color:#a7e3d6;opacity:.78;text-shadow:0 2px #0b3433,0 0 18px #0b343399;margin:0;font:600 38px/1.2 Georgia,Times New Roman,serif;position:absolute;top:46%;left:40px;right:40px}.koi{width:0;height:0;transition:left 1.6s ease-in-out,top 1.6s ease-in-out;position:absolute}.koi i{background:linear-gradient(90deg, hsl(var(--hue) 95% 58%), #fff7ee 55%, hsl(var(--hue) 90% 55%));width:52px;height:20px;transform:rotate(var(--angle)) scale(var(--size));border-radius:55% 40% 40% 55%;transition:transform .5s;animation:.9s ease-in-out infinite alternate koi-swim;position:absolute;top:-10px;left:-26px;box-shadow:0 6px 12px #021c1c88}.koi i:after{content:"";background:hsl(var(--hue) 90% 60%);clip-path:polygon(100% 50%,0 0,0 100%);width:16px;height:14px;position:absolute;top:3px;left:-12px}@keyframes koi-swim{0%{translate:0 -1.5px}to{translate:0 1.5px}}.pond-reflection{object-fit:cover;mix-blend-mode:screen;filter:saturate(.7)contrast(1.1);width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0;transform:scaleX(-1);-webkit-mask-image:linear-gradient(#000 0%,#000c 55%,#0005 100%);mask-image:linear-gradient(#000 0%,#000c 55%,#0005 100%)}.pond-sky{mix-blend-mode:screen;background:radial-gradient(70px 70px at 72% 22%,#f6f1d8,#f6f1d800 70%),linear-gradient(#5f8fa4aa,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.lily-pad{border:2px solid #8fd08a}.lily-pad .pad-label{letter-spacing:1px;text-transform:uppercase;opacity:.85;font-size:11px;font-weight:800}.lily-pad button{color:#1e4d26;background:#f4ffe9;border:0;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:800}@media (prefers-reduced-motion:reduce){.koi,.koi i{transition:none;animation:none}}.check.xray input{accent-color:#ffe9a8}.html-tag{white-space:nowrap;color:#fff6d0;background:#072626d9;border:1px solid #ffe9a866;border-radius:5px;padding:3px 6px;font:700 11px/1 ui-monospace,Cascadia Code,monospace;position:absolute;top:-30px;left:16px}.video-tag{top:18px;left:18px}.xray .koi i{outline-offset:3px;outline:2px dashed #ffe9a8}.xray .pond-message{outline-offset:6px;outline:2px dashed #ffe9a877}.xray .pond-message:before{content:"<p>";color:#fff6d0;text-shadow:none;letter-spacing:0;background:#072626d9;border-radius:5px;padding:3px 6px;font:700 11px/1 ui-monospace,Cascadia Code,monospace;position:absolute;top:-34px;left:0}.xray .pond-floor i{outline:2px dashed #ffe9a855}.xray .pond-floor i:before{content:"<i>";color:#fff6d0;font:700 10px/1 ui-monospace,Cascadia Code,monospace;position:absolute;top:50%;left:50%;translate:-50% -50%}