@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap";
:root{--ink:#fff;--ink-2:#f5f8fc;--ink-3:#d9e4f2;--bone:#0b1b2b;--muted:#5b6b7c;--amber:#0a5cff;--amber-ink:#fff;--cyan:#00d4ff;--danger:#ff7b6b;--ok:#7fd1a8;--radius:10px;--font:"Manrope", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--bone);font-family:var(--font);margin:0;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.1}h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800}h2{font-size:1.5rem;font-weight:800}h3{font-size:1.05rem;font-weight:700}p{margin:0}.muted{color:var(--muted)}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.topbar{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:800;display:flex}.brand img{width:auto;height:30px}.brand .sub{color:var(--muted);font-size:.85rem;font-weight:500}.nav{color:var(--muted);align-items:center;gap:22px;display:flex}.nav a:hover{color:var(--bone)}.btn{border:1px solid var(--ink-3);background:var(--ink-2);color:var(--bone);border-radius:var(--radius);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn.primary{background:linear-gradient(90deg, var(--amber), var(--cyan));color:var(--amber-ink);border-color:#0000}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.panel{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:14px;padding:20px}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:.9rem}input,textarea,select{width:100%;color:var(--bone);border:1px solid var(--ink-3);border-radius:var(--radius);font:inherit;background:#fff;padding:11px 12px}textarea{resize:vertical;min-height:120px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.tool{border:1px solid var(--ink-3);background:var(--ink-2);border-radius:14px;gap:6px;padding:18px;display:grid}.tool:hover{border-color:var(--amber)}.tool .cost{color:var(--amber);font-size:.9rem;font-weight:700}.pill{border:1px solid var(--ink-3);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.9rem}.pill.on{background:var(--bone);color:var(--ink);border-color:var(--bone)}.balance{color:var(--amber);font-weight:800}.err{color:var(--danger);font-size:.95rem}.ok{color:var(--ok)}.jobs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.job{border:1px solid var(--ink-3);background:var(--ink-2);border-radius:12px;overflow:hidden}.job video,.job img{aspect-ratio:9/16;object-fit:cover;background:#e8f1ff;width:100%;display:block}.job .meta{color:var(--muted);padding:10px 12px;font-size:.85rem}.bar{background:var(--ink-3);border-radius:999px;height:6px;overflow:hidden}.bar>div{background:var(--amber);height:100%;transition:width .4s}.hero{gap:28px;padding:56px 0 40px;display:grid}.hero p.lead{max-width:56ch;color:var(--muted);font-size:1.15rem}.demo{grid-template-columns:1fr 240px;gap:16px;display:grid}@media (max-width:760px){.demo{grid-template-columns:1fr}.topbar .nav{display:none}}.showcase{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.showcase div{aspect-ratio:9/16;border:1px solid var(--ink-3);color:var(--muted);background:linear-gradient(160deg,#e8f1ff,#f5f8fc);border-radius:10px;place-items:end start;padding:10px;font-size:.85rem;display:grid}@media (max-width:760px){.showcase{grid-template-columns:repeat(3,1fr)}}footer{color:var(--muted);border-top:1px solid var(--ink-3);margin-top:60px;padding:40px 0;font-size:.9rem}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--ink-3);background:#fff;height:100vh;padding:18px 14px;position:sticky;top:0;overflow:auto}.side .brand{padding:4px 8px 18px}.side .group{color:var(--muted);padding:14px 10px 6px;font-size:.8rem}.side a.item{color:var(--bone);border-radius:9px;align-items:center;gap:10px;padding:9px 10px;display:flex}.side a.item:hover{background:var(--ink-2)}.side a.item.on{color:var(--amber);background:#e8f1ff;font-weight:700}.side a.item svg{flex:none;width:18px;height:18px}.main{min-width:0}.main .top{border-bottom:1px solid var(--ink-3);z-index:3;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.main .content{max-width:1240px;padding:28px}.search{border:1px solid var(--ink-3);background:#fff;border-radius:999px;align-items:center;gap:8px;width:min(420px,100%);padding:8px 14px;display:flex}.search input{background:0 0;border:0;padding:0}.chips{flex-wrap:wrap;gap:8px;margin:14px 0 20px;display:flex}.presets{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.preset{border:1px solid var(--ink-3);cursor:pointer;text-align:left;font:inherit;color:inherit;background:#fff;border-radius:14px;padding:0;overflow:hidden}.preset:hover{border-color:var(--amber)}.preset .thumb{aspect-ratio:9/16;color:var(--amber);text-align:center;background:linear-gradient(160deg,#e8f1ff,#cfe3ff);place-items:center;padding:12px;font-size:1.1rem;font-weight:800;display:grid;position:relative}.preset .thumb img,.preset .thumb video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preset .body{gap:2px;padding:10px 12px;display:grid}.preset .body small{color:var(--muted)}.title-xl{letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:800}.toolhero{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.toolhero a{gap:8px;display:grid}.toolhero .art{aspect-ratio:16/9;color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#0a5cff,#00d4ff);border-radius:14px;place-items:center;font-size:1.4rem;font-weight:800;display:grid}.toolhero .art.alt{background:linear-gradient(135deg,#0b1b2b,#0a5cff)}.utils{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.utils a{border:1px solid var(--ink-3);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:14px;display:flex}.utils a:hover{border-color:var(--amber)}.utils .ic{width:34px;height:34px;color:var(--amber);background:#e8f1ff;border-radius:9px;place-items:center;font-weight:800;display:grid}.table{border-collapse:collapse;width:100%}.table td,.table th{text-align:left;border-bottom:1px solid var(--ink-3);padding:10px 8px;font-size:.95rem}.menu-btn{display:none}@media (max-width:900px){.shell{grid-template-columns:1fr}.side{display:none}.side.open{z-index:10;display:block;position:fixed;inset:0}.menu-btn{display:inline-flex}.main .content{padding:18px}}