:root{--bg:#f2f5f9;--bg-2:#e7ecf3;--panel:hsla(0,0%,100%,.78);--solid:#fff;--ink:#0e1522;--muted:#6b7790;--line:rgba(14,21,34,.1);--line-2:rgba(14,21,34,.18);--orange:#ff6100;--teal:#57b4ba;--accent:#c24a00;--accent-2:#1f6e77;--accent-soft:rgba(255,97,0,.1);--grad:linear-gradient(100deg,#ff6100,#ef8f4e 38%,#9dbfae 62%,#57b4ba);--ok:#1d7a55;--warn:#9a5b00;--bad:#b3261e;--shadow-1:0 1px 2px rgba(14,21,34,.05),0 6px 20px -8px rgba(14,21,34,.12);--shadow-2:0 2px 4px rgba(14,21,34,.06),0 18px 44px -14px rgba(14,21,34,.26);--r:18px;--r-sm:12px;--display:"Instrument Serif",Georgia,"Times New Roman",serif;--body:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ease:cubic-bezier(.22,.8,.24,1)}@media (prefers-color-scheme:dark){:root{--bg:#0e1522;--bg-2:#182236;--panel:rgba(24,34,54,.72);--solid:#182236;--ink:#eef2f8;--muted:#9aa6bd;--line:rgba(238,242,248,.1);--line-2:rgba(238,242,248,.2);--accent:#ff8233;--accent-2:#7cc6cb;--accent-soft:rgba(255,130,51,.14);--grad:linear-gradient(100deg,#ff8233,#f0a977 38%,#9dbfae 62%,#7cc6cb);--ok:#6fd3a5;--warn:#e6b566;--bad:#ff9a92;--shadow-1:0 1px 2px rgba(0,0,0,.3),0 8px 24px -10px rgba(0,0,0,.5);--shadow-2:0 2px 6px rgba(0,0,0,.35),0 22px 50px -16px rgba(0,0,0,.7);color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:16px/1.55 var(--body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:var(--accent)}p{margin:0}h1,h2,h3{margin:0;text-wrap:balance}h1{font-size:clamp(38px,7vw,64px);line-height:1.02;letter-spacing:-.015em}h1,h2{font-family:var(--display);font-weight:400}h2{font-size:clamp(24px,3.4vw,30px);line-height:1.12}h3{font:600 15px var(--body)}.muted{color:var(--muted)}.small{font-size:14px}.eyebrow{font:600 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;padding-right:.08em}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,var(--bg) 0,var(--bg-2) 100%)}.backdrop i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.34;animation:drift 26s var(--ease) infinite alternate}.backdrop i:first-child{width:46vw;height:46vw;left:-12vw;top:-14vw;background:#ffc79e}.backdrop i:nth-child(2){width:40vw;height:40vw;right:-10vw;top:8vh;background:#a1d7db;animation-duration:32s;animation-delay:-8s}.backdrop i:nth-child(3){width:36vw;height:36vw;left:28vw;bottom:-20vw;background:#ffd9bd;animation-duration:38s;animation-delay:-15s}@media (prefers-color-scheme:dark){.backdrop i{opacity:.16}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6vw,5vh,0) scale(1.14)}}.wrap{max-width:1140px;margin:0 auto;padding-inline:20px;padding-block:36px 96px}.narrow{max-width:560px}.stack{display:flex;flex-direction:column;gap:18px}.stack.lg{gap:30px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.between{justify-content:space-between}.center{text-align:center;align-items:center}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:18px;gap:18px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;min-width:0;box-shadow:var(--shadow-1);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.rise{animation:rise .7s var(--ease) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-2);background:var(--solid);color:var(--ink);font:500 15px var(--body);padding:11px 18px;border-radius:999px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .2s,background .2s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-1);border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(100deg,#ff6100,#ff8233 55%,#e65700);background-size:160% 100%;border-color:transparent;color:#fff;box-shadow:0 8px 22px -10px rgba(255,97,0,.55)}.btn.primary:hover:not(:disabled){background-position:100% 0;box-shadow:0 12px 28px -10px rgba(255,97,0,.65);border-color:transparent}.btn.ghost{background:transparent}.btn.danger{color:var(--bad)}.btn.small{padding:7px 13px;font-size:13px}.btn.big{padding:15px 26px;font-size:16px}.btn svg{width:18px;height:18px;flex:none}.btn:focus-visible,.card:focus-visible,.drop:focus-within,.seg button:focus-visible,.tile:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}label.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:500;color:var(--muted)}input[type=date],input[type=email],input[type=password],input[type=text],textarea{width:100%;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--solid);color:var(--ink);font:16px var(--body);padding:12px 14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}textarea{min-height:110px;resize:vertical;line-height:1.5}.hidden-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.note{border-radius:var(--r-sm);padding:12px 16px;font-size:14px;border:1px solid var(--line);background:var(--accent-soft);animation:rise .4s var(--ease) both}.note.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,transparent);background:color-mix(in srgb,var(--bad) 8%,transparent)}.note.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:color-mix(in srgb,var(--ok) 8%,transparent)}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;padding:4px 11px;border-radius:999px;background:var(--solid);border:1px solid var(--line);white-space:nowrap}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}.pill.live{color:var(--ok)}.pill.live:before{background:var(--ok);animation:pulse 2.4s ease-in-out infinite}.pill.draft{color:var(--muted)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 50%,transparent)}50%{box-shadow:0 0 0 6px transparent}}.seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--solid);border:1px solid var(--line);gap:2px}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:500 13px var(--body);padding:7px 14px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;font:600 15px var(--body);color:inherit;text-decoration:none}.brand .mark{height:26px;width:auto}.brand .mark,.brand .mark.on-light{display:block}.brand .mark.on-dark{display:none}@media (prefers-color-scheme:dark){.brand .mark.on-light{display:none}.brand .mark.on-dark{display:block}}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:600;font-size:13px;text-transform:uppercase}.hero{position:relative;padding-block:clamp(28px,7vh,72px) 8px}.words{position:absolute;inset:-20px 0 0;z-index:-1;pointer-events:none;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}.words span{position:absolute;font-family:var(--display);font-style:italic;color:var(--accent);opacity:.13;animation:float 14s ease-in-out infinite alternate;white-space:nowrap}@keyframes float{0%{transform:translateY(0) rotate(var(--rot,0deg))}to{transform:translateY(-16px) rotate(var(--rot,0deg))}}.scan{position:relative;width:148px;height:148px;margin:4px auto}.scan .ph,.scan img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:var(--accent-soft)}.scan:before{inset:-8px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,#ff6100 80%,#57b4ba 100%);animation:spin 1.5s linear infinite;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}.scan:after,.scan:before{content:"";position:absolute}.scan:after{left:8%;right:8%;height:2px;top:50%;border-radius:2px;background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 14px 3px hsla(0,0%,100%,.7);animation:sweep 1.9s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes sweep{0%,to{transform:translateY(-58px);opacity:.2}50%{transform:translateY(58px);opacity:1}}.dots:after{content:"";animation:dots 1.4s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;counter-reset:s}.steps div{counter-increment:s;padding:14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel);font-size:14px;color:var(--muted)}.steps div:before{content:counter(s);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:13px;margin-bottom:8px}.steps b{display:block;color:var(--ink);font-weight:600}@media (max-width:560px){.steps{grid-template-columns:1fr}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-gap:12px;gap:12px}.tile{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;border:0;background:var(--bg-2);padding:0;cursor:pointer;box-shadow:var(--shadow-1);transition:transform .35s var(--ease),box-shadow .35s var(--ease);animation:pop .55s var(--ease) both;animation-delay:calc(min(var(--i, 0), 18) * 45ms)}.tile,.tile img{display:block;width:100%}.tile img{height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .3s}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}.tile:hover img{transform:scale(1.05)}.tile:after{content:"";position:absolute;inset:0;border-radius:inherit;border:3px solid transparent;transition:border-color .25s;pointer-events:none}.tile.selected:after{border-color:#ff6100}.tile .tick{position:absolute;top:9px;right:9px;width:26px;height:26px;border-radius:50%;background:rgba(15,18,24,.35);border:2px solid #fff;color:#fff;font-size:14px;line-height:22px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .25s,transform .3s var(--ease)}.tile.selected .tick{background:#ff6100;transform:scale(1.1)}.tile .tags{position:absolute;left:8px;bottom:8px;right:8px;display:flex;gap:5px;flex-wrap:wrap}.tile .view{position:absolute;left:9px;top:9px;opacity:0;transition:opacity .25s}.tile:focus-within .view,.tile:hover .view{opacity:1}.tag{font-size:11px;font-weight:500;background:rgba(15,18,24,.58);color:#fff;padding:3px 9px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tag.warn{background:rgba(154,91,0,.88)}.skeleton{aspect-ratio:1;border-radius:16px;background:linear-gradient(100deg,var(--bg-2) 30%,var(--solid) 50%,var(--bg-2) 70%);background-size:220% 100%;animation:shimmer 1.5s linear infinite}@keyframes shimmer{to{background-position:-220% 0}}.dock{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:6;width:min(680px,calc(100vw - 24px));background:color-mix(in srgb,var(--solid) 86%,transparent);border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow-2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;gap:10px;align-items:center;flex-wrap:wrap;animation:dock .6s var(--ease) both}.dock input{flex:1 1 200px;border-radius:999px}.dock .count{font-size:13px;color:var(--muted);padding-inline:8px}@keyframes dock{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.check{width:72px;height:72px}.check circle{fill:none;stroke:url(#g);stroke-width:3;stroke-dasharray:190;stroke-dashoffset:190;animation:draw .8s var(--ease) .1s forwards}.check path{fill:none;stroke:url(#g);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .45s var(--ease) .75s forwards}@keyframes draw{to{stroke-dashoffset:0}}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.card{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);color:inherit;text-decoration:none;box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s;animation:rise .6s var(--ease) both;animation-delay:calc(var(--i, 0) * 60ms)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--line-2)}.card .badge{width:46px;height:46px;border-radius:14px;background:var(--grad);color:#fff;display:grid;place-items:center;font:400 26px var(--display);font-style:italic}.card h3{font:400 24px/1.15 var(--display)}.card.new{border-style:dashed;background:transparent;box-shadow:none}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px;gap:14px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:rise .6s var(--ease) both;animation-delay:calc(var(--i, 0) * 70ms)}.stat b{display:block;font:400 44px/1 var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat span{font-size:13px;color:var(--muted)}.drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:30px 20px;border-radius:var(--r);border:1.5px dashed var(--line-2);cursor:pointer;transition:border-color .25s,background .25s,transform .3s var(--ease);background:color-mix(in srgb,var(--solid) 50%,transparent)}.drop.over,.drop:hover{border-color:var(--accent);background:var(--accent-soft)}.drop.over{transform:scale(1.01)}.drop svg{width:34px;height:34px;color:var(--accent)}.drop.busy svg,.drop.over svg{animation:bob 1.1s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-5px)}}.bar{height:8px;background:var(--bg-2)}.bar,.bar>i{border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--grad);transition:width .4s var(--ease);position:relative}.bar>i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);animation:shimmer 1.3s linear infinite;background-size:220% 100%}code.copy{background:var(--solid);border:1px solid var(--line);padding:8px 12px;border-radius:10px;font-size:13px;word-break:break-all;flex:1 1 220px}.modal{position:fixed;inset:0;background:rgba(8,11,16,.72);display:grid;place-items:center;padding:20px;z-index:10;animation:fade .25s both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal .inner{display:flex;flex-direction:column;gap:14px;align-items:center;max-width:100%;animation:pop .4s var(--ease) both}.modal img{max-width:100%;max-height:78vh;border-radius:14px}.modal img,.toast{box-shadow:var(--shadow-2)}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:20;background:var(--ink);color:var(--bg);padding:11px 20px;border-radius:999px;font-size:14px;animation:dock .5s var(--ease) both;max-width:calc(100vw - 32px)}.toast.bad{background:var(--bad);color:#fff}.empty{text-align:center;padding:44px 20px;border:1px dashed var(--line-2);border-radius:var(--r)}.back,.empty{color:var(--muted)}.back{display:inline-flex;align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:gap .25s var(--ease),color .2s}.back:hover{gap:10px;color:var(--ink)}.navlink{font:500 14px var(--body);color:var(--muted);text-decoration:none;padding:7px 12px;border-radius:999px}.navlink:hover{color:var(--ink)}.navlink[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.table{width:100%;border-collapse:collapse;font-size:14.5px}.table th{text-align:left;font:600 12px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:14px 16px;white-space:nowrap}.table td,.table th{border-bottom:1px solid var(--line)}.table td{padding:12px 16px;vertical-align:middle}.table tr:last-child td{border-bottom:0}@font-face{font-family:Tinos;src:url(/fonts/Tinos-Bold.ttf) format("truetype");font-weight:700;font-display:block}@font-face{font-family:Arimo;src:url(/fonts/Arimo-Bold.ttf) format("truetype");font-weight:700;font-display:block}select{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--solid);color:var(--ink);font:15px var(--body);padding:9px 12px;max-width:100%}input[type=range]{width:100%;accent-color:var(--orange);margin:0}.grid.desk{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.grid.desk .tile{aspect-ratio:3/4}.tile.fresh{outline:3px solid var(--orange);outline-offset:2px}.tag.new{background:var(--orange)}.tag.ok{background:rgba(29,122,85,.92)}.studio{position:fixed;inset:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) 360px;background:var(--bg);animation:fade .2s both}.studio-stage{display:grid;place-items:center;padding:24px;min-height:0;min-width:0;background:var(--bg-2)}.studio-stage canvas{max-width:100%;max-height:calc(100vh - 48px);background:#fff;border-radius:4px;box-shadow:var(--shadow-2)}.studio-side{display:flex;flex-direction:column;gap:16px;padding:22px;overflow:auto;border-left:1px solid var(--line);background:var(--solid)}.studio-side .field{color:var(--ink)}@media (max-width:820px){.studio{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.studio-stage canvas{max-height:52vh}.studio-side{border-left:0;border-top:1px solid var(--line);max-height:48vh}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}