@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101113;--panel:#17181b;--panel2:#1d1f22;--line:#2b2d31;--muted:#777d86;--text:#e8e9e9;--accent:#c5a46d;--accent2:#dfc18b;--green:#7abf9a;--red:#d87575;--font:'Manrope',system-ui,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:12px;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid var(--accent);outline-offset:2px}button:disabled{opacity:.35;cursor:not-allowed}.app{height:100%;display:flex;flex-direction:column;min-width:900px}.topbar{height:58px;background:#141517;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:25px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;min-width:195px}.brand-mark{width:36px;height:36px;border:1px solid #5c4c34;color:var(--accent2);display:grid;place-items:center;font-size:25px;font-weight:800;line-height:1;position:relative}.brand-mark:after{content:'';position:absolute;bottom:4px;width:14px;height:1px;background:var(--accent)}.brand-mark.small{width:30px;height:30px;font-size:21px}.brand strong{display:block;letter-spacing:2.2px;font-size:12px}.brand strong span{font-weight:500;color:#a5a7ab}.brand small{display:block;font:9px var(--mono);letter-spacing:1.2px;color:var(--muted);margin-top:4px}.brand small b{color:var(--accent);font-weight:400;margin-left:5px}.menubar{display:flex;align-items:center;gap:4px;flex:1}.menubar button{border:0;background:transparent;color:#a4a7ad;padding:8px 9px;border-radius:3px;font-size:11px}.menubar button:hover{background:#24262a;color:#fff}.top-actions{display:flex;align-items:center;gap:10px}.save-state{font:9px var(--mono);color:#89928d;white-space:nowrap}.save-state:before{color:var(--green)}.icon-btn,.primary-btn,.outline-btn,.small-btn{border:1px solid #3a3c40;background:#202226;padding:8px 11px;font-size:10px;letter-spacing:.7px;border-radius:3px}.icon-btn span{margin-left:4px}.icon-btn:hover,.outline-btn:hover{border-color:#746246}.primary-btn{background:var(--accent);border-color:var(--accent);color:#171512;font-weight:800;padding:9px 14px}.primary-btn:hover{background:var(--accent2)}.toolbar{height:45px;background:#191a1d;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 13px;gap:7px;flex-shrink:0}.tool-group{display:flex;gap:2px}.tool{border:1px solid transparent;background:transparent;color:#9a9da3;display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:3px;font-size:15px}.tool span{font-size:10px}.tool:hover{background:#25272a;color:#eee}.tool.active{background:#342f26;border-color:#51432e;color:var(--accent2)}.tool.compact{font-size:13px;padding:6px 8px}.tool.compact span{font:9px var(--mono);letter-spacing:.4px}.tool-divider{height:21px;width:1px;background:var(--line);margin:0 5px}.toolbar-spacer{flex:1}.viewport-label{font:9px var(--mono);letter-spacing:1px;color:#92969c;display:flex;align-items:center;gap:8px}.viewport-label i,.live-dot{width:5px;height:5px;border-radius:50%;background:var(--green);display:inline-block}.toolbar-select{background:#202226;border:1px solid #33363a;color:#c3c5c8;font:9px var(--mono);padding:7px;border-radius:3px}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:232px minmax(380px,1fr) 275px;gap:1px;background:var(--line)}.panel{background:var(--panel);min-height:0;display:flex;flex-direction:column}.left-panel{overflow:hidden}.panel-heading,.inspector-header{height:59px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);flex-shrink:0}.panel-heading strong,.inspector-header strong{display:block;font-size:13px;margin-top:3px;font-weight:700}.eyebrow{font:9px var(--mono);letter-spacing:1.5px;color:var(--muted)}.mini-btn{width:25px;height:25px;border:1px solid #35373b;background:#202226;border-radius:3px;color:#bfc1c5;font-size:14px;display:grid;place-items:center}.mini-btn:hover{border-color:var(--accent);color:var(--accent2)}.search-wrap{height:31px;margin:11px 11px 5px;background:#111214;border:1px solid #2d2f33;border-radius:3px;display:flex;align-items:center;padding:0 9px;gap:7px;color:#737780}.search-wrap input{border:0;outline:0;background:transparent;color:#ddd;width:100%;font-size:10px}.hierarchy-toolbar{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#737982;font:9px var(--mono);letter-spacing:.6px}.text-btn{background:none;border:0;color:#8e9298;font:9px var(--mono);padding:5px}.text-btn:hover{color:var(--accent2)}.hierarchy{flex:1;overflow:auto;padding:3px 7px 12px}.tree-row{height:29px;display:flex;align-items:center;gap:7px;padding:0 7px;border-radius:3px;cursor:pointer;color:#b8bbc0;white-space:nowrap;overflow:hidden}.tree-row:hover{background:#222428}.tree-row.selected{background:#3a3328;color:#f1d9ad;box-shadow:inset 2px 0 var(--accent)}.tree-chevron{font-size:10px;color:#71767e;width:8px}.tree-icon{font-size:12px;width:16px;text-align:center;color:#a8a9ad}.tree-name{overflow:hidden;text-overflow:ellipsis;flex:1;font-size:10px}.tree-eye{font-size:11px;color:#6d7279;opacity:0}.tree-row:hover .tree-eye{opacity:1}.tree-eye.hidden-eye{opacity:1;color:var(--red)}.panel-footer,.inspector-bottom{height:31px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 12px;font:9px var(--mono);letter-spacing:.6px;color:#858a91;flex-shrink:0}.footer-right{margin-left:auto;color:#666c73}.viewport-shell{background:#101113;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.viewport-topline,.viewport-bottomline{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#141517;border-bottom:1px solid #24262a;flex-shrink:0}.breadcrumbs{display:flex;gap:9px;align-items:center;font:9px var(--mono);letter-spacing:.7px;color:#777d85}.breadcrumbs b{color:#494c51}.breadcrumbs strong{color:#c1c3c6;font-weight:400}.viewport-badges{display:flex;gap:6px}.viewport-badges span{font:8px var(--mono);letter-spacing:.7px;border:1px solid #35373a;padding:4px 5px;color:#93979e}.viewport{flex:1;min-height:180px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#25272b 0%,#161719 60%,#101113 100%)}.viewport canvas{display:block;width:100%;height:100%;outline:none}.viewport-empty{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px;color:#727780;text-align:center;z-index:1}.viewport-empty strong{font-size:12px;font-weight:600;color:#a7a9ad}.viewport-empty small{font-size:10px;color:#666b73}.hint-cross{font-size:23px;color:var(--accent);border:1px solid #554832;width:42px;height:42px;display:grid;place-items:center;margin-bottom:4px}.camera-overlay{position:absolute;inset:0;pointer-events:none;display:none}.camera-overlay.visible{display:block}.camera-overlay>span{position:absolute;top:12px;right:13px;font:8px var(--mono);color:#8b8f95;letter-spacing:1px}.safe-frame{position:absolute;inset:10% 10%;border:1px solid #d7d7d7;opacity:.18}.viewport-corner{position:absolute;bottom:11px;right:12px;font:9px var(--mono);letter-spacing:1px;color:#656a72;pointer-events:none}.viewport-corner b{color:var(--accent)}.viewport-bottomline{border-top:1px solid #292b2f;border-bottom:0;color:#777d85;font:8px var(--mono);letter-spacing:.5px}.bottom-dock{height:196px;min-height:130px;background:#17181b;border-top:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0}.dock-tabs{height:35px;display:flex;align-items:stretch;border-bottom:1px solid var(--line);padding:0 9px;gap:4px;flex-shrink:0}.dock-tab{background:transparent;border:0;border-bottom:2px solid transparent;color:#7e838b;padding:0 10px;font:9px var(--mono);letter-spacing:.6px}.dock-tab.active{border-bottom-color:var(--accent);color:#d6c19d}.dock-tab span{background:#292b2f;border-radius:2px;padding:2px 4px;margin-left:4px}.dock-spacer{flex:1}.dock-content{flex:1;min-height:0;overflow:auto}.asset-categories{height:28px;display:flex;align-items:center;padding:0 12px;gap:15px;border-bottom:1px solid #25272a}.asset-cat{border:0;background:transparent;color:#6e737a;font:8px var(--mono);letter-spacing:.7px;padding:5px 0}.asset-cat.active{color:var(--accent2)}.asset-grid{padding:10px 12px;display:grid;grid-template-columns:repeat(6,minmax(62px,1fr));gap:7px}.asset-card{border:1px solid #2c2e32;background:#1d1f22;border-radius:3px;min-height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#9ea2a8}.asset-card:hover{border-color:#796345;background:#28251f;color:#ead5af}.asset-icon{width:32px;height:30px;display:grid;place-items:center;font-size:22px;color:#c6a873}.asset-card small{font-size:9px}.console-log{padding:10px 13px;font:10px var(--mono);color:#9ba49f}.log-line{padding:4px 0;border-bottom:1px solid #242629}.log-line.error{color:#e28c8c}.log-line.warn{color:#d7b879}.timeline-controls{height:34px;display:flex;align-items:center;gap:7px;padding:0 11px;border-bottom:1px solid #2b2d31}.timeline-controls>span{font:10px var(--mono);color:#b4b7bb}.small-btn{padding:5px 8px;font-size:9px;color:var(--accent2)}.timeline-note{margin-left:auto!important;color:#6f747b!important;font-size:9px!important}.timeline-ruler{height:80px;display:grid;grid-template-columns:90px 1fr}.timeline-track-label{border-right:1px solid #2c2e32;padding:12px;font:9px var(--mono);color:#777d85}.timeline-track{position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#292b2f calc(10% - 1px),#292b2f 10%);min-width:100px}.playhead{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--accent)}.playhead:before{content:'';position:absolute;top:0;left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--accent)}.right-panel{overflow:hidden}.inspector-icon{color:#777d85;font-size:17px}.inspector{flex:1;overflow:auto;padding:0 12px 12px}.inspector-empty{height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#777d85}.empty-icon{font-size:25px;color:#9c835a;margin-bottom:12px}.inspector-empty strong{font-size:12px;color:#c1c3c7}.inspector-empty p{font-size:10px;line-height:1.7;max-width:190px;color:#747981}.outline-btn{margin-top:8px;background:transparent;color:#c9b48e}.inspector-section{border-bottom:1px solid #2b2d31;padding:13px 0}.section-title{display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;color:#c4c6ca;margin-bottom:11px}.section-title button{border:0;background:transparent;color:#8d9299}.field-row{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:7px;margin:7px 0}.field-label{font-size:10px;color:#858a92}.field-control{min-width:0}.field-control input,.field-control select{width:100%;background:#101113;border:1px solid #303237;border-radius:2px;color:#d5d7da;padding:6px 7px;font:10px var(--mono);min-width:0}.field-control input:focus,.field-control select:focus{border-color:#786342;outline:none}.xyz-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.axis-field{display:flex;align-items:center;gap:3px}.axis-field span{font:9px var(--mono);color:#777d85}.axis-field input{width:100%;min-width:0;padding:6px 4px}.checkbox-row{display:flex;align-items:center;justify-content:space-between;margin:9px 0;color:#9b9fa5;font-size:10px}.checkbox-row input{accent-color:var(--accent)}.color-row{display:flex;align-items:center;gap:8px}.color-row input[type=color]{width:30px;height:25px;padding:2px;background:#101113;border:1px solid #333}.color-row input[type=range]{flex:1;accent-color:var(--accent);min-width:0}.field-inline-actions{display:flex;gap:5px;margin-top:9px}.field-inline-actions button{flex:1;border:1px solid #33353a;background:#222428;color:#aaaeb4;padding:6px 3px;font-size:9px}.field-inline-actions button:hover{border-color:#8a714c;color:#e4c994}.statusbar{height:24px;display:flex;align-items:center;gap:16px;padding:0 12px;background:#121315;border-top:1px solid #282a2e;color:#737981;font:8px var(--mono);letter-spacing:.5px;flex-shrink:0}.statusbar>span:first-child{color:#a3c5b1}.status-green{width:5px;height:5px;background:var(--green);display:inline-block;border-radius:50%;margin-right:5px}.status-spacer{flex:1}.loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111214}.loading .brand-mark{margin-bottom:20px;width:50px;height:50px;font-size:33px}.loading-title{letter-spacing:4px;font-weight:800;font-size:15px}.loading-sub{font:9px var(--mono);letter-spacing:2px;color:#777d85;margin-top:9px}.loading-track{width:180px;height:2px;background:#292b2e;margin-top:24px}.loading-track span{display:block;height:100%;width:35%;background:var(--accent);animation:loading 1.3s infinite ease-in-out}.load-error{color:#e39a9a;font-size:11px;margin-top:15px;max-width:450px;text-align:center}@keyframes loading{0%{transform:translateX(0)}50%{transform:translateX(115px)}100%{transform:translateX(0)}}.modal-layer{position:fixed;inset:0;z-index:20;background:#0009;display:grid;place-items:center}.modal{width:min(460px,90vw);background:#191a1d;border:1px solid #3b3d42;box-shadow:0 15px 60px #0009}.modal-header{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #303237}.modal-header strong{font-size:12px}.modal-body{padding:16px}.modal-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.modal-option{min-height:75px;background:#222428;border:1px solid #36383d;color:#b9bdc3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.modal-option span{font-size:20px;color:var(--accent)}.modal-option small{font-size:10px}.modal-option:hover{border-color:var(--accent);background:#2c2923}.modal-note{color:#838891;line-height:1.6;font-size:10px;margin:0 0 12px}.modal-field{display:block;color:#9da1a7;font-size:10px;margin:12px 0}.modal-field input,.modal-field select{display:block;width:100%;margin-top:6px;background:#101113;border:1px solid #33363a;color:#ddd;padding:9px}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:15px}.modal-actions button{padding:8px 12px}.hidden{display:none!important}
@media(max-width:1120px){.workspace{grid-template-columns:200px minmax(330px,1fr) 245px}.menubar{gap:0}.menubar button{padding:8px 6px}.brand{min-width:170px}.save-state{display:none}.asset-grid{grid-template-columns:repeat(4,minmax(55px,1fr))}}@media(max-height:700px){.bottom-dock{height:155px}.panel-heading,.inspector-header{height:50px}.topbar{height:52px}}