:root{--bg-base:#15201a;--bg-warm:#1d2a1d;--bg-warm-2:#2a3022;--surface:#26342a;--surface-raised:#324032;--border:#3e5040;--border-soft:#2f3d31;--pumpkin:#e87a2a;--pumpkin-glow:#ff9442;--sunset:#d44a1c;--honey:#e9b659;--leaf:#6fa148;--grounded-red:#d52312;--text-high:#f3ead8;--text-mid:#cdc3a8;--text-muted:#a89e85;--text-dim:#6f6a58;--font-wordmark:"Lilita One", system-ui, sans-serif;--font-display:"Barlow Condensed", system-ui, sans-serif;--font-heading:"Barlow Condensed", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:14px;--radius-sm:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-high);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:radial-gradient(ellipse 1200px 600px at 50% -10%, #e87a2a2e, transparent 60%), radial-gradient(ellipse 900px 500px at 90% 110%, #6fa1481f, transparent 60%), linear-gradient(180deg, var(--bg-warm) 0%, var(--bg-base) 60%);background-attachment:fixed;background-color:var(--bg-base);min-height:100vh;position:relative}body:after{content:"";pointer-events:none;opacity:.06;mix-blend-mode:overlay;z-index:1000;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}a{color:var(--pumpkin);text-decoration:none}a:hover{color:var(--pumpkin-glow)}button{font-family:var(--font-body)}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:50;-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);border-bottom:1px solid var(--border-soft);padding-top:env(safe-area-inset-top);background:#15201ab8;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:0 auto;padding:14px 28px;display:flex}.brand{font-family:var(--font-display);color:var(--text-high);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;font-size:22px;font-weight:600;display:flex}.brand:hover{color:var(--text-high)}.brand-mark{object-fit:contain;width:44px;height:44px;display:inline-block}.brand-accent{color:var(--pumpkin)}.nav{gap:4px;min-width:0;display:flex}.nav a{min-height:36px;color:var(--text-mid);border-radius:8px;align-items:center;padding:8px 14px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.nav a:hover{color:var(--text-high);background:#ffffff0a}.nav a.active{color:var(--pumpkin);background:#e87a2a1a}.main{flex:1;width:100%;overflow-x:clip}.page{max-width:1240px;margin:0 auto;padding:40px 28px 80px}.page-header{margin-bottom:28px}.page-header h1{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-high);margin:0 0 6px;font-size:48px;font-weight:600}.page-sub{color:var(--text-muted);margin:0}.footer{border-top:1px solid var(--border-soft);background:#0003;margin-top:auto}.footer-inner{max-width:1240px;color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:24px 28px;font-size:13px;display:flex}.footer-mono{font-family:var(--font-mono);color:var(--text-dim)}.home-hero{border-bottom:1px solid var(--border-soft);margin-bottom:48px;padding:56px 0 48px}.home-hero .eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--honey);margin-bottom:16px;font-size:12px}.home-hero h1{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-high);margin:0 0 16px;font-size:clamp(40px,6.4vw,76px);font-weight:600;line-height:1.15}.home-hero h1 .accent{vertical-align:middle;line-height:0;display:inline-block}.home-hero h1 .accent .wordmark-img{filter:drop-shadow(0 6px #3a1a08)drop-shadow(0 16px 26px #0000008c);width:auto;height:3.4em;margin:-1.25em .12em -1.15em;display:block;transform:rotate(-2deg)}.home-hero p.lede{color:var(--text-mid);max-width:620px;margin:0;font-size:18px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.home-section{margin-bottom:56px}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.section-head h2{font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--text-high);margin:0;font-size:28px;font-weight:600}.section-link{border-radius:8px;align-items:center;min-height:32px;margin:-4px -8px;padding:4px 8px;font-size:14px;font-weight:500;display:inline-flex}.btn{font-family:var(--font-body);cursor:pointer;letter-spacing:.01em;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .1s,background .15s,border-color .15s,color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--pumpkin);color:#2a1607;border-color:var(--sunset);box-shadow:inset 0 1px #ffffff2e,0 6px 18px #e87a2a40}.btn-primary:hover:not(:disabled){background:var(--pumpkin-glow);color:#2a1607}.btn-secondary{background:var(--surface-raised);color:var(--text-high);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--pumpkin);color:var(--pumpkin)}.btn-ghost{color:var(--text-mid);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--honey);border-color:var(--honey)}.chip-tag{font-family:var(--font-body);color:var(--leaf);white-space:nowrap;background:#6fa14824;border:1px solid #6fa1484d;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.chip-honey{color:var(--honey);background:#e9b6591f;border-color:#e9b6594d}.chip-pumpkin{color:var(--pumpkin-glow);background:#e87a2a24;border-color:#e87a2a52}.type-mono{font-family:var(--font-mono);color:var(--honey);background:#e9b65914;border-radius:6px;padding:4px 10px;font-size:13px}.type-mono.small{padding:2px 8px;font-size:11px}.input{font-family:var(--font-body);background:var(--surface);border:1px solid var(--border);color:var(--text-high);border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,background .15s}.input:focus{border-color:var(--pumpkin);background:var(--surface-raised)}.input::placeholder{color:var(--text-dim)}textarea.input{resize:vertical;font-family:var(--font-body);line-height:1.5}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.palette-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.palette-card:before{content:"";pointer-events:none;border-radius:var(--radius);background:linear-gradient(#ffffff0a,#0000 30%);position:absolute;inset:0}.palette-card:hover{border-color:var(--pumpkin);transform:translateY(-3px);box-shadow:0 14px 30px #00000059}.palette-card-link{color:inherit;display:block}.palette-card-link:hover{color:inherit}.palette-card .blocks{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px;display:grid}.palette-card .blocks .block-tile:nth-child(n+6){display:none}.palette-card .title{font-family:var(--font-display);color:var(--text-high);letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:600}.palette-card .by{color:var(--text-muted);margin-bottom:8px;font-size:12px}.palette-card .meta-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.palette-card .tags{flex-wrap:wrap;gap:6px;display:flex}.like-btn{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:5px 10px;font-size:13px;transition:all .15s}.like-btn:hover{color:var(--honey);border-color:var(--honey)}.like-btn.liked{color:var(--sunset);border-color:var(--sunset);background:#d44a1c1a}.block-tile{aspect-ratio:1;background-position:50%;background-size:cover;border:1px solid #0006;border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #00000040}.block-tile:after{content:"";pointer-events:none;background:linear-gradient(#ffffff29,#0000 35%,#0000002e);border-radius:10px;position:absolute;inset:0}.block-tile-img{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:relative}.block-tile-wrap{width:100%;display:block;position:relative}.block-tile-wrap[data-tip]:before,.block-tile-wrap[data-tip]:after{pointer-events:none;opacity:0;z-index:30;transition:opacity .12s,transform .12s}.block-tile-wrap[data-tip]:before{content:attr(data-tip);color:var(--text-high);border:1px solid var(--border);font-family:var(--font-body);letter-spacing:.01em;white-space:nowrap;background:linear-gradient(#11201a,#0c1410);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 6px 18px #00000080}.block-tile-wrap[data-tip]:after{content:"";border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#0c1410;width:8px;height:8px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)rotate(45deg)}.block-tile-wrap[data-tip]:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.block-tile-wrap[data-tip]:hover:after{opacity:1}.block-tile-label{text-align:center;color:var(--text-high);z-index:2;background:#0009;border-radius:4px;padding:2px 4px;font-size:10px;position:absolute;bottom:4px;left:4px;right:4px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.toolbar .input{flex:1;min-width:180px}.toolbar .input[name=search],.toolbar input[type=text]{flex:2}.sort-tabs{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:3px;display:flex}.sort-tab{color:var(--text-muted);cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s}.sort-tab:hover{color:var(--text-high)}.sort-tab.active{background:var(--pumpkin);color:#2a1607;font-weight:600}.back-link{color:var(--text-muted);margin-bottom:20px;font-size:14px;display:inline-block}.back-link:hover{color:var(--pumpkin)}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:36px;display:flex}.detail-header h1{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-high);margin:0 0 6px;font-size:52px;font-weight:600}.detail-description{color:var(--text-mid);max-width:620px;margin:14px 0 0;font-size:16px;line-height:1.55}.detail-actions{gap:10px;display:flex}.detail-blocks{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.detail-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;transition:border-color .15s,transform .15s}.detail-block:hover{border-color:var(--pumpkin);transform:translateY(-2px)}.detail-block .block-tile{margin-bottom:12px}.detail-block-name{font-family:var(--font-heading);margin-bottom:8px;font-size:16px;font-weight:600}.detail-block-info{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.create-grid{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}@media (width<=960px){.create-grid{grid-template-columns:1fr}}.library-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.create-library .library-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}@media (width<=720px){.library-grid{grid-template-columns:repeat(2,1fr)}}.library-item{background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer;color:var(--text-high);border-radius:12px;flex-direction:column;gap:6px;padding:8px;font-family:inherit;transition:all .15s;display:flex}.library-item:hover{border-color:var(--pumpkin);transform:translateY(-2px)}.library-item.picked{border-color:var(--pumpkin);background:#e87a2a14;box-shadow:0 0 0 2px #e87a2a66}.library-item-name{color:var(--text-high);font-size:12px;font-weight:500;line-height:1.3}.library-item-sub{color:var(--text-muted);font-size:11px}.create-composer{position:sticky;top:80px}.composer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.composer-h{font-family:var(--font-heading);margin:0 0 14px;font-size:18px;font-weight:600}.slots{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.slot{aspect-ratio:1;border:2px dashed var(--border);background:#00000026;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.slot.filled{border-style:solid;border-color:var(--pumpkin);background:0 0;padding:0}.slot-empty{font-family:var(--font-mono);color:var(--text-dim);font-size:14px}.slot-remove{cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;height:100%;padding:0;position:relative}.slot-remove .block-tile{border-radius:8px}.slot-x{color:#fff;text-align:center;z-index:3;opacity:0;background:#000000b3;border-radius:50%;width:18px;height:18px;font-size:14px;line-height:18px;transition:opacity .15s;position:absolute;top:2px;right:4px}.slot-remove:hover .slot-x{opacity:1}.form{flex-direction:column;gap:12px;display:flex}.form-row{flex-direction:column;gap:6px;display:flex}.form-row>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:500}.save-btn{justify-content:center;margin-top:6px}.library-set{margin-bottom:36px}.library-set-title{font-family:var(--font-heading);color:var(--honey);letter-spacing:-.01em;margin:0 0 14px;font-size:22px;font-weight:600}.prose{max-width:680px;color:var(--text-mid);font-size:16px;line-height:1.65}.prose p{margin-bottom:18px}.prose strong{color:var(--text-high)}.about-links-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--text-high);margin:32px 0 12px;font-size:13px;font-weight:600}.about-links{flex-direction:column;gap:8px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.about-links li{padding-left:18px;position:relative}.about-links li:before{content:"→";color:var(--sunset,#d44a1c);position:absolute;top:0;left:0}.alert{color:var(--sunset);background:#d44a1c14;border:1px solid #d44a1c66;border-radius:10px;margin-bottom:24px;padding:12px 16px;font-size:14px}.form-error{color:var(--sunset);margin-top:6px;font-size:13px}@keyframes pulse-bg{0%,to{opacity:.5}50%{opacity:.8}}.skeleton-card{pointer-events:none}.skeleton-block{animation:1.6s ease-in-out infinite pulse-bg;background:var(--surface-raised)!important}.skeleton-line{background:var(--surface-raised);border-radius:6px;height:14px;margin-bottom:8px;animation:1.6s ease-in-out infinite pulse-bg}.skeleton-line.w-60{width:60%}.skeleton-line.w-40{width:40%}.auth-page{justify-content:center;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;margin-top:32px;padding:32px}.auth-card h1{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text-high);margin:0 0 6px;font-size:36px;font-weight:600}.auth-foot{color:var(--text-muted);text-align:center;margin-top:18px;font-size:14px}.btn-sm{padding:7px 14px;font-size:13px}.user-menu{position:relative}.user-skel{background:var(--surface-raised);border-radius:50%;width:32px;height:32px;animation:1.6s ease-in-out infinite pulse-bg}.user-avatar{background:linear-gradient(160deg, var(--pumpkin) 0%, var(--sunset) 100%);color:#2a1607;width:32px;height:32px;font-family:var(--font-display);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:transform .1s;display:inline-flex;box-shadow:inset 0 1px #fff3,0 4px 12px #e87a2a40}.user-avatar:hover{transform:scale(1.05)}.user-dropdown{background:var(--surface-raised);border:1px solid var(--border);z-index:100;border-radius:12px;min-width:220px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #00000080}.user-dropdown hr{border:none;border-top:1px solid var(--border-soft);margin:6px 0}.user-info{padding:10px 12px 6px}.user-name{color:var(--text-high);font-size:14px;font-weight:600}.user-email{color:var(--text-muted);margin-top:2px;font-size:12px}.user-item{text-align:left;width:100%;font-family:var(--font-body);color:var(--text-mid);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:14px;transition:background .12s,color .12s;display:block}.user-item:hover{color:var(--pumpkin);background:#e87a2a1a}.publishing-as{color:var(--text-high);background:#e87a2a1a;border:1px solid #e87a2a4d;border-radius:8px;padding:9px 12px;font-size:14px}.publishing-as strong{color:var(--pumpkin-glow);font-family:var(--font-heading)}.empty-state{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:14px;margin-bottom:24px;padding:48px 24px;display:flex}.empty-state p{margin:0;font-size:16px}.empty-state-sm{padding:24px 16px;font-size:14px}.empty-icon{filter:saturate(1.2);font-size:36px}.notfound-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.notfound{text-align:center;max-width:520px}.notfound-icon{margin-bottom:12px;font-size:56px}.notfound h1{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-high);margin:0 0 8px;font-size:56px;font-weight:600}@media (width<=768px){.topbar-inner{gap:12px;padding:12px 16px}.nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;gap:0;min-width:0;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{flex-shrink:0;min-height:40px;padding:8px 12px;font-size:13px}.brand-name{display:none}.brand{flex-shrink:0}.page{padding:24px 16px 64px}.page-header h1,.home-hero h1,.detail-header h1{font-size:clamp(36px,9vw,56px)}.home-hero{margin-bottom:32px;padding:32px 0}.home-hero p.lede{font-size:16px}.toolbar{flex-direction:column;align-items:stretch;gap:8px}.toolbar .input,.toolbar select.input{width:100%}.sort-tabs{justify-content:space-between;width:100%}.sort-tab{text-align:center;flex:1;padding:8px 6px}.palette-grid{grid-template-columns:1fr;gap:14px}.detail-header{flex-direction:column;gap:16px}.detail-actions{width:100%}.detail-actions .btn{flex:1;justify-content:center}.detail-blocks{grid-template-columns:repeat(2,1fr);gap:12px}.detail-block{padding:10px}.footer-inner{flex-direction:column;align-items:flex-start;gap:8px}.auth-card{margin-top:16px;padding:24px}.create-composer{position:static}.composer-card{padding:14px}.slots{grid-template-columns:repeat(6,1fr)}.create-library .library-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.user-dropdown{right:-8px}}@media (width<=480px){.nav a{min-height:40px;padding:8px 10px;font-size:12px}.home-hero h1 br{display:none}}.about-cluster-stage{grid-template-columns:minmax(0,1fr) clamp(300px,36vw,460px);align-items:center;gap:48px;min-height:clamp(360px,46vw,520px);display:grid;position:relative}@media (width<=1024px){.about-cluster-stage{grid-template-columns:1fr;min-height:0}}.about-copy{min-width:0}.about-cluster{--mx:0;--my:0;pointer-events:none;perspective:1200px;justify-self:end;width:clamp(300px,36vw,460px);height:clamp(300px,36vw,460px);position:relative}@media (width<=1024px){.about-cluster{display:none}}.about-card{background:var(--surface);border:1px solid var(--border);width:280px;transform-style:preserve-3d;transform:translate(-50%, -50%) rotate(-5deg) translate3d(calc(var(--mx) * 14px), calc(var(--my) * 14px), 0) rotateX(calc(var(--my) * -10deg)) rotateY(calc(var(--mx) * 12deg));pointer-events:auto;border-radius:18px;flex-direction:column;gap:14px;padding:18px 20px 16px;animation:10s ease-in-out infinite about-card-float;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 30px 80px -30px #000000a6,0 8px 22px -10px #00000080}@keyframes about-card-float{0%,to{margin-top:0}50%{margin-top:-8px}}.about-card-shine{opacity:calc(.4 + var(--mx) * .4);pointer-events:none;background:linear-gradient(115deg,#0000 30%,#e87a2a2e 50%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.about-card-row{justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.mono.micro{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-muted);text-transform:uppercase;align-items:center;gap:.35rem;font-size:9.5px;display:inline-flex}.about-card-status{color:var(--leaf)}.about-card-status .dot{background:var(--leaf);border-radius:50%;width:6px;height:6px;animation:1.5s infinite about-pulse}@keyframes about-pulse{0%,to{opacity:1}50%{opacity:.4}}.about-card-roles{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-high);font-size:30px;font-weight:700;line-height:1.05;position:relative}.about-card-roles div:nth-child(2){color:var(--pumpkin);padding-left:14px;font-style:italic;font-weight:500}.about-card-roles div:nth-child(3){padding-left:28px;font-size:24px}.about-card-roles .prim{color:var(--pumpkin)}.about-cluster .orbit{pointer-events:none;transition:transform .25s ease-out;position:absolute}.about-cluster .orbit-inner{clip-path:circle(50%);background:var(--surface);border:1px solid var(--border);pointer-events:auto;border-radius:999px;justify-content:center;align-items:center;width:100%;height:100%;transition:box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px -12px #0000008c}.about-cluster .orbit-inner:hover{box-shadow:0 20px 40px -10px #e87a2a8c}.about-cluster .orbit-inner.orbit-logo{background:0 0;border:0}.about-cluster .orbit-inner.orbit-logo img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.about-cluster .orbit-1 .orbit-inner.orbit-logo{background:var(--surface);border:1px solid var(--border)}.about-cluster .orbit-1 .orbit-inner.orbit-logo img{object-fit:contain;padding:6px}.about-cluster .orbit-inner.orbit-photo{background:var(--bg-warm-2)}.about-cluster .orbit-inner.orbit-photo img{object-fit:cover;object-position:center 55%;width:100%;height:100%;display:block}.about-cluster .orbit-1{width:92px;height:92px;transform:translate3d(calc(var(--mx) * -22px), calc(var(--my) * -18px), 0);top:4%;right:2%}.about-cluster .orbit-1 .orbit-inner{animation:7s ease-in-out infinite about-orbit-bob-1}.about-cluster .orbit-2{width:96px;height:96px;transform:translate3d(calc(var(--mx) * 28px), calc(var(--my) * 22px), 0);bottom:6%;left:4%}.about-cluster .orbit-2 .orbit-inner{animation:9s ease-in-out infinite about-orbit-bob-2}.about-cluster .orbit-3{width:78px;height:78px;transform:translate3d(calc(var(--mx) * 20px), calc(var(--my) * -24px), 0);top:10%;left:6%}.about-cluster .orbit-3 .orbit-inner{animation:8s ease-in-out infinite about-orbit-bob-3}@keyframes about-orbit-bob-1{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(6px,-10px)rotate(6deg)}}@keyframes about-orbit-bob-2{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-8px,8px)rotate(-4deg)}}@keyframes about-orbit-bob-3{0%,to{transform:translate(0)rotate(-3deg)}50%{transform:translate(10px,-6px)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.about-card,.about-cluster .orbit-1 .orbit-inner,.about-cluster .orbit-2 .orbit-inner,.about-cluster .orbit-3 .orbit-inner{animation:none}}.plan-page{max-width:1400px}.plan-grid{grid-template-columns:280px 1fr 320px;align-items:start;gap:18px;display:grid}.plan-side{flex-direction:column;gap:14px;min-width:0;display:flex}.plan-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:14px}.plan-h{font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;color:var(--text-mid);margin:0 0 10px;font-size:14px;font-weight:600}.tool-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tool-btn{background:var(--bg-warm-2);border:1px solid var(--border-soft);min-width:64px;color:var(--text-mid);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.03em;flex:auto;padding:8px 10px;font-weight:600}.tool-btn:hover{color:var(--text-high);border-color:var(--border)}.tool-btn.active{background:linear-gradient(160deg, var(--pumpkin), var(--sunset));color:#fff;border-color:#0000;box-shadow:0 4px 14px #e87a2a59}.stamp-row{align-items:center;gap:6px;margin:8px 0;display:flex}.stamp-row .input-sm{width:56px}.input-sm{padding:4px 8px;font-size:13px}.muted{color:var(--text-muted)}.muted.small,.small{font-size:12px}.roles{flex-direction:column;gap:6px;display:flex}.role-row{grid-template-columns:110px 1fr;align-items:center;gap:8px;display:grid}.role-label{color:var(--text-mid);font-size:13px}.role-pick{align-items:center;gap:6px;min-width:0;display:flex}.role-pick .input{flex:1;min-width:0}.role-pick .block-tile-wrap{flex:0 0 28px;width:28px;height:28px}.plan-canvas{flex-direction:column;gap:12px;min-width:0;display:flex}.floor-bar{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 10px;display:flex}.floor-tabs{flex-wrap:wrap;flex:1;gap:4px;display:flex}.floor-tab{background:var(--bg-warm-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-mid);cursor:pointer;font-family:var(--font-mono);padding:6px 12px;font-size:12px;font-weight:600}.floor-tab.active{background:var(--leaf);color:#0c1a0c;border-color:#0000}.plan-grid-wrap{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:10px}.plan-grid-board{aspect-ratio:1;background:linear-gradient(var(--border-soft), var(--border-soft)) center/100% 1px no-repeat, var(--bg-warm);border:1px solid var(--border-soft);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;gap:0;width:100%;display:grid;position:relative;overflow:hidden}.plan-cell{cursor:pointer;font:inherit;background:0 0;border:1px solid #ffffff08;margin:0;padding:0;position:relative}.plan-cell:hover{background:#ffffff0a}.plan-cell.kind-foundation{background:linear-gradient(160deg,#4a3a22,#2a200f);border-color:#0006}.plan-cell.kind-stairs{background:linear-gradient(160deg, var(--honey), #8a6322);color:#1a1208;font-weight:700}.plan-cell.ghost{background:#6fa14814}.cell-stairs{font-size:18px;line-height:1}.edge{background:var(--leaf);pointer-events:none;position:absolute}.edge-n{height:3px;top:0;left:0;right:0}.edge-s{height:3px;bottom:0;left:0;right:0}.edge-w{width:3px;top:0;bottom:0;left:0}.edge-e{width:3px;top:0;bottom:0;right:0}.edge.door{background:var(--pumpkin);box-shadow:0 0 6px var(--pumpkin-glow)}.plan-legend{flex-wrap:wrap;align-items:center;gap:14px;padding:0 4px;display:flex}.plan-legend .dot{vertical-align:middle;border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}.dot-found{background:linear-gradient(160deg,#4a3a22,#2a200f)}.dot-stairs{background:var(--honey)}.dot-wall{background:var(--leaf)}.dot-door{background:var(--pumpkin)}.dot-ghost{border:1px dashed var(--leaf);background:#6fa14840}.tally-list,.mat-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tally-row{background:var(--bg-warm-2);border-radius:6px;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.tally-tile .block-tile-wrap{width:28px;height:28px}.tally-name{color:var(--text-mid);font-size:13px}.tally-count{font-family:var(--font-mono);color:var(--honey);font-size:13px}.tally-warn{color:var(--honey);background:#d44a1c26;border:1px solid #d44a1c66;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:12px}.mat-row{background:var(--bg-warm-2);border-radius:6px;justify-content:space-between;padding:5px 8px;font-size:13px;display:flex}.mat-name{color:var(--text-mid)}.mat-qty{font-family:var(--font-mono);color:var(--pumpkin);font-weight:600}@media (width<=1100px){.plan-grid{grid-template-columns:1fr}.plan-canvas{order:-1}}.palette-bar{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);margin-bottom:16px;padding:12px 14px}.palette-bar-active{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.palette-bar-mini{gap:4px;display:flex}.palette-bar-mini .block-tile-wrap{width:28px;height:28px}.palette-bar-meta{flex:1;min-width:160px}.palette-bar-title{font-size:14px}.palette-bar-title strong{color:var(--honey)}.palette-bar-actions{gap:6px;display:flex}.palette-bar-empty{color:var(--text-mid);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.palette-picker{border-top:1px solid var(--border-soft);flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;display:flex}.palette-picker-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:360px;padding-right:4px;display:grid;overflow-y:auto}.palette-pick{text-align:left;background:var(--bg-warm-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;color:inherit;font:inherit;flex-direction:column;gap:4px;padding:10px;display:flex}.palette-pick:hover{border-color:var(--leaf)}.palette-pick.active{border-color:var(--pumpkin);box-shadow:0 0 0 1px var(--pumpkin) inset}.palette-pick-tiles{flex-wrap:wrap;gap:3px;margin-bottom:4px;display:flex}.palette-pick-tiles .block-tile-wrap{width:26px;height:26px}.palette-pick-title{color:var(--text-high);font-size:13px;font-weight:600}.role-gap{color:var(--honey)}.rect-overlay{pointer-events:none;border:1.5px solid var(--leaf);z-index:2;box-sizing:border-box;background:#6fa14838;justify-content:center;align-items:center;display:flex;position:absolute}.rect-overlay.rect-erase{border-color:var(--sunset);background:#d44a1c38}.rect-size-badge{pointer-events:none;color:var(--honey);font-family:var(--font-mono);border:1px solid var(--border);background:#0f1912eb;border-radius:6px;padding:2px 6px;font-size:12px}.floor-foundation-toggle{background:var(--bg-warm-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-mid);cursor:pointer;letter-spacing:.03em;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-left:8px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.floor-foundation-toggle input{accent-color:var(--leaf);cursor:pointer}.floor-foundation-toggle:hover{color:var(--text-high);border-color:var(--border)}.floor-foundation-toggle.warn{border-color:var(--honey);color:var(--honey)}.foundation-hint{letter-spacing:0;margin-left:2px;font-style:italic;font-weight:500}.draw-lock{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);width:100%;color:var(--text-mid);font-family:var(--font-body);cursor:pointer;text-align:left;margin-bottom:10px;padding:10px 14px;font-size:13px;font-weight:600;display:none}.draw-lock.locked{border-color:var(--honey);color:var(--honey);background:#e9b65914}.draw-lock.unlocked{border-color:var(--leaf);color:var(--leaf);background:#6fa1481a}.plan-grid-board.locked .plan-cell{cursor:default}.plan-grid-board.locked{opacity:.92}.plan-mobile-summary{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);flex-wrap:wrap;gap:6px;margin-bottom:10px;padding:8px;display:none}.summary-pill{background:var(--bg-warm-2);font-family:var(--font-mono);color:var(--honey);border-radius:999px;align-items:center;gap:4px;padding:3px 8px 3px 4px;font-size:12px;display:inline-flex}.summary-pill .block-tile-wrap{width:20px;height:20px}.summary-more{color:var(--text-muted);padding:3px 10px}@media (hover:none) and (pointer:coarse){.draw-lock{display:block}.plan-mobile-summary{display:flex}}@media (width<=760px){.plan-page{padding-left:14px;padding-right:14px}.plan-grid{gap:12px}.plan-card{padding:12px}.plan-h{margin-bottom:8px;font-size:13px}.role-row{grid-template-columns:96px 1fr}.palette-bar{padding:10px}.palette-bar-mini .block-tile-wrap{width:24px;height:24px}.floor-bar{flex-wrap:wrap}.floor-foundation-toggle{margin-left:0}.tool-btn{padding:8px;font-size:13px}}