:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1120;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:#0b1120}body{background:#0b1120;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:none}img{max-width:100%;display:block}#root{min-height:100vh}.app-shell{color:#e5eefb;background:linear-gradient(145deg,#090f1b 0%,#111827 100%);grid-template-columns:340px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ac7;border-right:1px solid #94a3b838;padding:32px 22px}.brand-box{margin-bottom:28px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#8ab4ff;margin:0 0 8px;font-size:11px}.brand-box h1,.topbar h2,.detail-head h3{color:#edf6ff;margin:0}.file-pile{gap:14px;margin-bottom:28px;display:grid}.file-button,.secondary-button,.material-item{color:#edf6ff;background:#0f172ab8;border:1px solid #94a3b833;border-radius:14px;transition:transform .2s,border-color .2s,box-shadow .2s}.file-button{text-align:left;cursor:pointer;gap:8px;padding:16px 18px;display:grid}.file-button span{color:#a3b8d7;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.file-button strong{color:#eef6ff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.file-button:hover,.secondary-button:hover,.material-item:hover{border-color:#60a5fab3;transform:translateY(-1px);box-shadow:0 10px 24px #2563eb2e}.panel-block{background:#0f172acc;border:1px solid #94a3b82e;border-radius:20px;padding:18px 16px}.panel-head,.topbar,.detail-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-head span,.toolbar-stats span,.detail-tags span{color:#cfe2ff;background:#60a5fa1a;border-radius:999px;padding:6px 10px;font-size:12px}.material-list{gap:10px;margin-top:16px;display:grid}.material-item{cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:11px 12px;display:flex}.material-item.selected{background:#60a5fa29;border-color:#60a5fab3}.material-swatch{border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 2px #ffffff2e}.material-name{color:#edf6ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.workspace{flex-direction:column;gap:20px;padding:26px 22px 30px;display:flex}.topbar{padding:6px 2px}.toolbar-stats{flex-wrap:wrap;gap:10px;display:flex}.viewer-panel{background:#0f172acc;border:1px solid #94a3b829;border-radius:22px;min-height:470px;overflow:hidden}.viewport{cursor:grab;background:linear-gradient(#0b1220 0%,#0f172a 100%);width:100%;height:470px;display:block}.viewport:active{cursor:grabbing}.detail-card{background:#0f172acc;border:1px solid #94a3b829;border-radius:20px;padding:18px 18px 12px}.detail-tags{flex-wrap:wrap;gap:8px;display:flex}.texture-list{gap:12px;margin-top:18px;display:grid}.texture-row{background:#0f172acc;border:1px solid #94a3b81f;border-radius:14px;grid-template-columns:minmax(140px,1.2fr) auto minmax(170px,1fr);align-items:center;gap:14px;padding:12px 14px;display:grid}.texture-copy{gap:4px;display:grid}.texture-copy label{color:#edf6ff;font-weight:700}.texture-copy small{color:#a7b5d1}.texture-actions{justify-content:center;display:flex}.secondary-button{cursor:pointer;padding:10px 14px}.texture-summary{color:#dfeafc;justify-content:flex-end;align-items:center;gap:10px;min-width:0;font-size:13px;display:flex}.texture-summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.texture-thumb{background-position:50%;background-size:cover;border:1px solid #94a3b838;border-radius:8px;flex-shrink:0;width:30px;height:30px}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #94a3b838;border-right:none}.texture-row{grid-template-columns:1fr;justify-items:start}.texture-summary{justify-content:flex-start}}