:root{color-scheme:dark;--bg:#101419;--panel:#1a2028;--line:#303943;--muted:#9ba9b8;--cyan:#56cbe6;--text:#edf2f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Arial,sans-serif;min-width:1024px;height:100vh;display:flex;flex-direction:column}button,input,select,textarea{font:inherit;color:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);border-radius:4px;background:#252d37;padding:9px 12px;white-space:nowrap}button:hover{background:#364451;border-color:#6b899c}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,#overlay:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}input:not([type=checkbox]),select,textarea{background:#10161d;border:1px solid #3b4856;border-radius:3px;padding:8px;width:100%}input[type=checkbox]{accent-color:var(--cyan)}select{width:auto}textarea{resize:vertical;min-height:95px}.topbar{min-height:86px;display:flex;align-items:center;gap:26px;padding:14px 22px;border-bottom:1px solid var(--line);background:#1d242c}.brand{display:flex;gap:12px;align-items:center;letter-spacing:1.5px;white-space:nowrap;font-size:16px}.brand strong{font-weight:400;color:var(--muted)}.brand small{display:block;font-size:11px;letter-spacing:1px;margin-top:8px;color:var(--muted)}.brand-mark{border-left:4px solid var(--cyan);padding:4px 8px;font-size:21px;font-weight:900;letter-spacing:-1px}.brand-mark span{display:block}.document{flex:1;min-width:120px}.document input{background:transparent!important;border:0!important;font-size:16px;padding:0!important}.document>span{display:block;margin-top:7px;font-size:12px;color:var(--muted)}nav{display:flex;gap:7px}.primary{background:var(--cyan);color:#0a1d28;border-color:var(--cyan);font-weight:700}.output-button{color:var(--cyan);border-color:#4a7587}.toolbar{padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:#171d24}.toolbar>div{display:flex;align-items:center;gap:12px}.toolbar label{display:flex;align-items:center;gap:8px;color:var(--muted)}.toolbar select{max-width:190px}.toolbar-label{font-size:12px;letter-spacing:1.4px;color:#c6d5e1}.divider{width:1px;height:22px;background:var(--line)}.badge{font-size:11px;letter-spacing:.6px;border:1px solid #75613a;background:#342a19;color:#efce83;padding:6px 8px;border-radius:3px;max-width:180px}main{flex:1;min-height:0;display:grid;grid-template-columns:246px minmax(440px,1fr) 282px}aside{background:var(--panel);min-height:0;overflow:auto}.left{border-right:1px solid var(--line);display:flex;flex-direction:column}.right{border-left:1px solid var(--line)}h2{font-size:14px;letter-spacing:.3px;margin:0;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}h2 span{font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:400}.scene-browser{padding-bottom:8px;border-bottom:1px solid var(--line)}#sceneList{padding:12px}.scene-item{width:100%;white-space:normal;text-align:left;border-color:#558398;background:#243743;padding:14px;border-left:3px solid var(--cyan);line-height:1.6}.scene-item small{display:block;color:var(--muted);font-size:11px}.muted{color:var(--muted);line-height:1.5;font-size:12px;margin:4px 16px}.layers-panel{display:flex;flex-direction:column;min-height:120px;flex:1}.layer-help{padding:8px 16px;color:var(--muted);font-size:11px}#layers{overflow:auto;flex:1;padding:0 8px}.layer-row{display:flex;align-items:center;border:1px solid transparent;border-radius:3px;margin-bottom:3px;gap:2px}.layer-row.selected{background:#254554;border-color:#498fa8}.layer-row .layer-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left;background:transparent;border:0;font-size:12px;padding:10px 6px}.layer-row .layer-flag{border:0;padding:6px;font-size:11px;background:transparent;color:#a8bbc8}.layer-row .layer-flag.active{color:#56cbe6}.layer-row .layer-type{font-size:11px;color:var(--muted);padding-left:4px;width:18px}.layer-actions{display:flex;padding:10px;gap:5px;border-top:1px solid var(--line)}.layer-actions button{font-size:11px;padding:8px;flex:1}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;background:#11161b}.canvas-heading{display:flex;justify-content:space-between;padding:18px 22px;font-size:11px;letter-spacing:1px;color:var(--muted)}.canvas-heading>span:first-child{color:#d0e0e9}.canvas-area{padding:10px 26px 18px;flex:1;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}#canvasFrame{width:100%;aspect-ratio:16/9;box-shadow:0 10px 35px #0009;position:relative;background:#000}#canvasHost{position:absolute;inset:0;overflow:hidden}#canvas,#overlay{position:absolute;left:0;top:0}#overlay{width:1920px;height:1080px;transform-origin:top left;touch-action:none;outline:none}.selection{position:absolute;border:2px solid #5ce3ff;pointer-events:none}.handle{position:absolute;width:16px;height:16px;background:#d9faff;border:2px solid #1487a1;pointer-events:auto}.handle[data-handle=nw]{left:-8px;top:-8px;cursor:nwse-resize}.handle[data-handle=ne]{right:-8px;top:-8px;cursor:nesw-resize}.handle[data-handle=sw]{left:-8px;bottom:-8px;cursor:nesw-resize}.handle[data-handle=se]{right:-8px;bottom:-8px;cursor:nwse-resize}.safe-guide{position:absolute;inset:54px 96px;border:2px dashed #ffffff77;pointer-events:none}.canvas-tools{margin:0 22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;color:var(--muted);font-size:12px}.canvas-tools>div{display:flex;align-items:center;gap:9px}.canvas-tools button{padding:6px 10px;font-size:12px}.workspace-note{color:#8194a3;font-size:11px;text-align:center;margin:0 12px 12px;line-height:1.5}#notice{min-height:28px;padding:0 22px 10px;color:#efd08e;line-height:1.4;font-size:12px}#inspector{padding:16px}.property-title{font-size:17px;line-height:1.4;margin:0 0 16px}.property-section{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.property-section h3{font-size:11px;color:var(--muted);letter-spacing:1.4px;margin:0 0 12px}.field{display:block;margin-bottom:12px;color:#b2c1cd;font-size:12px}.field>span{display:block;margin-bottom:7px}.field input,.field select{font-size:13px}.field input[type=color]{height:35px;padding:3px!important}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.field-grid .field{min-width:0}.check-field{display:flex;align-items:center;gap:7px;font-size:12px;color:#bed0dd;margin:10px 0}.binding-note{font-size:12px;color:var(--muted);line-height:1.5}footer{padding:9px 18px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;border-top:1px solid var(--line);letter-spacing:.5px;background:#1b222a}@media(max-width:1250px){main{grid-template-columns:210px minmax(400px,1fr) 250px}.topbar{gap:14px;padding:10px 14px}.brand{font-size:13px}.brand small{font-size:9px}nav button{padding:8px;font-size:12px}.toolbar{padding:10px 14px}.toolbar-label{display:none}.canvas-area{padding:8px 16px 12px}}