@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{font-family:Inter,Noto Sans KR,sans-serif;color:#dbe9f5;background:#07111f;font-synthesis:none;--line:#1c3042;--muted:#7890a5;--mint:#38d9b9;--panel:#0c1a29}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}#app{height:100vh;display:grid;grid-template-rows:64px minmax(0,1fr) 104px;background:#07111f}.topbar{display:flex;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);background:#091624;z-index:5}.brand{display:flex;align-items:center;gap:12px;min-width:310px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--mint);color:#06151a;font-weight:800;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}.brand div{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:17px;letter-spacing:.12em}.brand div span{font-size:8px;color:#7590a4;letter-spacing:.25em;margin-top:5px}.project-meta{margin:auto;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.14em;color:#8197a9}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}.actions{display:flex;gap:8px;align-items:center}.button,.icon-button{border:1px solid #294158;background:#102235;border-radius:5px;height:34px;padding:0 14px;font-size:12px;cursor:pointer}.icon-button{width:36px;padding:0;font-size:18px}.button:hover,.icon-button:hover{border-color:var(--mint)}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:0}.sidebar{background:#0b1927;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sidebar-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:22px 20px 14px}.eyebrow{color:#5f829a;font-size:9px;font-weight:700;letter-spacing:.18em}.sidebar h1{font-size:18px;margin:5px 0 0}.count{font-size:11px;background:#14283a;color:#7fa0b7;border-radius:12px;padding:4px 8px}.search{height:38px;margin:0 16px 10px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#07131f;border:1px solid #20364a;border-radius:5px;color:#6f8ca1}.search:focus-within{border-color:#3a806f}.search input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#d9e7f2;font-size:11px}.search kbd{font-size:8px;border:1px solid #284055;border-radius:3px;padding:2px 4px;color:#587286}.tree-toolbar{display:flex;justify-content:flex-end;gap:12px;padding:0 18px 10px;border-bottom:1px solid #152b3c}.tree-toolbar button{border:0;background:none;color:#66859a;font-size:9px;cursor:pointer}.tree{flex:1;overflow:auto;padding:10px 8px 18px;scrollbar-color:#29465a transparent;scrollbar-width:thin}.tree ul{list-style:none;margin:0;padding-left:15px}.tree-root{padding-left:0!important}.tree-row{height:30px;display:flex;align-items:center;gap:6px;border-radius:4px;padding-right:8px;color:#91a8ba;font-size:11px;cursor:pointer;white-space:nowrap}.tree-row:hover{background:#11273a;color:#d7e7f2}.tree-row.selected{background:linear-gradient(90deg,#174638,#123044);color:#dffff7;box-shadow:inset 2px 0 var(--mint)}.tree-toggle{width:17px;padding:0;border:0;background:none;color:#68849a;cursor:pointer}.tree-toggle:disabled{opacity:.25}.tree-icon{color:#587b92;font-size:12px}.is-object .tree-icon{color:#36baa2}.node-badge{margin-left:auto;font-size:8px;color:#658398}.legend{border-top:1px solid #172d3e;padding:12px 17px;display:flex;gap:14px;color:#59778d;font-size:8px}.legend span{display:flex;align-items:center;gap:5px}.legend-swatch{width:6px;height:6px;border-radius:1px;background:#52758d}.legend-swatch.selectable{background:var(--mint)}.viewer-panel{position:relative;min-width:0;min-height:0;overflow:hidden;background:#091522}.viewer-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 40%,rgba(3,10,17,.45) 100%)}#viewport{display:block;width:100%;height:100%;outline:none}.viewer-chrome{position:absolute;z-index:2;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;color:#59768b;font-size:8px;letter-spacing:.13em;pointer-events:none}.viewer-chrome i{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:7px}.viewer-stats{position:absolute;z-index:2;bottom:14px;right:18px;display:flex;gap:12px;color:#4d6c82;font-size:8px;letter-spacing:.1em}.view-gizmo{position:absolute;z-index:2;right:25px;top:45px;width:48px;height:48px;border:1px solid #254055;border-radius:50%;display:grid;place-items:center;color:#45d5b7;font-size:9px}.view-gizmo div{position:absolute;top:25px;display:flex;gap:25px}.view-gizmo b:first-child{color:#5b8fca}.view-gizmo b:last-child{color:#d86f79}.loading,.error{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#081522;gap:10px;transition:opacity .4s}.loading.is-done{opacity:0}.loader-logo{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--mint);color:var(--mint);font-size:22px;font-weight:700;transform:skew(-8deg);margin-bottom:8px}.loading strong,.error strong{font-size:13px}.loading span,.error span{font-size:10px;color:#6d879b}.progress{width:170px;height:2px;background:#183044;overflow:hidden;margin-top:8px}.progress i{display:block;width:45%;height:100%;background:var(--mint);animation:load 1.1s infinite}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(330%)}}.error button{margin-top:10px;background:#183447;border:1px solid #2e5568;padding:7px 12px;border-radius:4px}.info-panel{display:flex;align-items:center;border-top:1px solid var(--line);background:#0a1725;padding:0 22px;min-width:0}.info-placeholder,.selection-summary{display:flex;align-items:center;gap:13px}.info-placeholder div,.selection-summary div{display:flex;flex-direction:column;gap:4px}.info-placeholder strong{font-size:12px}.info-placeholder div span{font-size:9px;color:#668096}.selection-icon{width:34px;height:34px;border:1px solid #284155;border-radius:5px;display:grid;place-items:center;color:#58788d}.selection-icon.active{border-color:#287e6b;color:var(--mint);background:#102f2e}.selection-summary{min-width:270px}.selection-summary strong{font-size:13px}.info-panel dl{display:flex;align-items:center;margin:0;min-width:0;flex:1}.info-panel dl div{padding:0 26px;border-left:1px solid #1b3041;display:flex;flex-direction:column;gap:5px}.info-panel dt{font-size:8px;color:#58768c;text-transform:uppercase}.info-panel dd{font-size:11px;margin:0;color:#afc3d2}.info-panel .uuid{min-width:0;flex:1}.info-panel .uuid dd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:310px;font-family:monospace}.info-panel>button{background:transparent;border:1px solid #284155;border-radius:4px;color:#7690a4;font-size:9px;padding:7px 10px;cursor:pointer}.mobile-only{display:none}@media(max-width:850px){#app{grid-template-rows:56px minmax(0,1fr) 94px}.workspace{grid-template-columns:1fr}.sidebar{position:absolute;z-index:10;top:56px;bottom:94px;width:300px;transform:translate(-102%);transition:transform .25s;box-shadow:12px 0 30px #030910}.sidebar.open{transform:none}.mobile-only{display:block}.brand{min-width:0}.project-meta{display:none}.info-panel dl div{padding:0 12px}.info-panel .uuid{display:none}.selection-summary{min-width:210px}}@media(max-width:560px){.topbar{padding:0 12px}.brand div span{display:none}.info-panel{padding:0 12px}.info-panel dl div:nth-child(n+3){display:none}.selection-summary{min-width:0;flex:1}.info-placeholder div span{display:none}}[hidden]{display:none!important}:root{color:#263442;background:#fff;--line: #dce3e9;--muted: #71808e;--mint: #1976d2;--panel: #ffffff}body,#app{background:#fff}.topbar{background:#fff;border-color:#dce3e9;box-shadow:0 1px 8px #1e32460f}.brand-mark{background:#1976d2;color:#fff}.brand-logo{display:block;width:auto;height:50px;object-fit:contain}.brand-title{display:flex;flex-direction:column;gap:4px;line-height:1}.brand-title strong{color:#263746;font-size:16px;font-weight:700;letter-spacing:.13em}.brand-title span{color:#71808e;font-size:8px;font-weight:600;letter-spacing:.22em}.brand strong,.sidebar h1,.info-placeholder strong,.selection-summary strong{color:#23313e}.selection-summary .shading-summary{color:#65758a;font-size:9px;white-space:nowrap}.brand div span,.project-meta,.eyebrow,.viewer-chrome,.viewer-stats{color:#71808e}.status-dot,.viewer-chrome i{background:#24a77e;box-shadow:0 0 0 3px #24a77e1f}#project-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;padding:6px 24px 6px 8px;color:#667785;background:transparent;font-size:10px;letter-spacing:.1em;cursor:pointer}.button,.icon-button{background:#fff;color:#465666;border-color:#ced8e1}.button:hover,.icon-button:hover{color:#0b63b6;border-color:#1976d2;background:#f2f7fd}.sidebar{background:#fbfcfd;border-color:#dce3e9}.count{background:#eaf2fa;color:#3e668a}.search{background:#fff;border-color:#d5dee6;color:#7b8996}.search:focus-within{border-color:#1976d2;box-shadow:0 0 0 3px #1976d217}.search input{color:#263442}.search kbd{border-color:#d5dee6;color:#8a98a5;background:#f5f7f9}.tree-toolbar,.legend{border-color:#e1e7ec}.tree-toolbar button,.legend{color:#7b8996}.tree-row{color:#536372}.tree-row:hover{color:#174a78;background:#eef5fb}.tree-row.selected{color:#075eae;background:linear-gradient(90deg,#dceeff,#edf6ff);box-shadow:inset 3px 0 #1976d2}.tree-toggle,.node-badge{color:#7d8c99}.legend-swatch.selectable{background:#1976d2}.tree-node-icon{width:19px;height:19px;flex:0 0 19px;object-fit:contain}.legend-swatch.group{background:#9aa7b3}.viewer-panel{background:#f4f7fa}.viewer-panel:after{background:radial-gradient(circle at center,transparent 58%,rgb(107 126 143 / 9%) 100%)}.view-cube{position:absolute;z-index:3;right:22px;top:43px;width:82px;height:96px;display:grid;place-items:center;perspective:260px;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.view-cube:active{cursor:grabbing}.view-cube-scene{width:48px;height:48px;transform-style:preserve-3d}.view-cube-body{position:relative;width:48px;height:48px;transform-style:preserve-3d;transition:transform .2s ease}.cube-face{position:absolute;width:48px;height:48px;padding:0;border:1px solid #aebdca;background:#ffffffeb;color:#52687a;font-size:9px;font-weight:700;cursor:pointer;backface-visibility:hidden;box-shadow:inset 0 0 12px #2548660d}.cube-face:hover{color:#075eae;background:#e6f2fd;border-color:#1976d2}.cube-front{transform:translateZ(24px)}.cube-back{transform:rotateY(180deg) translateZ(24px)}.cube-right{transform:rotateY(90deg) translateZ(24px)}.cube-left{transform:rotateY(-90deg) translateZ(24px)}.cube-top{transform:rotateX(90deg) translateZ(24px)}.cube-bottom{transform:rotateX(-90deg) translateZ(24px)}.cube-home{position:absolute;bottom:0;width:25px;height:21px;padding:0;border:1px solid #c9d4dd;border-radius:4px;background:#ffffffe5;color:#637789;cursor:pointer}.cube-home:hover{color:#075eae;border-color:#1976d2;background:#eef6fd}.floor-controls{position:absolute;z-index:3;top:42px;left:18px;display:flex;align-items:flex-start;gap:8px;pointer-events:auto}.floor-eye{width:34px;height:34px;border:1px solid #c7d3dd;border-radius:7px;background:#ffffffd1;color:#617587;font-size:16px;cursor:pointer;box-shadow:0 5px 16px #22394e17;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floor-controls.open .floor-eye,.floor-eye:hover{color:#075eae;border-color:#1976d2;background:#eef6fd}.floor-panel{min-width:112px;padding:11px;border:1px solid rgb(190 204 216 / 85%);border-radius:9px;background:#ffffffc7;box-shadow:0 10px 28px #2a405421;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.floor-panel[hidden]{display:none}.floor-panel-title{display:flex;flex-direction:column;gap:2px;padding:0 2px 9px;border-bottom:1px solid rgb(210 220 228 / 80%)}.floor-panel-title span{color:#5c7081;font-size:8px;font-weight:800;letter-spacing:.16em}.floor-panel-title small{color:#8796a3;font-size:9px}.floor-buttons{display:grid;gap:5px;padding-top:9px}.floor-button{height:28px;border:1px solid transparent;border-radius:5px;background:transparent;color:#647686;font-size:10px;font-weight:700;cursor:pointer;text-align:left;padding:0 10px}.floor-button:hover{background:#e4f0fbbf;color:#1769aa}.floor-button.active{border-color:#8fc2ee;background:#dceeff;color:#075eae;box-shadow:inset 2px 0 #1976d2}.loading,.error{background:#f4f7fa;color:#263442}.loader-logo{border-color:#1976d2;color:#1976d2}.progress{background:#dbe4ec}.progress i{background:#1976d2}.info-panel{background:#fff;border-color:#dce3e9}.info-placeholder div span,.info-panel dt{color:#7b8996}.selection-icon{border-color:#cfd9e2;color:#788896;background:#f7f9fa}.selection-icon.active{border-color:#1976d2;color:#fff;background:#1976d2}.info-panel dl div{border-color:#e0e6eb}.info-panel dd{color:#344555}.info-panel>button{color:#566878;border-color:#ced8e1;background:#fff}