:root{--void:#02050a;--panel:#050a11eb;--panel-strong:#071019;--line:#99b5cf33;--line-bright:#66cdf675;--ink:#eef5fb;--dim:#a4b2c1;--faint:#718194;--cyan:#67d4ff;--amber:#ef9d57;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--display:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body,#root{background:var(--void);min-width:320px;min-height:100%}body{color:var(--ink);font-family:var(--display);overflow:hidden}button,input{font:inherit}.hangar{background:radial-gradient(circle at 50% 47%,#143a5038,#0000 32%),radial-gradient(circle at 12% 78%,#b8532014,#0000 25%),#02050a;min-height:100dvh;position:relative;overflow:hidden}.hangar:before{content:"";pointer-events:none;opacity:.3;background-image:radial-gradient(circle,#bde1ffb8 0 1px,#0000 1.4px),radial-gradient(circle,#f5b97d6b 0 1px,#0000 1.3px);background-position:0 0,67px 91px;background-size:181px 173px,263px 241px;position:absolute;inset:0}.hangar-head{z-index:20;min-height:74px;padding:max(12px, env(safe-area-inset-top)) 22px 10px;background:linear-gradient(#02050af2,#02050abb 72%,#0000);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.hangar-back,.hangar-head-actions button,.restore-hangar{border:1px solid var(--line);min-height:44px;color:var(--dim);cursor:pointer;background:#070e17b8;border-radius:999px;justify-content:center;align-items:center;padding:0 15px;text-decoration:none;display:inline-flex}.hangar-back{letter-spacing:.12em;text-transform:uppercase;justify-self:start;gap:8px;font-size:12px}.hangar-back span{color:var(--cyan);font-size:22px;line-height:0}.hangar-mark{text-align:center;gap:1px;display:grid}.hangar-mark span,.detail-kicker{color:var(--faint);font:700 9px/1.2 var(--mono);letter-spacing:.2em;text-transform:uppercase}.hangar-mark strong{letter-spacing:.04em;text-transform:uppercase;font-size:18px;font-weight:620}.hangar-head-actions{justify-self:end;gap:8px;display:flex}.hangar-head-actions button{font-size:12px}.hangar-head-actions button i{font:normal 9px var(--mono);display:none}.hangar-back:hover,.hangar-head-actions button:hover,.restore-hangar:hover{color:var(--ink);border-color:var(--line-bright)}.hangar-find{z-index:18;align-items:center;gap:8px;width:min(680px,100vw - 430px);display:flex;position:fixed;top:76px;left:20px}.hangar-find label{width:min(300px,30vw);position:relative}.hangar-find input{border:1px solid var(--line);width:100%;height:42px;color:var(--ink);background:#040a11cc;border-radius:9px;outline:none;padding:0 42px 0 13px}.hangar-find input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #67d4ff1f}.hangar-find kbd{color:var(--faint);font:12px var(--mono);position:absolute;top:11px;right:11px}.hangar-filters{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.hangar-filters::-webkit-scrollbar{display:none}.hangar-filters button{min-height:40px;color:var(--faint);cursor:pointer;background:#060c14ad;border:1px solid #0000;border-radius:999px;flex:none;padding:0 11px;font-size:11px}.hangar-filters button[aria-pressed=true]{color:var(--ink);border-color:var(--line-bright);background:#19587447}.result-count{color:var(--faint);font:10px var(--mono);flex:none}.hangar-stage{z-index:1;position:fixed;inset:0;overflow:hidden}.hangar-canvas{touch-action:none}.stage-datum{pointer-events:none;opacity:.34;position:absolute;inset:0}.stage-datum:before,.stage-datum:after,.stage-datum i{content:"";border:1px solid #4584a33d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-datum:before{aspect-ratio:1;width:min(48vw,650px)}.stage-datum:after{aspect-ratio:1;width:min(31vw,420px)}.stage-datum i:first-child{border-radius:0;width:1px;height:70vh}.stage-datum i:nth-child(2){border-radius:0;width:72vw;height:1px}.stage-datum i:nth-child(3){border-color:#ef9d57b3;width:8px;height:8px}.stage-label{z-index:4;pointer-events:none;text-shadow:0 2px 14px #000;width:min(370px,31vw);position:absolute;top:42%;left:4vw}.stage-label>span{color:var(--cyan);font:700 10px var(--mono);letter-spacing:.18em;text-transform:uppercase}.stage-label h1{letter-spacing:-.035em;margin:8px 0 5px;font-size:clamp(25px,3vw,48px);font-weight:460;line-height:.98}.stage-label p{color:var(--dim);font:12px/1.5 var(--mono)}.stage-controls{z-index:5;gap:7px;display:flex;position:absolute;top:82px;right:380px}.stage-controls button{border:1px solid var(--line);min-height:42px;color:var(--dim);cursor:pointer;background:#040a11c2;border-radius:9px;padding:0 12px;font-size:11px}.stage-controls button i{font-style:normal;display:none}.stage-controls button:hover,.stage-controls button[aria-pressed=true]{color:var(--ink);border-color:var(--line-bright)}.hangar-variant{z-index:6;border:0;gap:7px;margin:0;padding:0;display:flex;position:fixed;top:132px;right:380px}.hangar-variant legend{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.hangar-variant button{border:1px solid var(--line);min-height:44px;color:var(--dim);cursor:pointer;background:#040a11d1;border-radius:9px;padding:0 13px;font-size:11px}.hangar-variant button:hover,.hangar-variant button[aria-pressed=true]{color:var(--ink);border-color:var(--line-bright);background:#19587447}.hangar-variant button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.hangar-loading{color:var(--dim);white-space:nowrap;font:11px var(--mono);letter-spacing:.14em;text-transform:uppercase}.hangar-preview-error{z-index:8;text-align:center;background:#080c12e8;border:1px solid #db79526b;border-radius:12px;max-width:390px;padding:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hangar-preview-error span{color:#ffb17d;font-size:16px}.hangar-preview-error p{color:var(--dim);margin:9px 0 14px;font-size:12px;line-height:1.55}.hangar-preview-error button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:0 0;border-radius:8px;padding:0 16px}.hangar-image-stage{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.hangar-image-stage img{z-index:2;object-fit:contain;filter:drop-shadow(0 18px 50px #000);width:min(55vw,620px);height:min(56vh,620px);position:relative}.hangar-image-stage.cover img{object-fit:cover;opacity:.8;border-radius:50%;width:min(48vw,560px);height:min(60vh,620px);-webkit-mask-image:radial-gradient(circle,#000 46%,#0000 72%);mask-image:radial-gradient(circle,#000 46%,#0000 72%)}.hangar-image-stage.effect img{mix-blend-mode:screen;width:min(38vw,420px);height:min(48vh,420px);animation:3.8s ease-in-out infinite hangar-effect}.pixel-stage canvas{z-index:2;width:min(42vw,390px);image-rendering:pixelated;filter:drop-shadow(0 0 28px #67d4ff45);position:relative}.pixel-radar{aspect-ratio:1;border:1px solid #67d4ff33;border-radius:50%;width:min(52vw,560px);position:absolute}.pixel-radar:before,.pixel-radar:after{content:"";border:inherit;border-radius:inherit;position:absolute;inset:16%}.pixel-radar:after{inset:35%}@keyframes hangar-effect{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.asset-rail{z-index:12;left:18px;right:372px;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03080edb;border-radius:13px;height:112px;position:fixed}.rail-scroll{scrollbar-width:none;gap:6px;height:100%;padding:8px;display:flex;overflow-x:auto}.rail-scroll::-webkit-scrollbar{display:none}.rail-scroll>button{text-align:left;min-height:92px;color:var(--dim);cursor:pointer;background:#0b131da3;border:1px solid #0000;border-radius:9px;flex:0 0 142px;grid-template-rows:1fr auto;grid-template-columns:34px 1fr;align-items:center;gap:0 7px;padding:9px;display:grid}.rail-scroll>button i{border:1px solid var(--line);width:34px;height:34px;color:var(--cyan);border-radius:50%;grid-row:1/3;place-items:center;font-size:17px;font-style:normal;display:grid}.rail-scroll>button i[data-category=alien]{color:#73e7bd}.rail-scroll>button i[data-category=effect]{color:var(--amber)}.rail-scroll>button i[data-category=pixel]{color:#d991c0}.rail-scroll>button span{align-self:end;font-size:11px;line-height:1.2}.rail-scroll>button small{color:var(--faint);font:8px var(--mono);text-transform:uppercase;align-self:start;margin-top:4px}.rail-scroll>button:hover{color:var(--ink);background:#142230d1}.rail-scroll>button.selected{color:var(--ink);border-color:var(--line-bright);background:#164a6242}.no-results{min-width:290px;color:var(--dim);align-self:center;font-size:12px}.no-results button{min-height:38px;color:var(--cyan);cursor:pointer;background:0 0;border:0;margin-left:10px}.hangar-details{z-index:14;top:77px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;width:340px;position:fixed}.details-toggle{pointer-events:auto;z-index:2;border:1px solid var(--line);min-height:44px;color:var(--dim);cursor:pointer;background:#040a11db;border-radius:999px;align-items:center;gap:12px;padding:0 11px 0 14px;font-size:11px;display:flex;position:absolute;top:0;right:0}.details-toggle i{color:var(--cyan);font-size:15px;font-style:normal}.details-scroll{pointer-events:auto;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;padding:18px;position:absolute;inset:52px 0 0;overflow-y:auto}.details-scroll header{padding-bottom:18px}.details-scroll h2{letter-spacing:-.02em;margin:7px 0 8px;font-size:24px;font-weight:500}.details-scroll header p,.details-scroll section>p{color:var(--dim);font-size:12px;line-height:1.6}.details-scroll section{border-top:1px solid var(--line);padding:16px 0}.details-scroll h3{letter-spacing:.13em;text-transform:uppercase;margin:0 0 11px;font-size:11px}.details-scroll dl{gap:7px;display:grid}.details-scroll dl>div{grid-template-columns:84px 1fr;align-items:start;gap:10px;display:grid}.details-scroll dt{color:var(--faint);font:9px/1.5 var(--mono);text-transform:uppercase}.details-scroll dd{color:var(--dim);overflow-wrap:anywhere;font-size:11px;line-height:1.45}.details-scroll a{color:#8edcff}.uses,.files{gap:6px;list-style:none;display:grid}.uses a{border:1px solid var(--line);border-radius:8px;gap:3px;padding:9px;text-decoration:none;display:grid}.uses a span{color:var(--ink);font-size:12px}.uses a small{color:var(--faint);font:9px/1.4 var(--mono)}.files li{color:var(--faint);font:9px/1.45 var(--mono);overflow-wrap:anywhere}.caveat{border-left:2px solid #ef9d5794;margin-top:12px;padding-left:10px}.empty-note{font-style:italic}.drawer-action{border:1px solid var(--line);min-height:42px;color:var(--ink);cursor:pointer;background:#0d1c28b3;border-radius:8px;justify-content:center;align-items:center;margin-top:12px;padding:0 12px;font-size:11px;text-decoration:none;display:inline-flex}.intake-contract{background:linear-gradient(135deg,#206a8421,#0000 70%)}.intake-contract h3{color:var(--cyan);letter-spacing:0;text-transform:none;margin-top:7px;font-size:14px}.restore-hangar{z-index:22;right:18px;top:max(18px, env(safe-area-inset-top));gap:10px;position:fixed}.restore-hangar kbd{color:var(--faint);font:10px var(--mono)}.preview-only .stage-controls{top:76px;right:18px}@media (width<=1100px){.hangar-find{width:calc(100vw - 390px)}.hangar-find label{width:min(260px,28vw)}.hangar-filters button{display:none}.hangar-filters button[aria-pressed=true],.hangar-filters button:first-child{display:block}.stage-label{top:38%}}@media (width<=820px){.hangar-head{grid-template-columns:1fr auto 1fr;min-height:64px;padding-inline:10px}.hangar-back{width:44px;padding:0;font-size:0}.hangar-back span{font-size:24px}.hangar-mark span{display:none}.hangar-mark strong{font-size:15px}.hangar-head-actions button{width:44px;padding:0;font-size:0}.hangar-head-actions button:first-child span{display:none}.hangar-head-actions button:first-child i{display:block}.hangar-head-actions button:last-child{display:none}.hangar-find{gap:5px;width:auto;height:44px;top:65px;left:8px;right:8px}.hangar-find label{flex:1;width:auto}.hangar-find input{height:44px;font-size:12px}.hangar-filters{max-width:88px}.hangar-filters button{min-height:44px;display:block}.result-count{display:none}.hangar-stage{bottom:108px}.stage-datum:before{width:88vw}.stage-datum:after{width:57vw}.stage-label{width:auto;inset:auto 70px 18px 15px}.stage-label h1{margin:5px 0 3px;font-size:24px}.stage-label p{font-size:9px}.stage-controls{flex-direction:column;top:118px;right:9px}.hangar-variant{top:118px;left:9px;right:auto}.hangar-variant button{padding:0 10px}.stage-controls button{width:44px;min-height:44px;padding:0;font-size:0;overflow:hidden}.stage-controls button span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.stage-controls button i{font-size:17px;display:block}.hangar-image-stage img{width:82vw;height:52vh}.pixel-stage canvas{width:min(75vw,340px)}.pixel-radar{width:86vw}.asset-rail{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));height:100px}.rail-scroll{padding:6px}.rail-scroll>button{flex-basis:126px;grid-template-columns:29px 1fr;min-height:86px;padding:7px}.rail-scroll>button i{width:29px;height:29px}.hangar-details{top:auto;left:8px;right:8px;bottom:calc(110px + env(safe-area-inset-bottom));width:auto;height:44px}.hangar-details.open{height:min(54dvh,470px)}.details-toggle{top:auto;bottom:0}.details-scroll{padding:16px;inset:0 0 52px}.hangar-details.open+*{pointer-events:none}.preview-only .hangar-stage{bottom:0}.preview-only .stage-controls{top:max(70px, env(safe-area-inset-top));right:8px}.restore-hangar{top:max(10px, env(safe-area-inset-top));right:8px}}@media (height<=500px) and (orientation:landscape){.hangar-find{display:none}.hangar-stage{bottom:0;right:132px}.stage-label{width:280px;top:auto;bottom:12px}.asset-rail{width:120px;height:auto;inset:66px 6px 6px auto}.rail-scroll{flex-direction:column;overflow:hidden auto}.rail-scroll>button{flex:0 0 74px;grid-template-columns:26px 1fr;min-height:74px}.rail-scroll>button i{width:26px;height:26px}.hangar-details{width:300px;bottom:8px;left:auto;right:136px}.hangar-details.open{height:calc(100dvh - 76px)}}@media (prefers-reduced-motion:reduce){.hangar-image-stage.effect img{animation:none}}