@font-face{font-family:Archive;src:local(Inter),local(Arial)}*{box-sizing:border-box}html,body{color:#dce8e8;background:#0e171b;height:100%;margin:0;font-family:Archive,system-ui,sans-serif;font-size:13px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #9dd2b5}.top{background:#111b20;border-bottom:1px solid #2a363b;align-items:center;gap:32px;height:70px;padding:0 27px;display:flex}.brand{color:#e6eeeb;letter-spacing:.2em;align-items:center;gap:12px;font-size:12px;text-decoration:none;display:flex}.brand b{color:#7d999b;font-weight:400}.brand-symbol{color:#b6d5bb;font-size:32px}.top-note{color:#82999d;font-size:12px}.game-link{color:#bfd8cc;border:1px solid #34464b;border-radius:6px;margin-left:auto;padding:10px 14px;text-decoration:none}.layout{grid-template-columns:330px minmax(280px,1fr) 244px;height:calc(100dvh - 70px);display:grid}.library{background:#142027;border-right:1px solid #2a363b;flex-direction:column;min-height:0;padding:25px 18px 0;display:flex}.eyebrow{letter-spacing:.18em;color:#8ca4a5;margin:0 0 12px;font-size:9px}.library h1{letter-spacing:-.05em;align-items:center;gap:12px;margin:0 0 10px;font-size:25px;font-weight:500;display:flex}.library h1 span{letter-spacing:0;color:#a6c0b7;border:1px solid #41565a;border-radius:20px;padding:4px 7px;font-size:11px;font-weight:400}.library-heading>p:last-child{color:#8fa6aa;margin:0 0 22px;font-size:11px;line-height:1.5}.search{background:#0f1b20;border:1px solid #35454c;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;display:flex}.search span{color:#aac8b8;font-size:22px;line-height:1}.search input{color:#dce8e8;background:0 0;border:none;outline:none;width:100%;font-size:12px}.search input::placeholder{color:#7a9399}.filters{gap:7px;margin-top:10px;display:flex}.filters select{width:50%;padding:9px 6px;font-size:10px}.filter-bottom{color:#8da6ab;justify-content:space-between;align-items:center;padding:14px 0;font-size:9px;display:flex}.filter-bottom label{align-items:center;gap:5px;display:flex}.filter-bottom input{accent-color:#94bfa3}.asset-list{scrollbar-width:thin;scrollbar-color:#385159 #142027;flex:1;padding-right:4px;overflow:auto}.asset-card{color:#d7e3e1;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:67px 1fr;align-items:center;gap:12px;width:100%;min-height:80px;margin:0 0 5px;padding:8px;display:grid}.asset-card:hover{background:#1e3037}.asset-card.selected{background:#243b40;border-color:#648b80}.asset-thumb{object-fit:contain;background:radial-gradient(#34464a,#1b2a30);border-radius:4px;width:67px;height:62px}.asset-icon{color:#8ab4a7;place-items:center;font-size:28px;display:grid}.asset-title{font-size:12px;line-height:1.4;display:block}.asset-meta{color:#8ca7ac;margin-top:5px;font-size:9px;line-height:1.5;display:block}.asset-tag{letter-spacing:.08em;text-transform:uppercase;color:#a9cbb7;font-size:8px}.asset-tag.bad{color:#d2a08b}.library-foot{color:#6c878e;border-top:1px solid #2b3d43;margin:0;padding:12px 2px 14px;font-size:9px;line-height:1.6}.stage{background:radial-gradient(at 50% 45%,#34505a 0%,#1b303a 46%,#12232b 100%);min-width:0;position:relative;overflow:hidden}.stage-grid{opacity:.13;pointer-events:none;background-image:linear-gradient(#88a8af 1px,#0000 1px),linear-gradient(90deg,#88a8af 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:55% -40% -100%;transform:perspective(500px)rotateX(55deg)}.stage-head{z-index:2;pointer-events:none;position:absolute;top:29px;left:29px;right:22px}.stage-head h2{letter-spacing:-.045em;text-shadow:0 2px 12px #07171b;margin:0 0 9px;font-size:clamp(23px,2.5vw,38px);font-weight:450}.stage-head>p:last-child{color:#b4c8c9;margin:0;font-size:11px;line-height:1.5}.stage-head .eyebrow{color:#a8c5bd}#canvas-wrap{position:absolute;inset:0}#canvas-wrap canvas{width:100%;height:100%;display:block}.image-view{object-fit:contain;width:calc(100% - 50px);height:calc(100% - 215px);position:absolute;inset:120px 25px 95px}.loading{color:#cfe4dc;text-align:center;z-index:5;background:#10232eea;border:1px solid #45616a;border-radius:9px;max-width:80%;padding:18px 24px;font-size:12px;line-height:1.7;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-controls{white-space:nowrap;background:#13252dcf;border:1px solid #425961;border-radius:8px;gap:2px;padding:5px;display:flex;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}.stage-controls button{color:#b6cfd1;background:0 0;border:0;border-radius:5px;padding:9px 12px;font-size:10px}.stage-controls button:hover,.stage-controls button[aria-pressed=true]{color:#e4f0e8;background:#344d50}.stage-controls button:disabled{opacity:.4;cursor:default}.stage-bottom{color:#78949e;pointer-events:none;justify-content:space-between;gap:12px;font-size:9px;display:flex;position:absolute;bottom:20px;left:27px;right:27px}.inspector{scrollbar-width:thin;background:#142027;border-left:1px solid #2c3d43;padding:27px 19px;overflow:auto}.status{letter-spacing:.04em;color:#b6d5bb;background:#293e3b;border:1px solid #43635a;border-radius:4px;margin-bottom:27px;padding:5px 8px;font-size:9px;display:inline-block}.inspector>label{color:#88a3a9;margin-bottom:18px;font-size:10px;display:block}select{color:#c7d9d9;background:#101d23;border:1px solid #354b53;border-radius:5px;max-width:100%}.inspector select{width:100%;margin-top:8px;padding:10px 8px;font-size:11px;display:block}.metrics{border-top:1px solid #30454b;border-bottom:1px solid #30454b;margin:26px 0 19px;padding:17px 0}.metrics>div{justify-content:space-between;gap:10px;padding:7px 0;font-size:10px;display:flex}.metrics span{color:#78969d}.metrics b{color:#c1d8d1;text-align:right;font-weight:450}.note{color:#93abad;white-space:pre-line;font-size:10px;line-height:1.8}.download{color:#bed5c9;text-align:center;border:1px solid #49665f;border-radius:5px;margin-top:23px;padding:11px 5px;font-size:11px;text-decoration:none;display:block}.download:hover{background:#233a3d}.rights{color:#637f87;margin-top:19px;font-size:9px;line-height:1.7}.hidden{display:none!important}#explorer{color:#8ea7aa;font-size:10px}#explorer select{max-height:180px;margin:8px 0}#isolate{color:#bdced0;background:#20373c;border:1px solid #405c63;border-radius:5px;width:100%;padding:8px;font-size:10px}@media (max-width:1120px){.layout{grid-template-columns:280px minmax(280px,1fr)}.inspector{z-index:3;background:#13232dea;border:1px solid #3c555f;border-radius:8px;width:210px;max-height:42dvh;padding:16px;position:absolute;bottom:100px;right:12px}.inspector .metrics{margin:12px 0}.inspector>.eyebrow,.rights{display:none}.status{margin-bottom:15px}.stage-head{right:15px}.top-note{display:none}.stage-controls{left:20px;transform:none}.stage-bottom>span:first-child{max-width:55%}}@media (max-width:680px){.top{height:57px;padding:0 14px}.game-link{padding:8px;font-size:10px}.layout{grid-template-rows:minmax(360px,58dvh) 1fr;grid-template-columns:1fr;height:calc(100dvh - 57px)}.stage{grid-row:1}.library{border-top:1px solid #344950;border-right:0;grid-row:2;padding:12px}.library-heading{display:none}.filters{margin-top:6px}.filter-bottom{padding:6px 0}.asset-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:3px;display:grid}.asset-card{grid-template-columns:45px 1fr;gap:7px;min-height:65px;padding:5px}.asset-thumb{width:45px;height:45px}.asset-title{font-size:10px}.asset-meta{font-size:8px}.library-foot{display:none}.inspector{width:170px;max-height:155px;padding:10px;top:140px;bottom:auto;right:8px}.inspector>.eyebrow,.status,.metrics,.note,.download{display:none}.inspector>label{margin-bottom:8px;font-size:9px}.inspector select{margin-top:3px;padding:6px;font-size:9px}.stage-head{top:18px;left:17px}.stage-head h2{max-width:80%;font-size:23px}.stage-head>p:last-child{max-width:70%;font-size:9px}.stage-controls{bottom:36px;left:12px}.stage-controls button{padding:8px;font-size:9px}.stage-bottom{font-size:8px;bottom:12px;left:15px;right:15px}.stage-bottom>span:first-child{max-width:none}#render-stats{display:none}}.asset-card.active{background:#243b40;border-color:#648b80}.asset-card>img{object-fit:contain;background:#1b2a30;border-radius:4px;width:67px;height:62px}.asset-placeholder{color:#8ab4a7;place-items:center;font-size:28px;display:grid}.asset-card strong{font-size:12px;font-weight:450;line-height:1.4;display:block}.asset-card small{color:#8ca7ac;margin-top:5px;font-size:9px;line-height:1.5;display:block}@media (max-width:680px){.asset-card>img{width:45px;height:45px}.asset-card strong{font-size:10px}.asset-card small{font-size:8px}}