@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-var.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Spline Sans Mono;src:url(/fonts/splinemono-var.woff2) format("woff2-variations");font-weight:300 700;font-display:swap}:root{color-scheme:dark;--bg:#090a0e;--bg-elev:#0f1118;--surface-1:#14171f;--surface-2:#1a1e28;--surface-3:#222735;--overlay:rgba(4,5,8,0.66);--line:rgba(255,255,255,0.08);--line-strong:rgba(255,255,255,0.16);--text:#e9ecf5;--text-muted:#a2a9bd;--text-faint:#6d7488;--indigo:#7286ff;--violet:#a67cff;--cyan:#37d3e2;--emerald:#37d69b;--amber:#f2b13f;--rose:#ff6f85;--slate:#8d95aa;--accent:var(--indigo);--accent-ink:#ffffff;--accent-soft:rgba(114,134,255,0.14);--grid-dot:rgba(255,255,255,0.075);--canvas-bg:#0b0d13;--minimap-mask:rgba(9,10,14,0.66);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 6px 20px -6px rgba(0,0,0,0.55);--shadow-lg:0 24px 60px -18px rgba(0,0,0,0.7);--shadow-glow:0 0 0 1px var(--accent-soft),0 10px 30px -12px rgba(114,134,255,0.5);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--ease:cubic-bezier(0.22,0.61,0.36,1);--topbar-h:56px;--font-sans:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"Spline Sans Mono",ui-monospace,SFMono-Regular,Menlo,monospace}:root[data-theme=light]{color-scheme:light;--bg:#f4f5f9;--bg-elev:#ffffff;--surface-1:#ffffff;--surface-2:#f7f8fc;--surface-3:#eef0f7;--overlay:rgba(22,26,40,0.34);--line:rgba(16,21,40,0.1);--line-strong:rgba(16,21,40,0.2);--text:#10131c;--text-muted:#545c72;--text-faint:#838b9f;--indigo:#4d5ff0;--violet:#8354e8;--cyan:#0f9fb4;--emerald:#12a072;--amber:#b8762a;--rose:#dc4a63;--slate:#667089;--accent:var(--indigo);--accent-soft:rgba(77,95,240,0.12);--grid-dot:rgba(16,21,40,0.11);--canvas-bg:#fbfbfe;--minimap-mask:rgba(232,235,244,0.72);--shadow-sm:0 1px 2px rgba(16,21,40,0.06);--shadow-md:0 8px 24px -10px rgba(16,21,40,0.18);--shadow-lg:0 24px 60px -20px rgba(16,21,40,0.28);--shadow-glow:0 0 0 1px var(--accent-soft),0 10px 30px -14px rgba(77,95,240,0.4)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:var(--page-texture,none);background-size:520px;opacity:.5;mix-blend-mode:soft-light}:root[data-theme=light] body:before{opacity:.35}h1,h2,h3,h4{margin:0;font-weight:620;letter-spacing:-.02em;line-height:1.2}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.a-indigo{--accent:var(--indigo);--accent-soft:rgba(114,134,255,.14)}.a-violet{--accent:var(--violet);--accent-soft:rgba(166,124,255,.14)}.a-cyan{--accent:var(--cyan);--accent-soft:rgba(55,211,226,.14)}.a-emerald{--accent:var(--emerald);--accent-soft:rgba(55,214,155,.14)}.a-amber{--accent:var(--amber);--accent-soft:rgba(242,177,63,.15)}.a-rose{--accent:var(--rose);--accent-soft:rgba(255,111,133,.14)}.a-slate{--accent:var(--slate);--accent-soft:rgba(141,149,170,.14)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:14px;font-weight:550;cursor:pointer;white-space:nowrap;transition:background .15s var(--ease),border-color .15s var(--ease),transform .12s var(--ease),box-shadow .15s var(--ease)}.btn:hover{background:var(--surface-3);border-color:var(--line-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 82%,#000));border-color:transparent;color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 90%,#fff),color-mix(in srgb,var(--accent) 78%,#000));border-color:transparent}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface-2);border-color:var(--line)}.btn-danger:hover{background:color-mix(in srgb,var(--rose) 18%,transparent);border-color:color-mix(in srgb,var(--rose) 45%,transparent);color:var(--rose)}.btn-icon{width:36px;padding:0}.btn-sm{height:30px;padding:0 10px;font-size:13px}.btn-sm.btn-icon{width:30px}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.input,.textarea{width:100%;padding:9px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-1);color:var(--text);font-size:14.5px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}:root[data-theme=light] .input,:root[data-theme=light] .textarea{background:var(--surface-2)}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 0 3px var(--accent-soft)}.textarea{resize:vertical;min-height:76px;line-height:1.45}.card{position:relative;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--font-mono)}.chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11.5px;font-weight:650;letter-spacing:.03em;text-transform:uppercase}.shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:var(--topbar-h);display:flex;gap:12px;padding:0 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg-elev) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}.topbar,.wordmark{align-items:center}.wordmark{display:inline-flex;gap:9px;font-weight:680;letter-spacing:-.025em;font-size:15.5px}.wordmark .glyph{width:26px;height:26px;border-radius:8px;background:linear-gradient(140deg,var(--indigo),var(--cyan));display:grid;place-items:center;box-shadow:0 4px 14px -6px var(--indigo);flex:none}.crumbs{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;color:var(--text-muted)}.crumbs a:hover{color:var(--text)}.crumbs .sep{color:var(--text-faint)}.crumbs .here{color:var(--text);font-weight:600}.spacer{flex:1 1 auto}.page{flex:1 1;width:100%;max-width:1180px;margin:0 auto;padding:34px 22px 80px}.page-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:26px}.page-head h1{font-size:30px}.page-head p{margin:6px 0 0;color:var(--text-muted);font-size:14.5px;max-width:60ch}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}.modal-backdrop{position:fixed;inset:0;z-index:100;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;animation:fade .16s var(--ease)}.modal{width:min(560px,100%);max-height:88vh;overflow:auto;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:24px;animation:pop .2s var(--ease)}.modal h2{font-size:19px;margin-bottom:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.toasts{position:fixed;z-index:200;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);font-size:14px;animation:pop .18s var(--ease)}.toast.err{color:var(--rose)}.empty{display:grid;justify-items:center;text-align:center;grid-gap:10px;gap:10px;padding:64px 20px;border:1px dashed var(--line-strong);border-radius:var(--r-xl);background:color-mix(in srgb,var(--surface-1) 60%,transparent)}.empty img{width:148px;height:148px;object-fit:contain;border-radius:20px;opacity:.95;margin-bottom:4px}.empty h3{font-size:18px}.empty p{margin:0;color:var(--text-muted);max-width:46ch}.auth{z-index:1;min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth,.auth-art{position:relative}.auth-art{overflow:hidden;background:radial-gradient(120% 90% at 20% 15%,rgba(114,134,255,.35),transparent 60%),radial-gradient(110% 80% at 85% 80%,rgba(55,211,226,.28),transparent 62%),var(--bg-elev);border-right:1px solid var(--line)}.auth-art .art-img{position:absolute;inset:0;background-image:var(--auth-backdrop,none);background-size:cover;background-position:50%;opacity:.92}.auth-art .art-copy{position:absolute;left:46px;right:46px;bottom:44px;z-index:2}.auth-art .art-copy h2{font-size:27px;letter-spacing:-.03em;text-shadow:0 2px 24px rgba(0,0,0,.55)}.auth-art .art-copy p{margin:10px 0 0;max-width:44ch;color:rgba(255,255,255,.8);text-shadow:0 1px 16px rgba(0,0,0,.6)}.auth-form{display:grid;place-items:center;padding:32px}.auth-form form{width:min(360px,100%);display:flex;flex-direction:column;gap:16px}.auth-form h1{font-size:25px}.auth-error{font-size:13.5px;color:var(--rose);min-height:18px}@media (max-width:860px){.auth{grid-template-columns:1fr}.auth-art{display:none}}.inline-edit{background:transparent;border:1px solid transparent;border-radius:7px;padding:2px 7px;margin-left:-7px;cursor:text;text-align:left;font:inherit;color:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .14s var(--ease),border-color .14s var(--ease)}.inline-edit:hover{background:var(--surface-2);border-color:var(--line)}.inline-edit-input{background:var(--surface-1);border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 3px var(--accent-soft);border-radius:7px;padding:2px 7px;margin-left:-7px;font:inherit;color:inherit;max-width:100%;outline:none}.thumb{position:relative;border-radius:var(--r-md);background:radial-gradient(circle at 1px 1px,var(--grid-dot) 1px,transparent 0) 0 0 /16px 16px,var(--canvas-bg);border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}.thumb svg{width:100%;height:100%;padding:10px}.thumb-empty{font-size:12.5px}.tile{display:flex;flex-direction:column;gap:12px;padding:16px;cursor:pointer}.tile-top{display:flex;align-items:flex-start;gap:10px}.tile-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}.tile h3{font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile p{margin:3px 0 0;font-size:13px;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-foot{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-faint);margin-top:auto;padding-top:4px}.tile-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s var(--ease)}.card:focus-within .tile-actions,.card:hover .tile-actions{opacity:1}.dot-sep:before{content:"·";margin-right:8px;color:var(--text-faint)}.accent-row{display:flex;gap:8px}.accent-swatch{width:28px;height:28px;border-radius:9px;border:1px solid var(--line);background:var(--accent);cursor:pointer;transition:transform .14s var(--ease),box-shadow .14s var(--ease)}.accent-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg-elev),0 0 0 4px var(--accent);transform:scale(1.06)}.row{align-items:center}.row,.section-head{display:flex;gap:10px}.section-head{align-items:baseline;margin:34px 0 14px}.section-head h2{font-size:15px;letter-spacing:.02em;text-transform:uppercase;color:var(--text-faint);font-weight:650}.template-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px}.template-card{display:grid;grid-gap:4px;gap:4px;text-align:left;padding:10px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);cursor:pointer;transition:border-color .15s var(--ease),box-shadow .15s var(--ease),transform .15s var(--ease)}.template-card strong{font-size:13.5px;font-weight:620;margin-top:4px}.template-card span{font-size:12px;line-height:1.35}.template-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.template-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tile-accent:before{content:"";position:absolute;top:0;left:18px;right:18px;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 25%,transparent));opacity:.9}