:root{color:#e6e8ec;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#000}button,input{font:inherit}.cad-shell{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;min-width:320px;background:#000}.topbar,.footerbar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:10px 16px;background:#050505;border-color:#202227}.topbar{border-bottom:1px solid #202227}.footerbar{min-height:36px;border-top:1px solid #202227;color:#9da3ad;font-size:12px}.brand{display:flex;align-items:center;min-width:0;gap:10px}.brand strong,.panel-header strong{display:block;color:#f1f3f5;font-size:14px;line-height:1.2;letter-spacing:0}.brand span:last-child{display:block;max-width:min(52vw,520px);overflow:hidden;color:#9da3ad;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.brand-mark{display:inline-flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #3b4048;border-radius:6px;background:#0c0d0f;color:#a7adb6}.brand-mark svg{width:18px;height:18px;stroke-width:1.8}.toolbar{display:flex;align-items:center;gap:8px}.page-tabs{display:flex;flex:1 1 auto;align-items:center;gap:6px;min-width:120px;overflow-x:auto;padding:2px}.page-tab{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;height:32px;max-width:190px;padding:0 10px;border:1px solid #3b4048;border-radius:6px;background:transparent;color:#a7adb6;cursor:pointer;font-size:12px}.page-tab:hover,.page-tab[aria-pressed=true]{border-color:#767d87;color:#f1f3f5;background:#101215}.page-tab span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button,.load-button{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border:1px solid #4b515a;border-radius:6px;background:transparent;color:#a7adb6;cursor:pointer}.icon-button:hover:not(:disabled),.icon-button.is-active,.load-button:hover{border-color:#767d87;color:#d7dce2;background:#101215}.icon-button:disabled{color:#4b515a;cursor:not-allowed;opacity:.72}.icon-button:focus-visible,.page-tab:focus-visible,.load-button:focus-visible,.load-row input:focus-visible{outline:2px solid #858c96;outline-offset:2px}.icon-button svg,.load-button svg{width:18px;height:18px;stroke-width:1.8}.viewer-stage{position:relative;min-height:0;overflow:hidden;background:#000}.viewer-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000}.viewer-container canvas{background:#000}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#000}.load-form{width:min(620px,100%);padding:18px;border:1px solid #2b2f36;border-radius:8px;background:#050505}.load-form label{display:block;margin-bottom:8px;color:#c8cdd4;font-size:13px}.load-row{display:flex;gap:10px}.load-row input{width:100%;min-width:0;height:40px;padding:0 12px;border:1px solid #3b4048;border-radius:6px;outline:none;background:#000;color:#f1f3f5}.load-row input:focus{border-color:#858c96}.load-button{gap:8px;min-width:126px;padding:0 14px}.status-panel,.error-panel,.layers-panel{position:absolute;z-index:25;border:1px solid #2b2f36;border-radius:8px;background:#050505f0;box-shadow:0 16px 40px #00000059}.status-panel{left:50%;bottom:28px;width:min(520px,calc(100% - 32px));padding:14px;transform:translate(-50%)}.progress-line{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#c8cdd4;font-size:13px}.progress-track{height:5px;overflow:hidden;border-radius:999px;background:#1b1f25}.progress-track div{width:0;height:100%;border-radius:inherit;background:#a7adb6;transition:width .18s ease}.progress-track div.is-indeterminate{animation:progress-slide 1.1s ease-in-out infinite alternate}.error-panel{left:50%;top:28px;width:min(680px,calc(100% - 32px));padding:14px 16px;color:#ffd9d9;font-size:13px;line-height:1.45;transform:translate(-50%)}.layers-panel{top:14px;right:14px;width:min(320px,calc(100% - 28px));max-height:calc(100% - 28px);display:grid;grid-template-rows:auto 1fr;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:10px 12px;border-bottom:1px solid #202227}.panel-header span{min-width:26px;padding:2px 7px;border:1px solid #3b4048;border-radius:999px;color:#c8cdd4;font-size:12px;text-align:center}.layers-list{min-height:0;overflow:auto;padding:8px}.layer-row{display:grid;grid-template-columns:18px 14px 1fr;align-items:center;gap:8px;min-height:32px;padding:5px 6px;border-radius:6px;color:#c8cdd4;font-size:12px}.layer-row:hover{background:#111419}.layer-row input{width:14px;height:14px;accent-color:#a7adb6}.layer-swatch{width:10px;height:10px;border:1px solid #626973;border-radius:50%}.layer-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes progress-slide{0%{transform:translate(-35%)}to{transform:translate(190%)}}@media (max-width: 640px){.topbar{align-items:stretch;flex-direction:column}.toolbar{justify-content:flex-start}.page-tabs{flex:none;width:100%}.load-row{flex-direction:column}.load-button{width:100%}.footerbar{align-items:flex-start;flex-direction:column;gap:4px}}