:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101820;color:#162027;--chrome: #101820;--chrome-2: #14232c;--chrome-3: #1a303b;--accent: #61d6c9;--accent-2: #ffb020;--paper: #f6f8fa;--panel: #ffffff;--line: #d5dde3;--text: #162027;--muted: #687781;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button{font:inherit}.app-shell{display:grid;grid-template-rows:68px minmax(0,1fr) 32px;width:100%;height:100%;max-width:100vw;overflow:hidden;background:var(--chrome)}.topbar,.statusbar{display:flex;align-items:center;justify-content:space-between;min-width:0;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(97,214,201,.09),transparent 42%),var(--chrome);padding:0 18px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:42px;height:42px;border-radius:10px;box-shadow:0 12px 30px #00000038}h1,h2,p{margin:0}h1{color:#f8fbfc;font-size:17px;font-weight:760;letter-spacing:0}.brand p{margin-top:2px;font-size:12px;color:#9fb5be}.top-actions{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.panel-toggle{display:none}.text-button,.icon-button,.rail-button,.segmented button,.drop-zone{border:1px solid var(--line);background:var(--panel);color:#1d2a32;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.text-button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:7px;font-size:13px;font-weight:680}.text-button.secondary{background:var(--accent);border-color:var(--accent);color:#082524}.topbar .text-button,.topbar .icon-button{border-color:#ffffff29;background:#ffffff14;color:#f6fbfc}.topbar .text-button:hover,.topbar .icon-button:hover{background:#ffffff24;border-color:#61d6c999}.topbar .text-button.secondary{background:var(--accent);border-color:var(--accent);color:#092927}.app-state{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#ffffff0f;color:#fff;font-size:12px;font-weight:720}.app-state span{width:8px;height:8px;border-radius:999px;background:#9fb5be}.state-loaded span{background:var(--accent);box-shadow:0 0 0 4px #61d6c924}.state-parsing span,.state-loading span{background:var(--accent-2);box-shadow:0 0 0 4px #ffb02024}.state-error span{background:#ff6b5f;box-shadow:0 0 0 4px #ff6b5f24}.icon-button,.rail-button{display:grid;place-items:center;width:36px;height:36px;border-radius:7px}.text-button:hover,.icon-button:hover,.rail-button:hover,.segmented button:hover{background:#eff5f6;border-color:#95a8b3}.workspace{display:grid;grid-template-columns:64px minmax(0,1fr) 310px;width:100%;min-width:0;min-height:0;background:#e8eef2}.tool-rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-right:1px solid rgba(255,255,255,.08);background:var(--chrome-2)}.rail-group-label{width:100%;margin-top:3px;color:#78909b;font-size:9px;font-weight:800;text-align:center;overflow:hidden}.rail-spacer{flex:1}.rail-button.active{background:var(--accent);border-color:var(--accent);color:#092927}.rail-button{border-color:#ffffff1f;background:#ffffff12;color:#d7e4e8}.rail-button:hover{background:#ffffff21;border-color:#61d6c98c;color:#fff}.viewport-wrap{position:relative;min-width:0;min-height:0;overflow:hidden}.mobile-panel-fab,.mobile-panel-backdrop,.inspector-mobile-header{display:none}.viewport{width:100%;height:100%}.viewport.is-measuring canvas{cursor:crosshair}.viewport-placeholder,.viewport-loading{width:100%;height:100%;background:linear-gradient(90deg,rgba(21,41,50,.05) 1px,transparent 1px),linear-gradient(rgba(21,41,50,.05) 1px,transparent 1px),var(--paper);background-size:48px 48px}.viewport-loading{display:grid;place-items:center;color:#526773;font-size:13px;font-weight:700}.drop-zone{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(460px,calc(100% - 36px));min-height:214px;padding:28px;transform:translate(-50%,-50%);border-radius:8px;border-style:dashed;background:#ffffffeb;box-shadow:0 24px 60px #18242c1f;text-align:center}.drop-zone img{width:58px;height:58px;border-radius:14px}.drop-zone span{width:100%;min-width:0;font-size:16px;font-weight:760;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal;line-height:1.35}.drop-zone small{width:100%;min-width:0;max-width:320px;color:#6c7c86;font-size:12px;line-height:1.55;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.inspector{min-height:0;overflow:auto;border-left:1px solid var(--line);background:var(--panel)}.panel{padding:16px;border-bottom:1px solid #e2e8ed}.panel h2{margin-bottom:12px;color:#20303a;font-size:13px;font-weight:780}.meta-list{display:grid;gap:10px;margin:0}.meta-list div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;align-items:baseline}.meta-list dt{color:#75848d;font-size:12px}.meta-list dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#17242b;font-size:12px;font-weight:650}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:34px;border-radius:7px;font-size:12px;font-weight:700}.segmented button.selected{background:#dff8f5;border-color:var(--accent);color:#0d5952}.view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.view-grid button,.measure-list button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid #cbd5dc;border-radius:7px;background:#fff;color:#1d2a32;font-size:12px;font-weight:720;cursor:pointer}.view-grid button:hover,.measure-list button:hover{background:#eff5f6;border-color:#95a8b3}.hint{margin-bottom:10px;color:#6c7c86;font-size:12px;line-height:1.45}.measure-list{display:grid;gap:8px}.measure-list span{color:#75848d;font-size:12px}.assembly-actions{display:grid;gap:10px;margin-bottom:12px}.range-row{display:grid;gap:8px;color:#293942;font-size:12px;font-weight:720}.range-row input{width:100%;accent-color:var(--accent)}.assembly-actions button{min-height:34px;border:1px solid #cbd5dc;border-radius:7px;background:#fff;color:#1d2a32;font-size:12px;font-weight:760;cursor:pointer}.wide-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:36px;margin-top:12px;border:1px solid #cbd5dc;border-radius:7px;background:#fff;color:#1d2a32;font-size:12px;font-weight:760;cursor:pointer}.wide-action.is-active{border-color:var(--accent);background:#dff8f5;color:#0d5952}.part-list{display:grid;gap:8px;max-height:260px;overflow:auto;padding-right:2px}.part-list>span{color:#75848d;font-size:12px}.part-row{display:grid;grid-template-columns:minmax(0,1fr) 34px 44px;gap:6px;align-items:stretch}.part-row button{min-width:0;border:1px solid #cbd5dc;border-radius:7px;background:#fff;color:#1d2a32;cursor:pointer}.part-main{display:grid;gap:2px;justify-items:start;padding:7px 8px;text-align:left}.part-main strong,.part-main small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-main strong{font-size:12px}.part-main small{color:#75848d;font-size:10px}.part-row>button:not(.part-main){display:inline-grid;place-items:center;padding:0;font-size:10px;font-weight:800}.part-row.is-hidden .part-main{opacity:.55}.part-row.is-isolated .part-main{border-color:var(--accent);background:#dff8f5;color:#0d5952}.check-row{display:flex;align-items:center;gap:8px;min-height:30px;color:#293942;font-size:13px}.error{margin-top:12px;border-left:3px solid #c7564d;padding:8px 10px;background:#fff1ef;color:#8f251d;font-size:12px;line-height:1.5}.statusbar{gap:18px;justify-content:flex-start;border-top:1px solid rgba(255,255,255,.08);border-bottom:0;color:#a8bbc3;font-size:12px}.statusbar span{display:inline-flex;align-items:center;gap:6px;min-width:0}.hidden-input{display:none}.update-toast{position:fixed;left:50%;bottom:18px;z-index:50;min-height:40px;transform:translate(-50%);border:1px solid rgba(97,214,201,.65);border-radius:999px;background:#101820f0;color:#fff;box-shadow:0 18px 44px #10182047;padding:0 16px;font-size:12px;font-weight:760}@media(max-width:900px){.app-shell{grid-template-rows:auto minmax(0,1fr);height:100dvh}.topbar{align-items:flex-start;flex-direction:column;gap:10px;width:100%;max-width:100vw;overflow:hidden;padding:max(10px,env(safe-area-inset-top)) 12px 10px}.brand{gap:10px}.brand-logo{width:34px;height:34px;border-radius:8px}h1{font-size:15px}.brand p{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.top-actions{width:100%;overflow-x:auto;gap:7px;padding-bottom:2px;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}.topbar .text-button,.topbar .icon-button,.app-state{flex:0 0 auto;min-height:34px}.topbar .text-button{padding:0 10px;font-size:12px}.topbar .text-button.secondary{min-width:auto}.app-state{max-width:140px;font-size:12px}.panel-toggle{display:grid}.workspace{grid-template-columns:52px minmax(0,1fr);position:relative;overflow:hidden}.tool-rail{gap:7px;padding:10px 6px}.rail-button{width:38px;height:38px}.rail-group-label{font-size:8px}.mobile-panel-fab{position:absolute;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:6;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid rgba(16,24,32,.12);border-radius:999px;background:#101820e6;color:#fff;box-shadow:0 14px 34px #10182038;font-size:12px;font-weight:760}.mobile-panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:block;border:0;background:#10182047;cursor:pointer}.inspector{position:absolute;left:52px;right:0;top:auto;bottom:0;z-index:9;width:calc(100vw - 52px);max-height:min(58dvh,520px);border-top:0;border-left:1px solid var(--line);border-radius:12px 0 0;box-shadow:0 -18px 44px #1018203d;transform:translateY(108%);transition:transform .18s ease}.inspector.is-open{transform:translateY(0)}.inspector-mobile-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid #e2e8ed;background:#fff;padding:0 14px}.inspector-mobile-header strong{color:#20303a;font-size:13px}.inspector-mobile-header button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cbd5dc;border-radius:7px;background:#fff;color:#1d2a32}.statusbar{display:none}.update-toast{bottom:calc(42px + env(safe-area-inset-bottom));width:min(320px,calc(100vw - 28px))}}@media(max-width:480px){.topbar{padding-left:10px;padding-right:10px}.app-state{max-width:118px;padding:0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .text-button.secondary{padding:0 12px}.workspace{grid-template-columns:48px minmax(0,1fr)}.inspector{left:48px;width:calc(100vw - 48px);max-height:min(56dvh,500px)}.drop-zone{width:min(280px,calc(100% - 26px));min-height:190px;padding:22px 18px}.drop-zone img{width:50px;height:50px}.drop-zone span{font-size:14px}.drop-zone small{font-size:11px}}