@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.bYvC1W_className{font-family:Inter,Inter Fallback;font-style:normal}.bYvC1W_variable{--font-inter:"Inter", "Inter Fallback"}
:root{--kbw-backdrop:#060605db;--kbw-surface:#12110fc7;--kbw-surface-raised:#1d1a16e6;--kbw-selected:#292e21eb;--kbw-selected-soft:#1d221bb8;--kbw-accent:#c2b36b;--kbw-border:#7a756bbf;--kbw-border-soft:#4d4a45a6;--kbw-text:#ebe8e0;--kbw-text-muted:#a3a199;--kbw-ready:#6ba861eb;--kbw-bad:#d66b3d;--kbw-warn:#db9e47;--kbw-warn-soft:#75522ecc;--kbw-danger-soft:#613d2ed9;--kbw-primary:#4d704ae0;--kbw-primary-hover:#618559f0;--kbw-disabled:#2926248c;--ghost-plan:#8cc7ff;--ghost-plan-dim:#5c7d9e;--ghost-conflict:#cc4033;--ghost-highlight:#f2d959;--ghost-gather:#61db8f;--ghost-range:#e6f2ff}
:root{--font:var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:clamp(2rem, 1.4rem + 2.4vw, 3.25rem);--leading-tight:1.2;--leading:1.5;--bg:#0b0b0a;--bg-subtle:#11110f;--surface:#141311db;--surface-raised:#1e1c19eb;--surface-hover:#282521f2;--surface-glass:#0e0e0cb8;--overlay:#0009;--border-subtle:#fff5dc0f;--border:#fff5dc1a;--border-strong:#fff5dc2e;--text:var(--kbw-text);--text-muted:var(--kbw-text-muted);--text-faint:#a3a199b8;--accent:var(--kbw-accent);--accent-soft:#c2b36b1f;--accent-border:#c2b36b73;--ready:#74b268;--ready-soft:#6ba86124;--primary:#4a7046;--primary-hover:#588252;--primary-border:#84c4768c;--danger:var(--kbw-bad);--danger-soft:#d66b3d24;--warn:var(--kbw-warn);--warn-soft:#db9e471f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--shadow-sm:0 1px 2px #0006;--shadow:0 4px 12px #00000059, 0 1px 3px #0006;--shadow-lg:0 18px 48px #0000008c, 0 4px 12px #0006;--inset-highlight:inset 0 1px 0 #fff5dc0a;--ring:0 0 0 2px var(--bg), 0 0 0 4px #c2b36bd9;--ease:cubic-bezier(.2, .8, .2, 1);--duration:.16s;--page-width:1240px;--header-height:60px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background:var(--bg);height:100%;color:var(--text);font:var(--text-base) / var(--leading) var(--font);font-feature-settings:"cv11", "ss01";margin:0}h1,h2,h3,h4{line-height:var(--leading-tight);letter-spacing:-.01em;text-wrap:balance}p{text-wrap:pretty}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--text)}::selection{color:var(--text);background:#c2b36b59}:focus{outline:none}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none}img{max-width:100%}*{scrollbar-width:thin;scrollbar-color:#fff5dc29 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#fff5dc24 padding-box content-box;border:3px solid #0000;border-radius:999px}.skip-link{left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--accent);color:#111;font-weight:600;text-decoration:none;position:absolute;top:-100px}.skip-link:focus-visible{top:var(--space-3)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.btn,.primary,.secondary,.danger,.ghost{--btn-bg:var(--surface-raised);--btn-bg-hover:var(--surface-hover);--btn-border:var(--border);--btn-color:var(--text);justify-content:center;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);border:1px solid var(--btn-border);border-radius:var(--radius);background:var(--btn-bg);color:var(--btn-color);font:500 var(--text-base) / 1 var(--font);white-space:nowrap;cursor:pointer;box-shadow:var(--inset-highlight), var(--shadow-sm);transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease), transform var(--duration) var(--ease), color var(--duration) var(--ease);-webkit-user-select:none;user-select:none;text-decoration:none;display:inline-flex}.btn:hover,.primary:hover,.secondary:hover,.danger:hover,.ghost:hover{background:var(--btn-bg-hover);color:var(--btn-color)}.btn:active,.primary:active,.secondary:active,.danger:active{transform:translateY(1px)}.btn:focus-visible,.primary:focus-visible,.secondary:focus-visible,.danger:focus-visible,.ghost:focus-visible{box-shadow:var(--ring)}.btn:disabled,.btn[aria-disabled=true],.primary:disabled,.secondary:disabled,.danger:disabled,.ghost:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary,.btn-primary{--btn-bg:var(--primary);--btn-bg-hover:var(--primary-hover);--btn-border:var(--primary-border)}.danger,.btn-danger{--btn-bg:#8c3e248c;--btn-bg-hover:#aa4a2ab3;--btn-border:#d66b3da6}.ghost,.btn-ghost{--btn-bg:transparent;--btn-bg-hover:var(--surface-hover);--btn-border:transparent;--btn-color:var(--text-muted);box-shadow:none}.ghost:hover,.btn-ghost:hover{--btn-color:var(--text)}.btn-accent{--btn-bg:var(--accent-soft);--btn-bg-hover:#c2b36b33;--btn-border:var(--accent-border);--btn-color:var(--accent)}.small,.btn-sm{min-height:30px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-lg{min-height:44px;padding:0 var(--space-6);font-size:var(--text-md)}.btn-icon{width:36px;padding:0}.btn-icon.btn-sm{width:30px}.btn svg,.primary svg,.secondary svg,.danger svg,.ghost svg{flex:none;width:16px;height:16px}.btn-block{width:100%}.link-button{align-items:center;gap:var(--space-1);color:var(--text-muted);font:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;background:0 0;border:0;padding:0;display:inline-flex}.link-button:hover{color:var(--text)}.link-button:disabled{opacity:.5;cursor:not-allowed}.input,.page select,.page textarea,.dialog-content select,.dialog-content textarea{width:100%;min-height:36px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:var(--text-base) / 1.4 var(--font);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:#08080799}.input::placeholder,.page textarea::placeholder{color:var(--text-faint)}.input:hover,.page select:hover,.page textarea:hover{border-color:var(--border-strong)}.input:focus-visible,.page select:focus-visible,.page textarea:focus-visible,.dialog-content select:focus-visible,.dialog-content textarea:focus-visible{border-color:var(--accent-border);border-radius:var(--radius);box-shadow:0 0 0 3px #c2b36b2e}.page textarea,.dialog-content textarea{resize:vertical;min-height:96px}.field{gap:6px;display:grid}.field>span:first-child,.field-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:500}.field small,.field-hint{color:var(--text-faint);font-size:var(--text-xs)}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon>svg{width:16px;height:16px;color:var(--text-faint);pointer-events:none;position:absolute;left:10px}.input-with-icon>.input{padding-left:34px}input[type=checkbox],input[type=radio]{accent-color:var(--ready);width:15px;height:15px}.badge{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-raised);height:22px;color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-weight:500;display:inline-flex}.badge svg{width:12px;height:12px}.badge-ready{color:var(--ready);background:var(--ready-soft);border-color:#74b26866}.badge-accent{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.badge-danger{color:var(--danger);background:var(--danger-soft);border-color:#d66b3d73}.kbd{border:1px solid var(--border-strong);background:var(--surface-raised);min-width:20px;height:20px;color:var(--text-muted);font:600 11px / 1 var(--mono);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.avatar{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text);font-weight:600;font-size:var(--text-sm);border:1px solid var(--border-strong);background:linear-gradient(135deg,#c2b36b59,#4a70468c);flex:none;place-items:center;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:24px;height:24px;font-size:11px}.avatar-lg{width:64px;height:64px;font-size:var(--text-xl)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--inset-highlight)}.card-pad{padding:var(--space-5)}.divider{height:1px;margin:var(--space-4) 0;background:var(--border-subtle);border:0}.empty-state{justify-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-muted);display:grid}.empty-state svg{width:32px;height:32px;color:var(--text-faint)}.empty-state strong{color:var(--text);font-size:var(--text-md)}.empty-state p{max-width:44ch;margin:0}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#fff5dc0a,#fff5dc17,#fff5dc0a) 0 0/200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.segmented{border:1px solid var(--border);border-radius:var(--radius);background:#08080780;gap:2px;padding:3px;display:inline-flex}.segmented a,.segmented button{min-height:28px;padding:0 var(--space-3);color:var(--text-muted);font:500 var(--text-sm) / 1 var(--font);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.segmented a:hover,.segmented button:hover{color:var(--text)}.segmented [aria-current=true],.segmented [aria-pressed=true],.segmented [data-state=on]{background:var(--surface-hover);color:var(--text);box-shadow:var(--shadow-sm), var(--inset-highlight)}.segmented svg{width:14px;height:14px}.menu-content,.popover-content{z-index:50;min-width:220px;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:var(--radix-dropdown-menu-content-transform-origin,var(--radix-popover-content-transform-origin));animation:pop-in .14s var(--ease);background:#161513f7}.popover-content{padding:var(--space-4);min-width:260px}.menu-label{padding:var(--space-2) var(--space-3) var(--space-1);color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.menu-item{align-items:center;gap:var(--space-3);min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-base);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;display:flex}.menu-item svg{width:16px;height:16px;color:var(--text-muted)}.menu-item[data-highlighted]{background:var(--surface-hover)}.menu-item[data-disabled]{opacity:.45;pointer-events:none}.menu-item.danger-item,.menu-item.danger-item svg{color:var(--danger)}.menu-shortcut{margin-left:auto}.menu-separator{height:1px;margin:var(--space-1) 0;background:var(--border-subtle)}.tooltip-content{z-index:60;align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-width:280px;color:var(--text);font-size:var(--text-sm);box-shadow:var(--shadow);animation:fade-in .12s var(--ease);background:#080807f5;padding:6px 10px;line-height:1.35;display:flex}.tooltip-content .kbd{min-width:18px;height:18px;font-size:10px}.dialog-overlay{z-index:70;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .16s var(--ease);position:fixed;inset:0}.dialog-content{z-index:71;width:min(480px,100vw - 32px);max-height:calc(100vh - 48px);padding:var(--space-6);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:dialog-in .18s var(--ease);background:#141311fa;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dialog-content.wide{width:min(640px,100vw - 32px)}.dialog-title{margin:0 0 var(--space-1);font-size:var(--text-lg);font-weight:600}.dialog-description{margin:0 0 var(--space-5);color:var(--text-muted)}.dialog-body{gap:var(--space-4);display:grid}.dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.dialog-close{top:var(--space-4);right:var(--space-4);position:absolute}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.97)translateY(-4px)}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}}.toast-region{z-index:80;bottom:var(--space-6);gap:var(--space-2);pointer-events:none;width:min(440px,100vw - 32px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:pop-in .18s var(--ease);background:#141311f7;display:flex}.toast-item svg{flex:none;width:18px;height:18px;margin-top:1px}.toast-item.ok svg{color:var(--ready)}.toast-item.bad{border-color:#d66b3d8c}.toast-item.bad svg{color:var(--danger)}.toast-item p{overflow-wrap:anywhere;flex:1;margin:0}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.error-text{color:var(--danger);overflow-wrap:anywhere}.ok-text{color:var(--ready)}.warning{color:var(--warn);overflow-wrap:anywhere}.callout{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--warn-soft);border:1px solid #db9e4766;display:flex}.callout svg{width:18px;height:18px;color:var(--warn);flex:none;margin-top:1px}.callout.danger-callout{background:var(--danger-soft);border-color:#d66b3d73}.callout.danger-callout svg{color:var(--danger)}.callout p{margin:0}.tag-anchor{position:relative}.tag-box{border:1px solid var(--border);border-radius:var(--radius);cursor:text;min-height:40px;transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:#08080799;flex-wrap:wrap;align-items:center;gap:6px;padding:5px 8px;display:flex}.tag-box:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px #c2b36b2e}.tag-box input{min-width:120px;color:var(--text);font:var(--text-base) / 1.4 var(--font);background:0 0;border:0;outline:none;flex:1}.tag-box input:focus-visible{box-shadow:none}.tag-chip{border:1px solid var(--accent-border);border-radius:var(--radius-full);background:var(--accent-soft);height:26px;color:var(--accent);font-size:var(--text-sm);animation:pop-in .14s var(--ease);align-items:center;gap:2px;padding:0 2px 0 10px;display:inline-flex}.tag-chip button{width:20px;height:20px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.tag-chip button:hover{background:#c2b36b33}.tag-chip svg{width:12px;height:12px}.tag-options{z-index:80;max-height:260px;padding:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop-in .12s var(--ease);background:#161513fa;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.tag-option{align-items:center;gap:var(--space-3);min-height:36px;padding:4px var(--space-3);border-radius:var(--radius-sm);cursor:pointer;display:flex}.tag-option.active{background:var(--surface-hover)}.tag-option svg,.tag-hash{width:15px;height:15px;color:var(--accent);text-align:center;flex:none;font-weight:700}.tag-option-text{flex:1;display:grid}.tag-option-text small{color:var(--text-faint);font-size:var(--text-xs)}
.studio{--chrome-gap:12px;--topbar-h:52px;--chrome-top:calc(var(--chrome-gap) + var(--topbar-h) + 8px);--rail-w:48px;--rail-right:calc(var(--chrome-gap) + var(--rail-w) + 8px);--dock-width:clamp(264px, 21vw, 320px);--dock-right:var(--rail-right);--side-w:340px;--side-left:0px;background:radial-gradient(1200px 600px at 50% 40%, #c2b36b09, transparent 70%), var(--canvas-bg,#0d0e10);--canvas-bg:#0d0e10;position:fixed;inset:0;overflow:hidden}.studio.read-only{--rail-right:var(--chrome-gap);--dock-right:var(--chrome-gap)}.studio.dock-open{--dock-right:calc(var(--rail-right) + var(--dock-width) + 8px)}.studio.side-open{--side-left:calc(var(--side-w) + var(--chrome-gap) + 8px)}.studio-loading{background:var(--bg)}.studio.drag-over:after{content:"Drop the blueprint file to open it";inset:var(--space-4);z-index:40;border:2px dashed var(--accent);border-radius:var(--radius-xl);color:var(--accent);font-size:var(--text-xl);pointer-events:none;background:#0000008c;place-items:center;font-weight:600;display:grid;position:absolute}.iso-canvas{touch-action:none;position:absolute;inset:0}.iso-canvas.pan-mode{cursor:grab}.iso-canvas.tool-mode{cursor:crosshair}.iso-canvas.panning,.iso-canvas.space-pan,.iso-canvas.pan-mode:active{cursor:grabbing}.panel,.topbar,.rail{background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px)saturate(1.2);box-shadow:var(--shadow-lg), var(--inset-highlight)}.topbar{z-index:10;top:var(--chrome-gap);left:var(--chrome-gap);right:var(--chrome-gap);height:var(--topbar-h);align-items:center;gap:var(--space-3);padding:0 var(--space-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:absolute}.topbar-start,.topbar-end,.topbar-group{align-items:center;gap:var(--space-1);min-width:0;display:flex}.topbar-end{justify-content:flex-end}.topbar-brand{border-radius:var(--radius);width:36px;height:36px;image-rendering:pixelated;place-items:center;display:grid}.topbar-brand:hover{background:var(--surface-hover)}.topbar-title{min-width:0;margin-left:var(--space-1);line-height:1.25;display:grid}.topbar-name{overflow-wrap:anywhere;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.topbar-sub{font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:2px 10px;display:flex}.topbar-cloud{color:var(--ready);text-decoration:none}.topbar-cloud:hover{text-decoration:underline}.topbar-divider{width:1px;height:24px;margin:0 var(--space-1);background:var(--border)}.topbar-account{border-radius:var(--radius-full);width:36px;height:36px;margin-left:var(--space-1);place-items:center;display:grid}.level-stepper{border:1px solid var(--border);border-radius:var(--radius);background:#08080780;align-items:center;gap:2px;padding:2px;display:inline-flex}.level-value{text-align:center;font-variant-numeric:tabular-nums;min-width:72px;font-weight:600}.view-menu{gap:var(--space-2);width:300px;display:grid}.view-menu-level{display:none}.view-menu .menu-label{padding:var(--space-2) 0 0}.view-menu .segmented{display:flex}.view-menu .segmented button{flex:1;justify-content:center}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-3);cursor:pointer;min-height:30px;display:flex}.switch{border:1px solid var(--border-strong);border-radius:var(--radius-full);cursor:pointer;width:36px;height:20px;transition:background var(--duration) var(--ease);background:#fff5dc14;position:relative}.switch-thumb{background:var(--text-muted);width:14px;height:14px;transition:transform var(--duration) var(--ease), background var(--duration) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--primary);border-color:var(--primary-border)}.switch[aria-checked=true] .switch-thumb{background:var(--text);transform:translate(16px)}.rail{z-index:9;top:var(--chrome-top);left:var(--chrome-gap);width:var(--rail-w);max-height:calc(100vh - var(--chrome-top) - var(--chrome-gap));scrollbar-width:none;flex-direction:column;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;overflow-y:auto}.rail-button{border-radius:var(--radius);width:38px;height:38px;color:var(--text-muted);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border:1px solid #0000;place-items:center;display:grid}.rail-button svg{width:19px;height:19px}.rail-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.rail-button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.rail-button:disabled{opacity:.4;cursor:not-allowed}.rail-divider{background:var(--border);width:24px;height:1px;margin:4px 0}.tool-tip{gap:2px;display:grid}.tool-tip span{color:var(--text-muted);font-size:var(--text-xs)}.dock{z-index:8;top:var(--chrome-top);bottom:calc(var(--chrome-gap) + 44px);left:var(--rail-right);width:var(--dock-width);min-height:0;animation:slide-in-left .18s var(--ease);flex-direction:column;display:flex;position:absolute;overflow:hidden}@keyframes slide-in-left{0%{opacity:0;transform:translate(-8px)}}.dock-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.dock-title{font-size:var(--text-md);overflow-wrap:anywhere;flex:1;margin:0;font-weight:600}.dock-count{font-size:var(--text-xs);font-variant-numeric:tabular-nums}.dock-filters{gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border-subtle);display:grid}.dock-filters .input{min-height:34px}.cards{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.cards.dock-cards{min-height:0;padding:var(--space-3);flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:min-content;overflow-y:auto}.piece-card{border:1px solid var(--border-subtle);border-radius:var(--radius);width:100%;height:100%;color:var(--text);cursor:pointer;transition:border-color var(--duration) var(--ease), background var(--duration) var(--ease), transform var(--duration) var(--ease);background:#fff5dc06;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 8px;display:flex;position:relative}.piece-card:hover{border-color:var(--border-strong);background:#fff5dc0d;transform:translateY(-1px)}.piece-card.active{border-color:var(--primary-border);background:var(--ready-soft)}.card-name{text-align:center;color:var(--text-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.25}.piece-card.active .card-name{color:var(--text)}.dock-empty{padding:var(--space-6) 0;text-align:center;grid-column:1/-1}.dock-options{border-top:1px solid var(--border);background:#08080759;flex:none}.dock-options-head{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.dock-options-head svg{width:16px;height:16px;color:var(--text-muted)}.dock-options-name{overflow-wrap:anywhere;flex:1;font-weight:600}.dock-facing{border:1px solid var(--accent-border);border-radius:var(--radius-sm);min-width:24px;color:var(--accent);font-size:var(--text-xs);text-align:center;padding:1px 6px;font-weight:600}.dock-options-body{gap:var(--space-3);max-height:34vh;padding:2px var(--space-3) var(--space-3);display:grid;overflow-y:auto}.sprite-thumb{flex:none;display:inline-block;position:relative;overflow:hidden}.sprite-thumb>span{transform-origin:0 0;image-rendering:pixelated;position:absolute}.sprite-empty{border:1px dashed var(--border);border-radius:var(--radius-sm)}.carousel{gap:4px;display:grid}.carousel-label{font-size:var(--text-xs);color:var(--accent);letter-spacing:.02em;font-weight:600}.carousel-control{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:#08080780;grid-template-columns:auto 1fr auto;padding:3px;display:grid}.carousel-control button,.roof-card>button{border-radius:var(--radius-sm);background:var(--surface-raised);width:28px;height:28px;color:var(--accent);cursor:pointer;border:0;place-items:center;display:grid}.carousel-control button:hover:not(:disabled),.roof-card>button:hover:not(:disabled){background:var(--surface-hover)}.carousel-control button svg,.roof-card>button svg{width:16px;height:16px}.carousel-control button:disabled,.roof-card>button:disabled{color:var(--text-faint);cursor:not-allowed;opacity:.5}.carousel-value{text-align:center;overflow-wrap:anywhere}.carousel-count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11px}.swatches{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.swatch{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-xs);cursor:pointer;background:#08080766;align-items:center;gap:6px;padding:3px 8px 3px 3px;display:flex}.swatch:hover{border-color:var(--border-strong)}.swatch.active{border-color:var(--primary-border);background:var(--ready-soft)}.swatch-color{background:repeating-linear-gradient(45deg, var(--surface-raised), var(--surface-raised) 3px, transparent 3px, transparent 6px);border:1px solid var(--border-strong);border-radius:4px;width:18px;height:18px}.option-facts{font-size:var(--text-xs);color:var(--text-muted);gap:4px;display:grid}.option-facts strong{color:var(--text);font-weight:600}.right-column{z-index:8;top:var(--chrome-top);right:var(--chrome-gap);bottom:calc(var(--chrome-gap) + 44px);width:var(--side-w);animation:slide-in-right .18s var(--ease);flex-direction:column;display:flex;position:absolute}@keyframes slide-in-right{0%{opacity:0;transform:translate(8px)}}.side{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.side-tabs{margin:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:#08080780;gap:2px;padding:3px;display:flex}.side-tab{min-height:30px;color:var(--text-muted);font:500 var(--text-sm) / 1 var(--font);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.side-tab svg{width:15px;height:15px}.side-tab:hover{color:var(--text)}.side-tab[data-state=active]{background:var(--surface-hover);color:var(--text);box-shadow:var(--shadow-sm), var(--inset-highlight)}.side-content{flex:auto;min-height:0;overflow-y:auto}.side-content:focus-visible{box-shadow:inset 0 0 0 2px #c2b36b80}.panel-section{padding:var(--space-3) var(--space-4) var(--space-4);border-bottom:1px solid var(--border-subtle)}.panel-section:last-child{border-bottom:0}.loading-panel{gap:var(--space-3);display:grid}.title{justify-content:space-between;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--text-lg);overflow-wrap:anywhere;font-weight:600;display:flex}.label{margin:0 0 var(--space-2);color:var(--accent);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.label.sub{margin-top:var(--space-4);opacity:.85}.section-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.section-head .label{margin:0}.stat-row{gap:var(--space-2);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.stat-row>div{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius);background:#fff5dc06}.stat-row dt{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.stat-row dd{font-size:var(--text-base);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0 0;font-weight:600}.rename{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.rows{gap:2px;margin:0;padding:0;list-style:none;display:grid}.row{align-items:center;gap:var(--space-2);min-height:34px;padding:4px var(--space-2);border-radius:var(--radius-sm);background:#fff5dc05;grid-template-columns:auto 1fr auto;display:grid}.row:hover{background:#fff5dc0b}.row.skill{background:var(--accent-soft);grid-template-columns:1fr auto}.row.room.active,.row.selected{background:var(--ready-soft);box-shadow:inset 2px 0 0 var(--ready)}.row-label{overflow-wrap:anywhere;display:grid}.row-hint{color:var(--text-faint);font-size:var(--text-xs)}.row-amount{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.row-button{gap:var(--space-2);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-column:1/-1;grid-template-columns:1fr auto;padding:0;display:grid}.row-button:disabled{cursor:default}.row-actions{opacity:.75;transition:opacity var(--duration) var(--ease);gap:2px;display:inline-flex}.row:hover .row-actions,.row:focus-within .row-actions{opacity:1}.row-actions button{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.row-actions button:hover{background:var(--surface-hover);color:var(--text)}.row-actions button.danger-action:hover{color:var(--danger)}.row-actions svg{width:15px;height:15px}.inline-input{border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;background:0 0;border:1px solid #0000;padding:2px 6px}.inline-input:hover{border-color:var(--border)}.inline-input:focus-visible{border-color:var(--accent-border);box-shadow:none;background:#08080799}.room-color{border-radius:4px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0000004d}.gather-line{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;color:var(--ghost-gather);display:flex}.gather-dot{background:var(--ghost-gather);width:8px;height:8px;box-shadow:0 0 8px var(--ghost-gather);border-radius:50%}.icon{flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.icon>span{image-rendering:pixelated;flex:none;display:block}.icon-empty{border:1px dashed var(--border);border-radius:4px}.requirement-group{margin-top:4px}.statusbar{z-index:7;left:var(--dock-right);right:calc(var(--side-left) + var(--chrome-gap));bottom:var(--chrome-gap);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);pointer-events:none;flex-wrap:wrap;min-height:32px;display:flex;position:absolute}.statusbar a,.statusbar button{pointer-events:auto}.hint-pill{align-items:center;gap:var(--space-2);max-width:min(640px,100%);padding:6px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-muted);font-size:var(--text-sm);display:inline-flex}.hint-pill svg{width:15px;height:15px;color:var(--accent);flex:none}.hint-pill strong{color:var(--text);white-space:nowrap;font-weight:600}.credit{color:var(--text-faint);font-size:var(--text-xs);margin:0}.credit a{color:var(--text-muted)}.statusbar .credit{border-radius:var(--radius-full);background:#0808078c;padding:4px 10px}.quickbar{z-index:7;left:50%;bottom:calc(var(--chrome-gap) + 48px);max-width:calc(100vw - var(--dock-right) - var(--side-left) - 48px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);transform:translateX(calc(-50% + (var(--dock-right) - var(--side-left)) / 2));gap:4px;padding:4px;display:flex;position:absolute;overflow-x:auto}.slot{border-radius:var(--radius-sm);max-width:150px;min-height:30px;color:var(--text-faint);font-size:var(--text-xs);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 10px 0 6px;display:flex}.slot:hover{background:var(--surface-hover);color:var(--text-muted)}.slot.filled{border-color:var(--border-subtle);color:var(--text);background:#fff5dc08}.slot-key{background:var(--accent-soft);width:18px;height:18px;color:var(--accent);font:600 11px / 1 var(--mono);border-radius:4px;place-items:center;display:grid}.slot-label{overflow-wrap:anywhere;text-align:left}.cursor-tip{z-index:20;border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-width:320px;color:var(--text);font-size:var(--text-sm);box-shadow:var(--shadow);pointer-events:none;background:#060605eb;padding:6px 10px;position:absolute}.cursor-tip.bad{color:var(--danger);border-color:#d66b3d80}.steps{gap:var(--space-3);padding-left:var(--space-5);margin:0;display:grid}.steps code{font-size:var(--text-xs)}code{font-family:var(--mono);overflow-wrap:anywhere;background:#fff5dc12;border-radius:5px;padding:1px 5px;font-size:.9em}.saved-line{align-items:center;gap:var(--space-2);color:var(--ready);margin:0;display:flex}.saved-line svg{width:18px;height:18px}.segmented-block{display:flex}.segmented-block button{flex:1;justify-content:center}.choice-cards{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.choice-cards legend{margin-bottom:var(--space-2)}.choice-card{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex}.choice-card span{display:grid}.choice-card small{color:var(--text-faint)}.choice-card.selected{border-color:var(--primary-border);background:var(--ready-soft)}.shortcut-groups{gap:var(--space-4) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.shortcut-list{gap:6px;margin:0;display:grid}.shortcut-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.shortcut-row dt{color:var(--text-muted)}.shortcut-row dd{gap:4px;margin:0;display:flex}@media (max-width:1100px){.quickbar,.topbar-label{display:none}}@media (max-width:900px){.studio{--side-w:min(360px, calc(100vw - 24px))}.studio.side-open{--side-left:0px}.right-column{z-index:12}.topbar-sub .faint:last-child{display:none}}@media (max-width:760px){.studio{--rail-right:var(--chrome-gap);--dock-right:var(--chrome-gap)}.topbar{grid-template-columns:minmax(0,1fr) auto}.topbar-center{display:none}.view-menu-level{display:flex}.topbar-title,.topbar-divider,.topbar-save{display:none}.rail{top:auto;bottom:calc(var(--chrome-gap) + 40px);flex-direction:row;width:auto;max-width:calc(100vw - 24px);left:50%;overflow-x:auto;transform:translate(-50%)}.rail-divider{width:1px;height:24px;margin:0 4px}.dock{top:auto;left:var(--chrome-gap);right:var(--chrome-gap);width:auto;bottom:calc(var(--chrome-gap) + 100px);z-index:11;height:46vh}.statusbar{left:var(--chrome-gap);right:var(--chrome-gap)}.hint-pill{display:none}}.tool-options{z-index:9;top:var(--chrome-top);align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-lg);transform:translateX(calc(-50% + (var(--dock-right) - var(--side-left)) / 2));animation:drop-in .18s var(--ease);padding:6px 8px 6px 14px;display:flex;position:absolute;left:50%}@keyframes drop-in{0%{opacity:0;transform:translate(calc(-50% + (var(--dock-right) - var(--side-left)) / 2), -6px)}}.tool-options-title{color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.tool-options-title svg{width:15px;height:15px;color:var(--accent)}.tool-options-name.input{border-radius:var(--radius-full);width:180px;min-height:30px}.room-color-picker{align-items:center;gap:4px;display:inline-flex}.room-swatch{cursor:pointer;width:22px;height:22px;transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border:2px solid #00000059;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e}.room-swatch:hover{transform:scale(1.12)}.room-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--text)}.room-swatch-custom{overflow:hidden}.room-swatch-custom svg{color:#fff;mix-blend-mode:difference;pointer-events:none;width:12px;height:12px}.room-swatch-custom input[type=color]{opacity:0;cursor:pointer;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px}.row.room .room-swatch{width:18px;height:18px}@media (max-width:760px){.tool-options{top:calc(var(--chrome-gap) + var(--topbar-h) + 8px);left:var(--chrome-gap);right:var(--chrome-gap);border-radius:var(--radius-lg);flex-wrap:wrap;animation:none;transform:none}}
.roof-body{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:10px 12px 12px;display:flex}.roof-pickers{gap:6px;display:grid}.roof-picker{grid-template-columns:72px 1fr;align-items:center;gap:6px;display:grid}.roof-card{background:var(--kbw-surface);border:1px solid var(--kbw-border-soft);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px;padding:4px;display:grid}.roof-card>button{background:var(--kbw-surface-raised);width:22px;height:36px;color:var(--kbw-accent);cursor:pointer;border:0;border-radius:5px}.roof-card>button:disabled{color:var(--kbw-disabled);cursor:default}.roof-card-body{align-items:center;gap:8px;min-width:0;display:flex}.roof-card-label{overflow-wrap:anywhere;font-size:12px}.roof-steppers{gap:4px;display:grid}.roof-stepper{color:var(--kbw-accent);grid-template-columns:1fr 112px;align-items:center;gap:6px;font-size:12px;display:grid}.roof-layouts{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.roof-summary{margin:0 0 6px;font-size:12px}.roof-rows{min-height:0;overflow-y:auto}.roof-row{text-align:left;background:var(--kbw-surface);border:1px solid var(--kbw-border-soft);cursor:pointer;border-radius:6px;gap:2px;width:100%;margin-bottom:4px;padding:6px 8px;display:grid}.roof-row:hover{border-color:var(--kbw-border)}.roof-row.active{border-color:var(--kbw-ready);background:var(--kbw-selected-soft)}.roof-row.blocked{opacity:.75}.roof-row-name{font-weight:600}.roof-row-description,.roof-row-stats{color:var(--kbw-text-muted);font-size:12px}.roof-tag{font-size:12px}.roof-tag.good{color:var(--kbw-ready)}.roof-tag.bad{color:var(--kbw-bad)}.roof-tag.warn{color:var(--kbw-warn)}.roof-tag.muted{color:var(--kbw-text-muted)}.roof-actions{display:flex}.roof-actions .primary{flex:1}.roof-actions .primary:disabled{opacity:.5;cursor:default}
.site{background:radial-gradient(900px 480px at 85% -10%, #6ba86114, transparent 70%), radial-gradient(900px 480px at 0% 0%, #c2b36b0f, transparent 65%), var(--bg);flex-direction:column;min-height:100%;display:flex}.site>main{flex:1}.site-header{z-index:30;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px)saturate(1.3);background:#0b0b0ab8;position:sticky;top:0}.site-header-inner{align-items:center;gap:var(--space-6);max-width:var(--page-width);height:var(--header-height);padding:0 var(--space-4);margin:0 auto;display:flex}.site-brand{color:var(--text);font-weight:700;font-size:var(--text-md);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.site-brand:hover{color:var(--text)}.site-nav{gap:var(--space-1);display:flex}.site-nav a{padding:6px var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);transition:color var(--duration) var(--ease), background var(--duration) var(--ease);font-weight:500;text-decoration:none}.site-nav a:hover{color:var(--text);background:#fff5dc0a}.site-nav a[aria-current=page]{color:var(--text);background:#fff5dc12}.site-search{flex:1;max-width:340px;margin-left:auto}.site-search .input{background:#fff5dc0a;min-height:34px}.site-account{align-items:center;gap:var(--space-2);display:flex}.account-trigger{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font:500 var(--text-sm) / 1 var(--font);cursor:pointer;background:#fff5dc08;padding:3px 10px 3px 3px;display:inline-flex}.account-trigger:hover{border-color:var(--border-strong);background:#fff5dc0f}.account-name{overflow-wrap:anywhere;max-width:16ch}.mobile-nav-trigger{display:none}.sheet{z-index:71;width:min(340px,86vw);padding:var(--space-4);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);animation:sheet-in .2s var(--ease);background:#10100efa;position:fixed;top:0;bottom:0;right:0}@keyframes sheet-in{0%{opacity:0;transform:translate(24px)}}.sheet-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.sheet-nav{gap:var(--space-1);display:grid}.sheet-nav form{margin-bottom:var(--space-2)}.sheet-nav a{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius);color:var(--text);font-weight:500;text-decoration:none;display:flex}.sheet-nav a:hover{background:var(--surface-hover)}.sheet-nav svg{width:18px;height:18px;color:var(--text-muted)}.site-footer{margin-top:var(--space-16);border-top:1px solid var(--border-subtle);background:#08080799}.site-footer-inner{justify-content:space-between;gap:var(--space-8);max-width:var(--page-width);padding:var(--space-10) var(--space-4) var(--space-8);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer-brand{gap:var(--space-3);max-width:520px;display:grid}.site-footer-brand .credit{font-size:var(--text-sm);line-height:1.6}.site-footer-links{gap:var(--space-12);display:flex}.site-footer-links div{align-content:start;gap:var(--space-2);display:grid}.site-footer-links h2{margin:0 0 var(--space-1);color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.site-footer-links a{color:var(--text-muted);text-decoration:none}.site-footer-links a:hover{color:var(--text)}.page{width:100%;max-width:var(--page-width);padding:var(--space-8) var(--space-4) var(--space-6);margin:0 auto}.page.narrow{max-width:760px}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page h1{margin:0 0 var(--space-2);font-size:var(--text-2xl);letter-spacing:-.02em;overflow-wrap:anywhere;font-weight:700}.page h2{margin:var(--space-10) 0 var(--space-4);font-size:var(--text-lg);font-weight:600}.page-lead{color:var(--text-muted);font-size:var(--text-md);margin:0}.section{padding-top:var(--space-12);padding-bottom:0}.section-title{letter-spacing:-.02em;margin:0 0 var(--space-6)!important;font-size:var(--text-xl)!important;font-weight:700!important}.section-head-row{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.form-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.list-plain{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.description{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);line-height:1.65}.notice{gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--warn-soft);border:1px solid #db9e4766;display:flex}.menu{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);display:grid}.hero{border-bottom:1px solid var(--border-subtle);background:linear-gradient(#0000,#08080766),radial-gradient(700px 360px at 75% 40%,#c2b36b17,#0000 70%)}.hero-inner{align-items:center;gap:var(--space-12);max-width:var(--page-width);padding:var(--space-16) var(--space-4);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);margin:0 auto;display:grid}.eyebrow{border:1px solid var(--accent-border);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-size:var(--text-xs);letter-spacing:.02em;padding:4px 12px;font-weight:600;display:inline-flex}.hero h1{margin:var(--space-5) 0 var(--space-4);font-size:var(--text-3xl);letter-spacing:-.035em;font-weight:800;line-height:1.05}.hero-accent{background:linear-gradient(90deg, var(--accent), #96c480);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-lead{max-width:54ch;color:var(--text-muted);font-size:var(--text-lg);margin:0;line-height:1.6}.hero-actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero-note{margin:var(--space-4) 0 0;color:var(--text-faint);font-size:var(--text-sm)}.hero-frame{border:1px solid var(--border-strong);border-radius:var(--radius-xl);transition:transform .4s var(--ease);background:#161614;display:block;position:relative;overflow:hidden;transform:perspective(1400px)rotateY(-4deg)rotateX(2deg);box-shadow:0 30px 80px #0009,0 0 0 6px #fff5dc06}.hero-frame:hover{transform:perspective(1400px)rotateY(0)rotateX(0)}.hero-frame img{width:100%;height:auto;display:block}.hero-caption{left:var(--space-4);bottom:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);font-size:var(--text-sm);background:#080807bf;display:grid;position:absolute}.hero-caption span{color:var(--text-muted);font-size:var(--text-xs)}.hero-frame-empty{place-items:center;gap:var(--space-2);aspect-ratio:16/10;color:var(--text-muted);text-decoration:none;display:grid}.hero-frame-empty svg{width:40px;height:40px;color:var(--accent)}.feature-grid,.steps-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.feature,.step{padding:var(--space-6);transition:border-color var(--duration) var(--ease), transform var(--duration) var(--ease)}.feature:hover{border-color:var(--border-strong);transform:translateY(-2px)}.feature-icon{border:1px solid var(--accent-border);border-radius:var(--radius);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);place-items:center;display:grid}.feature-icon svg{width:20px;height:20px}.feature h3,.step h3{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);font-size:var(--text-md);font-weight:600;display:flex}.step h3 svg{width:18px;height:18px;color:var(--accent)}.feature p,.step p{color:var(--text-muted);margin:0;line-height:1.6}.step-number{background:var(--primary);border:1px solid var(--primary-border);width:28px;height:28px;font-weight:700;font-size:var(--text-sm);border-radius:50%;place-items:center;display:grid}.bp-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0;padding:0;list-style:none;display:grid}.bp-card-link{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);height:100%;color:inherit;box-shadow:var(--inset-highlight);transition:border-color var(--duration) var(--ease), transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.bp-card-link:hover{border-color:var(--accent-border);box-shadow:var(--shadow-lg);color:inherit;transform:translateY(-3px)}.bp-card-link:focus-visible{border-radius:var(--radius-lg)}.bp-thumb{aspect-ratio:16/10;border-bottom:1px solid var(--border-subtle);background:#161614;display:block;position:relative;overflow:hidden}.bp-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease);display:block}.bp-card-link:hover .bp-thumb img{transform:scale(1.04)}.bp-thumb-badges{top:var(--space-2);left:var(--space-2);gap:var(--space-1);display:flex;position:absolute}.bp-thumb-badges .badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#080807b3}.bp-card-body{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);display:grid}.bp-card-title{font-weight:600;font-size:var(--text-md);overflow-wrap:anywhere;line-height:1.3}.bp-card-meta{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);display:flex}.bp-card-facts,.bp-card-counts{gap:4px var(--space-3);color:var(--text-faint);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.bp-card-facts span,.bp-card-counts span{align-items:center;gap:4px;display:inline-flex}.bp-card-facts svg,.bp-card-counts svg{width:13px;height:13px}.bp-card-counts{padding-top:var(--space-2);border-top:1px solid var(--border-subtle);font-variant-numeric:tabular-nums}.library{gap:var(--space-8);grid-template-columns:260px minmax(0,1fr);align-items:start;display:grid}.filters{top:calc(var(--header-height) + var(--space-4));gap:var(--space-5);max-height:calc(100vh - var(--header-height) - var(--space-8));padding:var(--space-5);display:grid;position:sticky;overflow-y:auto}.filters fieldset{border:0;gap:2px;margin:0;padding:0;display:grid}.filters legend{margin-bottom:var(--space-2);color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.filters label{align-items:center;gap:var(--space-2);min-height:30px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex}.filters label:hover{color:var(--text);background:#fff5dc0a}.filters label .count{color:var(--text-faint);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin-left:auto}.library-top{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.library-search{flex:1;min-width:220px}.library-search .input{min-height:40px}.active-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.filter-chip{border:1px solid var(--accent-border);border-radius:var(--radius-full);background:var(--accent-soft);height:28px;color:var(--accent);font-size:var(--text-xs);align-items:center;gap:6px;padding:0 6px 0 10px;font-weight:500;text-decoration:none;display:inline-flex}.filter-chip svg{width:13px;height:13px}.filter-chip:hover{color:var(--text)}.filters-jump{display:none}.result-count{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--space-4)}.pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-8);color:var(--text-muted);display:flex}.tag{border:1px solid var(--border);border-radius:var(--radius-full);height:26px;color:var(--text-muted);font-size:var(--text-xs);align-items:center;gap:4px;padding:0 10px;text-decoration:none;display:inline-flex}a.tag:hover{color:var(--accent);border-color:var(--accent-border)}.tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.bp-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.byline{align-items:center;gap:var(--space-2) var(--space-3);color:var(--text-muted);flex-wrap:wrap;display:flex}.byline a{color:var(--text);font-weight:500;text-decoration:none}.byline a:hover{color:var(--accent)}.byline .dot:before{content:"·";color:var(--text-faint)}.bp-page{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.bp-hero{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#161614;overflow:hidden}.bp-hero img{width:100%;height:auto;display:block}.bp-side{top:calc(var(--header-height) + var(--space-4));gap:var(--space-4);display:grid;position:sticky}.bp-side .card,.bp-side .panel{padding:var(--space-5)}.bp-actions{gap:var(--space-3);display:grid}.row-of-buttons{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.install-hint{color:var(--text-faint);font-size:var(--text-xs);margin:0;line-height:1.5}.stats-strip{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.stats-strip div{padding:var(--space-2);border-radius:var(--radius);background:#fff5dc08;justify-items:center;gap:2px;display:grid}.stats-strip svg{width:15px;height:15px;color:var(--text-faint)}.stats-strip strong{font-variant-numeric:tabular-nums}.stats-strip span{color:var(--text-faint);font-size:11px}.facts{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.facts dt{color:var(--text-faint)}.facts dd{overflow-wrap:anywhere;margin:0}.card-title{margin:0 0 var(--space-4);color:var(--accent);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.materials{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.materials li{justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius);font-size:var(--text-sm);background:#fff5dc05;display:flex}.materials li span:last-child{color:var(--text-muted);font-variant-numeric:tabular-nums}.timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.version-row{gap:4px var(--space-4);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-8);border-left:2px solid var(--border);grid-template-columns:auto 1fr auto;align-items:baseline;margin-left:8px;display:grid;position:relative}.version-row:before{content:"";border:2px solid var(--border-strong);background:var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:16px;left:-7px}.version-row.current:before{border-color:var(--ready);background:var(--ready);box-shadow:0 0 10px #74b26899}.version-row .changelog{white-space:pre-wrap;color:var(--text-muted);font-size:var(--text-sm);grid-column:2/-1}.version-actions{gap:var(--space-1);display:flex}.comment{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:auto 1fr;display:grid}.comment-main{min-width:0}.comment-head{gap:4px var(--space-2);color:var(--text-faint);font-size:var(--text-xs);flex-wrap:wrap;align-items:baseline;display:flex}.comment-head strong a{color:var(--text);font-size:var(--text-sm);text-decoration:none}.comment-body{margin:var(--space-2) 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.comment-actions{gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.comment.hidden-comment{opacity:.7;border-style:dashed}.comment-form{gap:var(--space-2);display:grid}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:top;overflow-wrap:anywhere}.table tr:last-child td{border-bottom:0}.table th{color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;background:#fff5dc05;font-weight:600}.table tbody tr:hover{background:#fff5dc05}.tabs{gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--border);display:flex}.tabs a{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--text-muted);border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500;text-decoration:none;display:inline-flex}.tabs a:hover{color:var(--text)}.tabs a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.tabs svg{width:16px;height:16px}.account-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.settings-card{gap:var(--space-4);padding:var(--space-6);display:grid}.settings-card h2{font-size:var(--text-md)!important;margin:0!important}.settings-card p{margin:0}.danger-zone{border-color:#d66b3d59}.profile-head{align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.publish-card{align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:#fff5dc05;flex-wrap:wrap;display:flex}.publish-card .field{flex:1;min-width:240px}.publish-card input[type=file]{color:var(--text-muted);font:inherit}.publish-card input[type=file]::file-selector-button{margin-right:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text);font:inherit;cursor:pointer;padding:6px 12px}.collection-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.collection-list a{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);gap:4px;text-decoration:none;display:grid}.collection-list a:hover{border-color:var(--accent-border)}.collection-list small{color:var(--text-faint)}.auth-wrap{min-height:calc(100vh - var(--header-height) - 200px);padding:var(--space-10) var(--space-4);place-items:center;display:grid}.signin{gap:var(--space-4);width:min(420px,100%);padding:var(--space-8);display:grid}.signin h1{font-size:var(--text-xl);margin:0}.provider-button{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);font:600 var(--text-base) / 1 var(--font);cursor:pointer;transition:border-color var(--duration) var(--ease), background var(--duration) var(--ease);text-decoration:none;display:flex}.provider-button:hover{border-color:var(--accent-border);background:var(--surface-hover);color:var(--text)}.provider-button svg{width:18px;height:18px}.or-divider{align-items:center;gap:var(--space-3);color:var(--text-faint);font-size:var(--text-xs);display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border);flex:1;height:1px}.legal h2{margin-top:var(--space-8)}.legal p,.legal li{max-width:72ch;line-height:1.7}.legal li+li{margin-top:var(--space-2)}.status-page{justify-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-4);text-align:center;display:grid}.status-code{letter-spacing:-.05em;background:linear-gradient(180deg, var(--accent), #c2b36b40);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,3rem + 6vw,7rem);font-weight:800;line-height:1}.status-page p{max-width:48ch;color:var(--text-muted);margin:0}@media (max-width:1000px){.hero-inner{gap:var(--space-8);padding:var(--space-10) var(--space-4);grid-template-columns:1fr}.hero-frame{transform:none}.library,.bp-page,.account-grid{grid-template-columns:1fr}.filters,.bp-side{max-height:none;position:static}.library>section{order:-1}.filters-jump{display:inline-flex}}@media (max-width:760px){.site-nav,.site-search,.account-name{display:none}.mobile-nav-trigger{display:inline-flex}.site-account{margin-left:auto}.site-footer-links{gap:var(--space-8)}.version-row{grid-template-columns:1fr}.stats-strip{grid-template-columns:repeat(2,1fr)}}.home-hero{padding:clamp(56px, 9vw, 112px) 0 var(--space-12);border-bottom:1px solid var(--border-subtle);background:radial-gradient(60% 50% at 50% 0,#c2b36b1f,#0000 70%),radial-gradient(40% 40% at 85% 30%,#6ba86114,#0000 70%);position:relative;overflow:hidden}.home-hero-inner{max-width:820px;padding:0 var(--space-4);text-align:center;margin:0 auto}.home-hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.4rem,1.4rem + 4.4vw,4.4rem);font-weight:800;line-height:1.02}.home-lead{max-width:46ch;margin:var(--space-5) auto 0;color:var(--text-muted);font-size:var(--text-lg);line-height:1.55}.home-hero .hero-actions{margin-top:var(--space-8);justify-content:center}.promises{justify-content:center;gap:var(--space-2) var(--space-6);margin:var(--space-8) 0 0;color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.promises li{align-items:center;gap:var(--space-2);display:inline-flex}.promises svg{width:16px;height:16px;color:var(--accent)}.gallery{margin-top:clamp(28px,5vw,60px);padding:12px 0 16px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.gallery-track{gap:var(--space-4);width:max-content;animation:60s linear infinite drift;display:flex}.gallery:hover .gallery-track,.gallery:focus-within .gallery-track{animation-play-state:paused}@keyframes drift{to{transform:translateX(calc(-50% - var(--space-2)))}}.gallery-item{border:1px solid var(--border);border-radius:var(--radius-lg);width:clamp(240px,26vw,340px);box-shadow:var(--shadow);transition:transform .3s var(--ease), border-color var(--duration) var(--ease);background:#161614;flex:none;position:relative;overflow:hidden}.gallery-item:hover{border-color:var(--accent-border);transform:translateY(-4px)}.gallery-item img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.gallery-item span{left:var(--space-3);bottom:var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:calc(100% - 24px);color:var(--text);font-size:var(--text-xs);overflow-wrap:anywhere;opacity:0;transition:opacity var(--duration) var(--ease), transform var(--duration) var(--ease);background:#080807b8;padding:4px 10px;font-weight:600;position:absolute;transform:translateY(4px)}.gallery-item:hover span,.gallery-item:focus-visible span{opacity:1;transform:none}.gallery-empty{margin-top:var(--space-10);justify-content:center;display:flex}@media (prefers-reduced-motion:reduce){.gallery{overflow-x:auto}.gallery-track{animation:none}}.bp-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.bp-card-link{border-radius:var(--radius-xl)}.bp-thumb{aspect-ratio:16/10}.bp-thumb-shade{pointer-events:none;background:linear-gradient(#0000 55%,#080807bf);position:absolute;inset:0}.bp-thumb-stats{right:var(--space-3);bottom:var(--space-3);gap:var(--space-2);display:flex;position:absolute}.bp-thumb-stats span{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font-size:var(--text-xs);font-variant-numeric:tabular-nums;background:#080807a6;align-items:center;gap:4px;padding:3px 8px;font-weight:600;display:inline-flex}.bp-thumb-stats svg{width:12px;height:12px}.bp-card-body{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4)}.bp-card-meta{justify-content:space-between;gap:var(--space-3)}.bp-card-author{align-items:center;gap:var(--space-2);overflow-wrap:anywhere;min-width:0;display:inline-flex}.bp-card-facts{flex:none}.lib-hero{padding:clamp(40px, 6vw, 72px) 0 var(--space-8);border-bottom:1px solid var(--border-subtle);background:radial-gradient(50% 80% at 50% 0,#c2b36b1a,#0000 70%)}.lib-hero-inner{max-width:760px;padding:0 var(--space-4);text-align:center;margin:0 auto}.lib-hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,1.4rem + 2.4vw,3rem);font-weight:800}.lib-hero p{margin:var(--space-3) 0 var(--space-6);color:var(--text-muted);font-size:var(--text-md)}.lib-search{align-items:center;gap:var(--space-2);height:56px;padding:0 var(--space-3) 0 var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-full);box-shadow:var(--shadow-lg), var(--inset-highlight);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:#141311e6;display:flex}.lib-search:focus-within{border-color:var(--accent-border);box-shadow:var(--shadow-lg), 0 0 0 4px #c2b36b24}.lib-search>svg{width:20px;height:20px;color:var(--text-faint);flex:none}.lib-search input{min-width:0;height:100%;color:var(--text);font:var(--text-md) / 1 var(--font);background:0 0;border:0;outline:none;flex:1}.lib-search input:focus-visible{box-shadow:none}.lib-search input::-webkit-search-cancel-button{display:none}.lib-search[aria-busy=true]{opacity:.7}.tag-pills{justify-content:center;gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.tag-pill{height:30px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-sm);transition:all var(--duration) var(--ease);background:#fff5dc08;align-items:center;text-decoration:none;display:inline-flex}.tag-pill:hover{border-color:var(--border-strong);color:var(--text)}.tag-pill.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.lib-body{padding-top:var(--space-6)}.lib-toolbar{top:var(--header-height);z-index:20;justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 calc(-1 * var(--space-4)) var(--space-4);padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);background:#0b0b0ad1;flex-wrap:wrap;display:flex;position:sticky}.filter-bar{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-bar[aria-busy=true]{opacity:.7}.filter-button{border:1px solid var(--border);border-radius:var(--radius-full);height:34px;color:var(--text-muted);font:500 var(--text-sm) / 1 var(--font);cursor:pointer;transition:all var(--duration) var(--ease);background:#fff5dc08;align-items:center;gap:6px;padding:0 10px 0 12px;display:inline-flex}.filter-button:hover,.filter-button[data-state=open]{border-color:var(--border-strong);color:var(--text)}.filter-button.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.filter-button>svg{width:15px;height:15px}.filter-caret{opacity:.6;transition:transform var(--duration) var(--ease)}.filter-button[data-state=open] .filter-caret{transform:rotate(180deg)}.filter-count{border-radius:var(--radius-full);background:var(--accent);color:#12110e;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:grid}.filter-menu{min-width:240px;padding:var(--space-1);gap:2px;display:grid}.filter-scroll{gap:2px;max-height:320px;display:grid;overflow-y:auto}.filter-option{align-items:center;gap:var(--space-3);width:100%;min-height:38px;padding:4px var(--space-3);border-radius:var(--radius-sm);color:var(--text);font:var(--text-base) / 1.3 var(--font);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.filter-option:hover{background:var(--surface-hover)}.filter-check{border:1px solid var(--border-strong);border-radius:5px;flex:none;place-items:center;width:18px;height:18px;display:grid}.filter-option[aria-checked=true] .filter-check{border-color:var(--primary-border);background:var(--primary)}.filter-check svg{width:13px;height:13px}.filter-option-text{flex:1;display:grid}.filter-option-text small{color:var(--text-faint);font-size:var(--text-xs)}.filter-option-count{color:var(--text-faint);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.load-more{justify-items:center;gap:var(--space-2);margin-top:var(--space-10);display:grid}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lib-cta{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-16);padding:var(--space-6);border-radius:var(--radius-xl);background:radial-gradient(80% 140% at 100% 0%, #6ba8611a, transparent 60%), var(--surface);flex-wrap:wrap;display:flex}.lib-cta strong{font-size:var(--text-md)}.lib-cta p{color:var(--text-muted);margin:4px 0 0}@media (max-width:760px){.lib-toolbar{position:static}.lib-toolbar .segmented{width:100%}.lib-toolbar .segmented a{flex:1;justify-content:center}.lib-search{height:50px}}.method-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.method-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius);background:#fff5dc05;display:flex}.method-icon{border-radius:var(--radius-sm);background:var(--surface-raised);width:34px;height:34px;color:var(--accent);place-items:center;display:grid}.method-icon svg{width:18px;height:18px}.method-name{flex:1;display:grid}.method-name small{font-size:var(--text-xs)}.mod-blueprint{align-items:center;gap:var(--space-3);display:flex}.mod-blueprint img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);flex:none;width:64px;height:40px}.tabs .filter-count{margin-left:2px}.staff-pick{margin-left:var(--space-3);vertical-align:middle}.tag-pill-picks{color:var(--accent);gap:6px}.tag-pill-picks svg{width:14px;height:14px}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bp-grid>li{animation:.36s cubic-bezier(.2,.7,.3,1) both rise-in}.bp-grid>li:nth-child(2){animation-delay:40ms}.bp-grid>li:nth-child(3){animation-delay:80ms}.bp-grid>li:nth-child(4){animation-delay:.12s}.bp-grid>li:nth-child(5){animation-delay:.16s}.bp-grid>li:nth-child(6){animation-delay:.2s}.bp-grid>li:nth-child(7){animation-delay:.24s}.bp-grid>li:nth-child(n+8){animation-delay:.28s}.bp-grid>li.skeleton{animation:1.4s linear infinite shimmer}.page>h1,.page>header,.page-head{animation:.3s ease-out both rise-in}.made-by{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:40;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:32px;color:var(--text-muted);font:inherit;font-size:var(--text-xs);cursor:pointer;opacity:.82;background:#141311c7;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 10px;transition:opacity .15s,color .15s,border-color .15s,transform .15s;animation:.4s ease-out .8s both rise-in;display:inline-flex;position:fixed;box-shadow:0 4px 14px #00000059}.made-by:hover,.made-by:focus-visible,.made-by[data-state=open]{opacity:1;color:var(--text);border-color:var(--border-strong,var(--border));transform:translateY(-1px)}.made-by strong{color:var(--accent);font-weight:600}.made-by-heart{color:#e5737a;width:14px;height:14px}.made-by:hover .made-by-heart{fill:currentColor}.made-by-menu .menu-label{white-space:normal;text-transform:none;letter-spacing:normal;max-width:230px;font-size:var(--text-xs)}.menu-item-external{opacity:.6;width:12px;height:12px;margin-left:auto}.site-footer{padding-bottom:56px}@media (max-width:640px){.made-by{justify-content:center;width:36px;height:36px;padding:0}.made-by-text{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}