:root{font-family:'DM Sans',sans-serif;color:#e6e7ed;background:#14151b;--line:#2a2c35;--panel:#1b1d25;--muted:#858997;--accent:#9283ff;--font-display:'Space Grotesk','DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden;font-size:12px}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.studio-top{height:48px;background:#1b1d24;border-bottom:1px solid #292b34;display:flex;align-items:center;padding:0 14px;gap:25px}.studio-brand{font:600 12px var(--font-display);letter-spacing:.08em;white-space:nowrap}.studio-brand span{background:#7768dc;border-radius:6px;padding:5px 8px;margin-right:5px}.studio-brand i{font-style:normal;color:#676a78;margin:0 5px}.project-title{display:flex;align-items:center;gap:12px;min-width:0}.project-title input{background:none;border:0;color:#dcdde6;font-size:12px;outline:0;width:165px}.save-state{color:#8f92a0;font-size:10px}.studio-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.studio-close{font-size:22px;color:#aeb0ba;padding:0 5px}.tool-button,.button-primary,.button-outline{border:1px solid transparent;border-radius:6px;padding:6px 9px;background:none;color:#c2c4cf;cursor:pointer}.tool-button:hover{background:#ffffff0b}.tool-button.selected{background:#39364c;border-color:#514a73;color:#cfc8ff}.tool-button small{font-size:10px;margin-left:4px}.button-primary{background:#7768dc;color:white;font-weight:600;padding:8px 12px}.button-outline{border-color:#383a44;font-size:10px;display:inline-block}.studio-toolbar{height:41px;background:#1b1d24;border-bottom:1px solid #292b34;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.tool-group{display:flex;align-items:center;gap:3px}.tool-group.right{margin-left:auto}.tool-divider{height:20px;width:1px;background:#33353e;margin:0 7px}.studio-layout{height:calc(100vh - 89px);display:grid;grid-template-columns:220px minmax(360px,1fr) 238px}.insert-panel,.right-panel{background:#1a1c23;display:flex;flex-direction:column;min-height:0}.insert-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-tabs,.right-tabs{height:38px;display:flex;border-bottom:1px solid var(--line);padding:0 11px;gap:13px;flex:none}.panel-tabs button,.right-tabs button{border:0;background:none;color:#888b99;font-size:11px;padding:0 2px;border-bottom:2px solid transparent;cursor:pointer}.panel-tabs .selected,.right-tabs .selected{color:#eeeefa;border-color:var(--accent)}.insert-content,.toolbox-content{padding:14px 12px;overflow:auto}.panel-label{font:500 9px 'DM Mono',monospace;color:#858999;letter-spacing:.1em;margin:7px 0 10px}.insert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.insert-grid button{height:58px;background:#21232c;border:1px solid #2c2e38;border-radius:6px;color:#cdd0dc;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.insert-grid button:hover{background:#292b37;border-color:#595074}.insert-grid button span{font-size:16px;color:#b3a6ff}.ui-label{margin-top:19px}.toolbox-info{padding:12px;background:#20212a;border:1px solid #2b2d38;border-radius:8px;margin-top:20px}.toolbox-info>span{color:#b8aaff;font-size:20px}.toolbox-info b{display:block;font-size:11px;margin:8px 0 5px}.toolbox-info p,.muted-note{color:#9295a3;font-size:10px;line-height:1.6}.tool-link{border:0;background:none;color:#b7a9ff;font-size:10px;padding:0;cursor:pointer}.work-area{min-width:0;display:flex;flex-direction:column;background:#101117;position:relative}.viewport-wrap{position:relative;flex:1;min-height:180px;overflow:hidden;background:#11131a}.viewport-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.viewport-badge{position:absolute;top:13px;left:14px;background:#171921d9;border:1px solid #2d2f39;border-radius:6px;padding:7px 9px;font:9px 'DM Mono',monospace;color:#b7b9c3;display:flex;gap:7px;align-items:center;pointer-events:none}.viewport-badge .live-dot{width:6px;height:6px}.badge-sep{color:#545764}.viewport-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);border:1px solid #292b35;border-radius:6px;background:#171921d9;padding:7px 10px;color:#8d909c;font-size:9px;white-space:nowrap;pointer-events:none}.ui-stage{position:absolute;width:min(70%,850px);aspect-ratio:16/9;left:50%;top:50%;transform:translate(-50%,-50%);background:#202632;border:1px solid #7770b8;box-shadow:0 0 0 9999px #090a0d88;overflow:hidden}.stage-corner{position:absolute;top:5px;left:7px;color:#999bb1;font:8px 'DM Mono',monospace;pointer-events:none}.ui-node{position:absolute;min-width:30px;min-height:22px;border:1px dashed #9c8cff;background:#3d407b88;color:white;display:grid;place-items:center;padding:5px;font-size:11px;cursor:move;user-select:none}.ui-node.selected{outline:1px solid #b0a3ff}.ui-node .resize-handle{position:absolute;width:8px;height:8px;right:-4px;bottom:-4px;background:#d2caff;border:1px solid #715fe2;cursor:nwse-resize}.right-content{padding:9px 8px;overflow:auto;flex:1}.tree-row{height:25px;display:flex;align-items:center;gap:7px;color:#b8bac6;font-size:10px;padding-left:8px;cursor:pointer}.tree-root{color:#dadbe3}.tree-child{padding-left:25px}.tree-row:hover{background:#272934}.tree-row.selected{background:#37334a;color:#ddd5ff}.ui-tree-root{margin-top:8px}.account-strip{height:49px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 11px;flex:none}.account-avatar{width:26px;height:26px;border-radius:8px;background:#7464d5;display:grid;place-items:center;font-weight:700}.account-strip span:nth-child(2){display:grid;gap:3px;flex:1}.account-strip b{font-size:9px}.account-strip small{font-size:8px;color:#9295a2}.account-strip>a{color:#a99dff}.inspector{padding:7px}.inspector h4{font-size:10px;color:#bdbfc9;margin:10px 2px 7px}.property{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:4px;margin:6px 0;color:#a3a6b2;font-size:9px}.property input,.property select{min-width:0;width:100%;border:1px solid #343640;border-radius:4px;padding:5px;background:#12131a;color:#dadbe4;font-size:9px}.script-pane,.animation-pane{height:250px;background:#1a1c23;border-top:1px solid #343641;display:flex;flex-direction:column;flex:none}.script-header,.animation-head{height:40px;display:flex;align-items:center;gap:11px;padding:0 13px;border-bottom:1px solid #2d2f38}.script-header>div{display:flex;gap:12px;align-items:center;flex:1}.script-header b,.animation-head b{font-size:11px}.script-target{font-size:9px;color:#8c8f9c}.script-warning{font-size:9px;color:#ccb77e;background:#29251d;padding:6px 12px}.script-pane textarea{flex:1;resize:none;background:#12131a;color:#d7d9e4;border:0;outline:none;padding:13px;font:11px/1.65 'DM Mono',monospace;tab-size:4}.script-footer{height:23px;border-top:1px solid #282a33;display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:#858896;font-size:8px}.animation-head select{background:#12131a;border:1px solid #343640;border-radius:5px;padding:5px;font-size:9px;margin-left:auto}.timeline{padding:16px 20px;position:relative}.timeline-ruler{display:flex;justify-content:space-between;color:#888b98;font:9px 'DM Mono',monospace}.timeline input{width:100%;margin:17px 0 0;accent-color:#9485ff}.keyframes{position:absolute;left:20px;right:20px;top:64px;height:10px;pointer-events:none}.key-dot{position:absolute;width:7px;height:7px;transform:rotate(45deg);background:#b8a8ff}.animation-pane>.muted-note{margin:0 20px}.bottom-bar{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#818492;font-size:8px;border-top:1px solid #292b34;background:#1a1c23}.publish-dialog{width:min(530px,calc(100vw - 30px));border:1px solid #3a3c47;border-radius:12px;padding:23px;background:#1c1e26;color:#e8e8ef;box-shadow:0 20px 80px #000a}.publish-dialog::backdrop{background:#08090dcc;backdrop-filter:blur(5px)}.dialog-close{display:flex;justify-content:end;margin:-10px -9px 4px}.publish-dialog h2{font:600 20px var(--font-display);margin:7px 0 18px}.publish-form{display:grid;gap:11px}.publish-form>label,.upload-row label{display:grid;gap:6px;color:#b8bac7;font-size:10px}.publish-form input:not([type=checkbox]),.publish-form textarea,.publish-form select{width:100%;background:#12131a;border:1px solid #343641;color:#e2e3e9;border-radius:6px;padding:9px;outline:0;font-size:10px}.publish-form textarea{resize:vertical}.publish-form input[type=file]{font-size:9px}.upload-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-row small{color:#7f8290;font-size:8px}.publish-check{display:flex!important;align-items:center;gap:8px!important}.publish-check input{accent-color:#8675ef}.publish-submit{height:37px}.form-status{min-height:13px;color:#a4a6b2;font-size:10px}.form-status.error{color:#f49898}.hidden{display:none!important}@media(max-width:900px){.studio-layout{grid-template-columns:185px minmax(260px,1fr) 200px}.studio-brand{font-size:10px}.tool-button{padding:6px}.studio-toolbar{padding:0 5px}.insert-panel .panel-tabs{gap:8px}.right-panel .right-tabs{gap:8px}}@media(max-width:650px){body{overflow:auto}.studio-top{gap:10px;padding:0 7px}.project-title input{width:100px}.save-state{display:none}.studio-brand{font-size:0}.studio-brand span{font-size:11px}.studio-layout{height:calc(100vh - 89px);grid-template-columns:42px minmax(200px,1fr) 42px}.insert-panel,.right-panel{overflow:hidden}.panel-tabs,.right-tabs{padding:0;justify-content:center}.panel-tabs button,.right-tabs button{font-size:0}.panel-tabs button:after{content:'＋';font-size:13px}.right-tabs button:after{content:'☷';font-size:13px}.insert-content,.toolbox-content,.right-content,.account-strip{display:none!important}.studio-toolbar .tool-group button small{display:none}.studio-toolbar{overflow:auto}.tool-divider{display:none}.tool-group{flex:none}.studio-toolbar .tool-group:nth-child(2) button{font-size:0}.studio-toolbar .tool-group:nth-child(2) button:first-child:after{content:'3D';font-size:9px}.studio-toolbar .tool-group:nth-child(2) button:nth-child(2):after{content:'UI';font-size:9px}.studio-toolbar .tool-group:nth-child(2) button:nth-child(3):after{content:'{}';font-size:9px}.studio-toolbar .tool-group:nth-child(2) button:nth-child(4):after{content:'◷';font-size:9px}.viewport-hint{font-size:8px}.upload-row{grid-template-columns:1fr}}
.brand-mark-img{width:31px;height:31px;display:block}.brand-small .brand-mark-img{width:23px;height:23px}.form-check{display:flex!important;grid-template-columns:17px 1fr;align-items:flex-start;gap:9px!important;line-height:1.5}.form-check input{width:auto!important;margin-top:2px;accent-color:#9182ff}.form-check a{color:#b7aaff;text-decoration:underline}.age-note{font-size:10px;line-height:1.6;color:#b8b4ce;background:#211f2a;border-left:2px solid #8676ef;padding:9px 11px;margin:0}.brand-mark-img{border-radius:9px}