@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/Inter.woff2') format('woff2')}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/Caveat.woff2') format('woff2')}:root{--ink-900:#07070a;--ink-800:#0b0b10;--ink-700:#101018;--paper:#f7f4ec;--paper-ink:#1c2a63;--text:#edecf4;--text-dim:#a5a2b8;--text-faint:#6f6c84;--line:rgba(255, 255, 255, 0.09);--line-soft:rgba(255, 255, 255, 0.055);--accent:#6c7bff;--accent-2:#b06cff;--accent-3:#ff9d6c;--shell:min(81.25rem, 100% - 3rem);--gutter:max(1rem, calc((100% - var(--shell)) / 2));--nav-h:5rem;--nav-row:2.875rem;--stage-pad-b:clamp(0.75rem, 2.5vh, 1.75rem);--ease:cubic-bezier(0.22, 1, 0.36, 1);--ease-soft:cubic-bezier(0.4, 0, 0.2, 1)}*,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;scrollbar-gutter:stable;font-size:16px}@media (min-width:1500px){html{font-size:clamp(16px, .95vw, 20px)}}body{margin:0;background:var(--ink-900);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:1rem;line-height:1.6;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.038em;line-height:1.05}p{margin:0}a{color:inherit;text-decoration:none}ol{margin:0;padding:0;list-style:none}::selection{background:rgba(108,123,255,.32);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.aurora{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}.aurora-1{top:-18vh;left:50%;width:62vw;height:62vw;max-width:900px;max-height:900px;margin-left:-31vw;background:radial-gradient(circle at 50% 50%,rgba(108,123,255,.42),transparent 62%);animation:drift-a 22s var(--ease-soft) infinite alternate}.aurora-2{top:20vh;right:-13vw;width:44vw;height:44vw;max-width:640px;max-height:640px;background:radial-gradient(circle at 50% 50%,rgba(176,108,255,.3),transparent 64%);animation:drift-b 26s var(--ease-soft) infinite alternate}.aurora-3{top:20vh;left:-13vw;width:44vw;height:44vw;max-width:640px;max-height:640px;background:radial-gradient(circle at 50% 50%,rgba(255,157,108,.22),transparent 66%);animation:drift-c 30s var(--ease-soft) infinite alternate}@keyframes drift-a{to{transform:translate3d(-4%,5%,0) scale(1.12)}}@keyframes drift-b{to{transform:translate3d(-7%,9%,0) scale(1.08)}}@keyframes drift-c{to{transform:translate3d(6%,-6%,0) scale(1.14)}}.grain{position:absolute;inset:-50%;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");animation:6s steps(6) infinite grain-shift}@keyframes grain-shift{0%,100%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,1%)}}.spotlight{position:fixed;z-index:1;top:0;left:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(140,155,255,.11),transparent 65%);transition:opacity .5s var(--ease-soft);will-change:transform}body.pointer-fine .spotlight{opacity:1}.nav{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;gap:clamp(.75rem,2vw,2rem);padding:clamp(.9rem,1.6vh,1.35rem) var(--gutter);min-height:calc(var(--nav-row) + 2 * clamp(.9rem,1.6vh,1.35rem));border-bottom:1px solid transparent;transition:padding .4s var(--ease),background-color .4s var(--ease-soft),border-color .4s var(--ease-soft),backdrop-filter .4s var(--ease-soft)}.nav.is-stuck{padding-top:.85rem;padding-bottom:.85rem;min-height:calc(var(--nav-row) + 2 * .85rem);border-bottom-color:var(--line-soft);background:rgba(7,7,10,.72);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}.brand,.footer-brand{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:1.2rem;letter-spacing:-.03em}.brand-name{display:inline-flex;align-items:baseline}.brand-name em{font-family:Caveat,cursive;font-style:normal;font-weight:700;font-size:1.32em;line-height:1;margin-left:.04em;letter-spacing:0;background:linear-gradient(92deg,#a9b2ff,#b06cff 70%,#ff9d6c);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-nib{display:block;width:1.75rem;height:1.75rem;flex:none;transition:transform .5s var(--ease)}.brand-nib svg{display:block;width:100%;height:100%}.brand,.footer-brand{transition:opacity .25s var(--ease-soft)}.brand:hover,.footer-brand:hover{opacity:.72}.nav-links{display:flex;gap:1.85rem;margin-right:auto;font-size:.9rem;color:var(--text-dim)}.nav-links a{position:relative;transition:color .25s var(--ease-soft)}.nav-links a::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.nav-links a:hover{color:var(--text)}.nav-links a:hover::after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:.6rem}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.62rem 1.05rem;border-radius:11px;font-size:.895rem;font-weight:500;letter-spacing:-.015em;white-space:nowrap;cursor:pointer;transition:transform .35s var(--ease),background-color .3s var(--ease-soft),border-color .3s var(--ease-soft),box-shadow .4s var(--ease),color .3s var(--ease-soft)}.btn-lg{padding:.92rem 1.5rem;border-radius:13px;font-size:.975rem}.btn-arrow{width:.94rem;height:.94rem;flex:none;transition:transform .4s var(--ease)}.btn:hover .btn-arrow{transform:translateX(3px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#7b87ff 0,#6c7bff 42%,#a469ff 100%);box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 8px 26px -10px rgba(108,123,255,.85);overflow:hidden}.btn-primary::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);transition:left .7s var(--ease)}.btn-primary:hover{box-shadow:0 1px 0 rgba(255,255,255,.32) inset,0 14px 40px -12px rgba(126,116,255,.95)}.btn-primary:hover::after{left:120%}.btn-quiet{color:var(--text-dim);border:1px solid var(--line);background:rgba(255,255,255,.028)}.btn-quiet:hover{color:var(--text);border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06)}.btn:active{transform:scale(.975)}main{position:relative;z-index:2}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;min-height:100svh;width:var(--shell);margin:0 auto;padding:calc(var(--nav-h) + clamp(1rem,5vh,3rem)) 0 clamp(2rem,5vh,4rem);text-align:center}.pill{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .55rem .4rem .75rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.82rem;color:var(--text-dim);transition:border-color .35s var(--ease-soft),color .35s var(--ease-soft),background-color .35s var(--ease-soft);animation:rise .9s var(--ease) both}.pill:hover{color:var(--text);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.07)}.pill-dot{width:6px;height:6px;border-radius:50%;background:#67e8a0;box-shadow:0 0 0 0 rgba(103,232,160,.6);animation:ping 2.4s var(--ease-soft) infinite}@keyframes ping{0%{box-shadow:0 0 0 0 rgba(103,232,160,.55)}70%{box-shadow:0 0 0 7px rgba(103,232,160,0)}100%{box-shadow:0 0 0 0 rgba(103,232,160,0)}}.hero-title{margin:0;font-size:clamp(2.15rem, 8.4vw, 6.6rem);line-height:.98;letter-spacing:-.008em}.title-line{display:block}.title-line .w{display:inline-block;opacity:0;transform:translateY(.42em) rotate(1.5deg);filter:blur(9px);animation:word-in 1.05s var(--ease) forwards;animation-delay:calc(var(--i, 0) * 62ms + 120ms)}@keyframes word-in{to{opacity:1;transform:none;filter:blur(0)}}.script{font-family:Caveat,cursive;font-weight:700;letter-spacing:-.005em;background:linear-gradient(105deg,#9aa6ff 0,#c79bff 46%,#ffbd97 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-title .script{position:relative;padding:0 .06em;font-size:1.22em;line-height:.8}.title-line:first-child .w:first-child{--i:0}.title-line:first-child .w:nth-child(2){--i:1}.title-line:first-child .w:nth-child(3){--i:2}.title-line:last-child .w:first-child{--i:3}.title-line:last-child .w:nth-child(2){--i:4}.squiggle{position:absolute;left:0;right:0;bottom:-.02em;width:100%;height:.16em;overflow:visible}.squiggle path{stroke-dasharray:340;stroke-dashoffset:340;animation:draw 1.3s var(--ease) .85s forwards}@keyframes draw{to{stroke-dashoffset:0}}.hero-sub{max-width:33ch;margin:1.7rem auto 0;font-size:clamp(1.05rem, 1.6vw, 1.24rem);line-height:1.55;color:var(--text-dim);animation:rise 1s var(--ease) .5s both}.hero-sub em{font-style:normal;color:var(--text);font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:2.1rem;animation:rise 1s var(--ease) .62s both}@keyframes rise{from{opacity:0;transform:translateY(16px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}[data-reveal]{opacity:0;transform:translateY(26px);filter:blur(8px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);transition-delay:var(--d, 0ms)}[data-reveal].is-in{opacity:1;transform:none;filter:blur(0)}.closing{width:var(--shell);margin:clamp(6rem,14vw,10rem) auto 0;padding:clamp(3.5rem,9vw,6.5rem) 1.5rem;border:1px solid var(--line-soft);border-radius:26px;text-align:center;background:radial-gradient(ellipse 80% 120% at 50% 0,rgba(108,123,255,.17),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.035),transparent);overflow:hidden}.closing-title{font-size:clamp(2.2rem, 6.2vw, 4.4rem);line-height:1.02}.closing-title .script{font-size:1.16em;line-height:1.1}.closing-sub{max-width:42ch;margin:1.35rem auto 0;font-size:clamp(.98rem, 1.5vw, 1.1rem);color:var(--text-dim)}.footer{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem;width:100%;margin:clamp(4.5rem,10vw,7rem) 0 0;padding:2rem var(--gutter) 2.8rem;border-top:1px solid var(--line-soft);position:relative;z-index:2}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-right:auto;font-size:.875rem;color:var(--text-dim)}.footer-links a{transition:color .25s var(--ease-soft)}.footer-links a:hover{color:var(--text)}.footer-note{font-size:.815rem;color:var(--text-faint)}.notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:6rem 1.5rem;text-align:center}.notfound-inner{display:flex;flex-direction:column;align-items:center;max-width:46rem;text-align:center}.notfound-copy{animation:rise 1s var(--ease) .25s both}.notfound-copy h1{margin-top:1.5rem;font-size:clamp(2.3rem, 6vw, 4.1rem);line-height:1.02}.notfound-copy h1 .script{font-size:1.18em;line-height:.9;position:relative;padding:0 .06em}.notfound-copy>p{max-width:38ch;margin:1.4rem 0 0;font-size:clamp(1rem, 1.5vw, 1.13rem);color:var(--text-dim)}.notfound-copy .hero-actions{justify-content:center;margin-top:2.2rem;animation:none}@media (max-width:860px){.notfound-copy .hero-actions{justify-content:center}.notfound-copy>p{margin-left:auto;margin-right:auto}}@media (max-width:900px){.nav-links{display:none}.nav-actions{margin-left:auto}}@media (max-width:620px){:root{--shell:calc(100% - 2rem);--nav-h:4.35rem}.btn-lg{width:100%}.hero-actions{flex-direction:column}}@media (max-width:540px){:root{--nav-row:2.51rem}.nav .btn{padding:.5rem .78rem;font-size:.82rem}.brand,.footer-brand{font-size:1.05rem;gap:.45rem}.brand-nib{width:1.5rem;height:1.5rem}.footer{gap:.9rem 1.5rem}}@media (max-width:400px){.nav-actions .btn-quiet{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.hero-actions,.hero-sub,.notfound-copy,.pill,.title-line .w,[data-reveal]{opacity:1;transform:none;filter:none}.squiggle path{stroke-dashoffset:0}.spotlight{display:none}}.scroll-cue{width:22px;height:36px;margin:3.2rem auto 0;border:1px solid var(--line);border-radius:12px;position:relative;animation:rise 1s var(--ease) .9s both}.scroll-cue span{position:absolute;left:50%;top:8px;width:3px;height:6px;margin-left:-1.5px;border-radius:2px;background:var(--accent);animation:cue 1.9s var(--ease-soft) infinite}@keyframes cue{0%{transform:translateY(0);opacity:0}30%{opacity:1}70%{transform:translateY(13px);opacity:0}100%{opacity:0}}.write-track{height:420vh;position:relative}.write-stage{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;width:var(--shell);margin:0 auto;padding:calc(var(--nav-h) + .25rem) 0 var(--stage-pad-b)}.write-app{display:flex;width:100%;height:100%;max-height:64rem;min-width:0;min-height:0}.sheet-frame{position:relative;height:min(70vh,600px);width:auto;max-width:100%;margin-left:auto;aspect-ratio:595/842;border-radius:6px;overflow:hidden;box-shadow:0 50px 90px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.07)}.sheet-shadow{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,rgba(0,0,0,.14),transparent 40%,rgba(0,0,0,.08))}.sheet-svg,.sheet-svg svg{display:block;width:100%;height:100%}body.pointer-fine .sheet-svg{transform:translateZ(0)}.sheet-svg .g{opacity:0}.sheet-svg .g.on,.sheet-svg.no-anim .g{opacity:1}.gallery{width:var(--shell);margin:clamp(5rem,12vw,9rem) auto 0}.gallery-track{height:960vh;position:relative}.gallery-stage{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,17rem);grid-template-rows:minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:stretch;width:100%;margin:0 auto;padding:calc(var(--nav-h) + .25rem) 0 var(--stage-pad-b)}.gallery-frames{position:relative;width:100%;height:100%;min-width:0;min-height:0;margin:0;container-type:size}.frame{position:absolute;inset:0;display:grid;place-items:center;margin:0;border-radius:6px;overflow:hidden;opacity:0;background:0 0;transform:none;transition:none;box-shadow:none}.frame.is-on{opacity:1;transform:none;z-index:2}.frame img,.frame-object{grid-area:1/1;display:block;user-select:none;height:min(100cqh,calc(100cqw * 842 / 595));width:auto;max-width:none;max-height:none;border-radius:5px;box-shadow:0 44px 84px -38px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.07)}.frame img{-webkit-user-drag:none}.frame-object{border:0;overflow:hidden;opacity:0;pointer-events:none}.frame.has-object .frame-object{opacity:1}.frame.has-object img{visibility:hidden}.frame.is-warming .frame-object{opacity:1}.frame.is-warming.is-on img{z-index:2;visibility:visible}.frame.is-warming.is-on .frame-object{z-index:1}.frame.is-warming:not(.is-on){z-index:3;opacity:.001;transform:none}.gallery-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;align-self:center;max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;border:1px solid var(--line-soft);border-radius:14px;background:var(--line-soft)}.gallery-list::-webkit-scrollbar{display:none}.gallery-list button{display:flex;align-items:center;gap:.75rem;width:100%;padding:clamp(.55rem,1.25vh,.85rem) 1rem;border:none;background:var(--ink-900);color:var(--text-dim);font:inherit;font-size:.88rem;text-align:left;cursor:pointer;transition:background-color .4s var(--ease-soft),color .4s var(--ease-soft)}@media (hover:hover){.gallery-list button:hover{background:#101017;color:var(--text)}}.gallery-list button[aria-selected=true]{background:rgba(108,123,255,.13);color:#d6dbff;box-shadow:inset 2px 0 0 var(--accent)}.gallery-list button[aria-selected=true] i{color:#aab2ff}.gallery-list b{font-weight:500}.gallery-list i{margin-left:auto;font-style:normal;font-size:.78rem;color:var(--text-faint)}.swatch{width:9px;height:9px;border-radius:50%;background:var(--sw);box-shadow:0 0 0 3px rgba(255,255,255,.05);flex:none}.features{width:var(--shell);margin:clamp(6rem,14vw,10rem) auto 0}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(2.5rem,6vw,4rem);border:1px solid var(--line-soft);border-radius:20px;background:var(--line-soft);overflow:hidden}.feature{position:relative;display:flex;flex-direction:column;padding:1.9rem 1.7rem 2.1rem;background:var(--ink-900);transition:background-color .5s var(--ease-soft)}.feature::before{content:'';position:absolute;inset:0;opacity:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0),rgba(108,123,255,.2),transparent 68%);transition:opacity .5s var(--ease-soft)}.feature::after{content:'';position:absolute;inset:0;padding:1px;opacity:0;background:radial-gradient(180px circle at var(--mx,50%) var(--my,0),rgba(150,162,255,.75),transparent 62%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:opacity .5s var(--ease-soft);pointer-events:none}.feature:hover::after,.feature:hover::before{opacity:1}.feature>*{position:relative}.feature h3{margin:1.35rem 0 0;line-height:1.32;letter-spacing:-.025em;max-width:22ch;font-size:1.22rem}.feature p{font-size:.92rem;line-height:1.66;color:var(--text-dim)}.feature code{padding:.1em .4em;border-radius:5px;background:rgba(255,255,255,.07);font-size:.86em;color:#c3c9ff}.feature-visual{display:flex;align-items:center;gap:.5rem;height:82px;border-radius:12px;border:1px solid var(--line-soft);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent);padding:0 1rem}.feature-visual-upload{justify-content:center}.drop{display:flex;align-items:center;gap:.7rem;padding:.55rem 1rem;border:1px dashed rgba(255,255,255,.22);border-radius:10px;color:var(--accent);animation:bob 3.4s var(--ease-soft) infinite}.drop svg{width:19px;height:19px}.drop-file{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:var(--text-dim)}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.feature-visual-lang{display:grid;grid-template-columns:repeat(5,1fr);place-items:center;gap:0;font-size:.95rem;color:var(--text-dim);overflow:hidden}.feature-visual-lang span{opacity:.75;transition:color .4s var(--ease-soft),opacity .4s var(--ease-soft);display:inline-block;transition:opacity .24s var(--ease),transform .24s var(--ease),filter .24s var(--ease)}.feature:hover .feature-visual-lang span{opacity:1;color:var(--text)}.feature-visual-export{justify-content:space-around;font-size:.76rem;font-weight:600;letter-spacing:.06em;color:var(--text-faint)}.feature-visual-export b{padding:.3rem .55rem;border:1px solid var(--line-soft);border-radius:7px;background:rgba(255,255,255,.03);transition:transform .4s var(--ease),border-color .4s var(--ease-soft),color .4s var(--ease-soft),background-color .4s var(--ease-soft)}@media (max-width:1000px){.aurora{filter:none;animation:none;will-change:auto}.grain{display:none}.nav.is-stuck{background:rgba(7,7,10,.96);-webkit-backdrop-filter:none;backdrop-filter:none}.write-track{height:auto}.write-stage{position:static;height:auto;grid-template-rows:none;place-items:stretch;padding:clamp(2.5rem,9vw,5rem) 0}.write-app{height:auto;max-height:none}.gallery-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:.85rem}.gallery-track{height:1500vh}.gallery-list{flex-direction:row;align-self:stretch;max-height:none;overflow-x:auto;overflow-y:hidden;gap:.45rem;padding-bottom:2px;border:0;border-radius:0;background:0 0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:auto}.gallery-list li{flex:0 0 auto}.gallery-list button{width:auto;gap:.4rem;padding:.5rem .8rem;border:1px solid var(--line-soft);border-radius:999px;white-space:nowrap;background:rgba(255,255,255,.03)}.gallery-list button[aria-selected=true]{border-color:rgba(108,123,255,.55);background:rgba(108,123,255,.16);color:#c2c8ff;box-shadow:none}.gallery-list i{margin-left:.1rem}}@media (max-width:620px){.feature-grid{grid-template-columns:1fr}.gallery-track{height:1800vh}}@media (prefers-reduced-motion:reduce){.write-track{height:auto}.write-stage{position:static;height:auto;grid-template-rows:none;place-items:stretch;padding:4rem 0}.write-app{height:auto;max-height:none}.sheet-svg .g{opacity:1}.frame{position:absolute}.scroll-cue{display:none}.app-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.app-editor{border-right:none;border-bottom:1px solid var(--line-soft)}.editor-scroll{height:auto;overflow:visible}.app-out{container-type:normal}.app-out .sheet-frame{height:auto;width:100%}.gallery-track{height:auto}.gallery-stage{position:static;height:auto;padding:2rem 0 0}.gallery-frames{height:min(78svh,58rem)}.gallery-list{align-self:stretch}}.pill-static{cursor:default;animation:rise .9s var(--ease) .1s both}.pill-dot-warn{background:#ffb86b;animation:none;box-shadow:0 0 0 3px rgba(255,184,107,.16)}.notfound-copy h1 .stop{color:var(--text)}.app{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 1px 0 rgba(255,255,255,.11) inset,0 46px 92px -46px rgba(0,0,0,.95)}.app-bar{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border-bottom:1px solid var(--line-soft);font-size:.75rem;color:var(--text-faint)}.app-dots{display:flex;gap:.32rem}.app-dots i{width:.5rem;height:.5rem;border-radius:50%;background:rgba(255,255,255,.14)}.app-title{letter-spacing:-.005em;margin-right:auto}.app-body{display:grid;grid-template-columns:minmax(0,0.86fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);flex:1;min-height:0}.app-editor{display:flex;flex-direction:column;border-right:1px solid var(--line-soft);min-width:0;min-height:0}.tools{padding:.75rem .9rem;border-bottom:1px solid var(--line-soft);display:grid;gap:.5rem}.tool-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.tool-label{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-right:.15rem}.tool-sep{width:1px;height:14px;margin:0 .35rem;background:var(--line)}.chip{padding:.2rem .55rem;border:1px solid var(--line-soft);border-radius:7px;font-size:.72rem;color:var(--text-faint);background:rgba(255,255,255,.022)}.chip.is-on{border-color:rgba(108,123,255,.5);background:rgba(108,123,255,.16);color:#c2c8ff}.ink{width:.94rem;height:.94rem;border-radius:50%;background:var(--sw);box-shadow:0 0 0 1px rgba(255,255,255,.16);transition:background-color .3s var(--ease-soft)}.ink.is-on{box-shadow:0 0 0 2px var(--accent),0 0 0 4px rgba(108,123,255,.2)}.editor-scroll{flex:1;padding:1.1rem 1.1rem .6rem;min-height:0;overflow:hidden}.editor-text{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.83rem;line-height:1.95;color:#d3d1e2;white-space:pre-wrap;word-break:break-word}.editor-text::after{content:'';display:inline-block;width:2px;height:1.02em;margin-left:1px;vertical-align:text-bottom;background:var(--accent);animation:1.05s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.editor-text mark{border-radius:3px;padding:.05em .1em;background:rgba(209,96,26,.28);box-shadow:inset 0 -1px 0 rgba(209,96,26,.9);color:#fff}.editor-foot{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.1rem .8rem;border-top:1px solid var(--line-soft);font-size:.7rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.editor-live{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem}.editor-live i{width:6px;height:6px;border-radius:50%;background:#67e8a0;animation:ping 2.4s var(--ease-soft) infinite}.app-out{padding:clamp(.55rem,1.4vh,1rem);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.22);min-width:0;min-height:0;container-type:size}.app-out .sheet-frame{position:relative;height:min(100cqh,calc(100cqw * 842 / 595));width:auto;max-width:100%;margin:0;aspect-ratio:595/842;border-radius:4px;overflow:hidden;box-shadow:0 22px 46px -22px rgba(0,0,0,.9)}.app-out .sheet-shadow{background:linear-gradient(118deg,rgba(0,0,0,.1),transparent 38%)}@media (max-width:1000px){.app-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.app-editor{border-right:none;border-bottom:1px solid var(--line-soft)}.editor-scroll{flex:0 0 auto;height:auto;overflow:visible;padding-top:.85rem}.app-out{container-type:normal;padding:clamp(.75rem,3vw,1.15rem)}.app-out .sheet-frame{height:auto;width:100%}}@media (max-width:760px){.tools{padding:.65rem .75rem;gap:.45rem}.editor-foot{padding:.5rem .9rem .65rem}}.tools .chip{font:inherit;font-size:.72rem;cursor:pointer;transition:background-color .25s var(--ease-soft),border-color .25s var(--ease-soft),color .25s var(--ease-soft)}.tools .ink{border:none;padding:0;cursor:pointer}.tools .ink:disabled{cursor:not-allowed;opacity:.3;box-shadow:0 0 0 1px rgba(255,255,255,.1)}.tool-row-mark{padding-top:.1rem}.tool{display:grid;place-items:center;width:1.63rem;height:1.5rem;padding:0;border:1px solid var(--line-soft);border-radius:7px;background:rgba(255,255,255,.022);color:var(--text-dim);font:inherit;font-size:.78rem;cursor:pointer;transition:background-color .22s var(--ease-soft),border-color .22s var(--ease-soft),color .22s var(--ease-soft)}@media (hover:hover){.tools .chip:hover{border-color:rgba(255,255,255,.2);color:var(--text)}.tool:hover{color:var(--text);border-color:rgba(255,255,255,.2)}.chip.is-locked:hover,.tool.is-locked:hover{opacity:.85}}.tool.is-on{border-color:rgba(108,123,255,.55);background:rgba(108,123,255,.18);color:#c2c8ff}.sw-wo{width:13px;height:9px;border-radius:2px;background:#f2efe6}.sw-hl{width:13px;height:9px;border-radius:2px;background:#e8d44d}.sw-er{width:13px;height:10px;border-radius:2px 2px 3px 3px;background:linear-gradient(180deg,#e07a5f 55%,#dcd6c8 55%)}.tool svg{width:.94rem;height:.94rem}.chip.is-locked,.tool.is-locked{opacity:.5;cursor:pointer}.toast{position:fixed;z-index:200;left:50%;bottom:2rem;transform:translate(-50%,1rem);padding:.7rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:rgba(16,16,24,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 44px -20px rgba(0,0,0,.95);font-size:.86rem;color:var(--text);opacity:0;pointer-events:none;transition:opacity .35s var(--ease),transform .45s var(--ease)}.toast.is-on{opacity:1;transform:translate(-50%,0)}.feature-visual-diagram{justify-content:center;color:var(--accent)}.feature-visual-diagram svg{width:132px;height:60px;opacity:.85}.feature:hover .feature-visual-diagram svg{opacity:1}.tool-row .ink{flex:none}.swatch-trio{background:conic-gradient(#16161a 0 33%,#12277d 0 66%,#3a3a3f 0)}.swatch-ink3{background:conic-gradient(#16161a 0 33%,#12277d 0 66%,#d1601a 0)}.feature-visual-diagram svg circle,.feature-visual-diagram svg path{stroke-dasharray:160;stroke-dashoffset:160}.feature[data-reveal].is-in .feature-visual-diagram svg circle,.feature[data-reveal].is-in .feature-visual-diagram svg path{animation:draw-in 1.1s var(--ease) forwards}.feature[data-reveal].is-in .feature-visual-diagram svg path:nth-child(2){animation-delay:.18s}.feature[data-reveal].is-in .feature-visual-diagram svg path:nth-child(3){animation-delay:.36s}.feature[data-reveal].is-in .feature-visual-diagram svg path:nth-child(4){animation-delay:.52s}.feature[data-reveal].is-in .feature-visual-diagram svg path:nth-child(5){animation-delay:.66s}.feature[data-reveal].is-in .feature-visual-diagram svg circle{animation-delay:.8s}@keyframes draw-in{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.feature-visual-diagram svg circle,.feature-visual-diagram svg path{stroke-dasharray:none;stroke-dashoffset:0}}.feature-visual-lang span.is-out{opacity:0;transform:translateY(-8px);filter:blur(4px)}.feature:hover .feature-visual-diagram svg path{animation:draw-in .95s var(--ease) forwards}.feature:hover .feature-visual-diagram svg path:nth-child(2){animation-delay:.12s}.feature:hover .feature-visual-diagram svg path:nth-child(3){animation-delay:.26s}.feature:hover .feature-visual-diagram svg path:nth-child(4){animation-delay:.4s}.feature:hover .feature-visual-diagram svg path:nth-child(5){animation-delay:.52s}.feature:hover .feature-visual-export b{transform:translateY(-5px);color:var(--text);border-color:rgba(108,123,255,.45);background:rgba(108,123,255,.12)}.feature:hover .feature-visual-export b:nth-child(2){transition-delay:70ms}.feature:hover .feature-visual-export b:nth-child(3){transition-delay:0.14s}.feature-visual-upload .drop{transition:border-color .4s var(--ease-soft),color .4s var(--ease-soft)}.feature:hover .feature-visual-upload .drop{border-color:rgba(108,123,255,.6);animation:drop-in .85s var(--ease)}@keyframes drop-in{0%{transform:translateY(-16px);opacity:.25}55%{transform:translateY(3px);opacity:1}100%{transform:translateY(0);opacity:1}}.cursor-dot{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#d3d7ff;box-shadow:0 0 10px 2px rgba(139,150,255,.75),0 0 24px 7px rgba(124,110,240,.35);will-change:transform;transition:opacity .25s var(--ease-soft)}body.cursor-gone .cursor-dot{opacity:0}