:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#eef0ff;background:#10121d;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:#e9eafa;background:#22263a;border:1px solid #363b54;border-radius:9px;padding:10px;cursor:pointer;transition:.15s}button:hover{background:#373a59;border-color:#8b70fc}button:disabled{opacity:.4;cursor:not-allowed}.accent{background:linear-gradient(110deg,#7c49ff,#c54dd9);border-color:#a16aff;color:white;font-weight:750}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #303247;background:#171925}.brand{display:flex;gap:12px;align-items:center}.hand{display:grid;place-items:center;width:44px;height:44px;background:linear-gradient(135deg,#7847ff,#e458c2);border-radius:13px;font-size:24px}.brand strong{font-size:24px;letter-spacing:-1px}.brand em{font-style:normal;background:linear-gradient(90deg,#36d9f2,#e75cbf);background-clip:text;color:transparent}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#a7a8c3}.head-actions{display:flex;align-items:center;gap:10px}.head-actions span{color:#a4a7c2;font-size:11px}main{display:grid;grid-template-columns:242px minmax(300px,1fr) 265px;height:calc(100dvh - 76px);min-height:460px}.sidebar,.inspector{padding:16px;overflow:auto;background:#191c2a}.sidebar{border-right:1px solid #303247}.inspector{border-left:1px solid #303247}.sectiontitle{display:flex;align-items:center;justify-content:space-between;color:#a5a9c5;font-weight:800;letter-spacing:1.8px;font-size:10px;margin:17px 0 11px}.sectiontitle:first-child{margin-top:2px}.primitives{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.primitives button{font-size:23px;min-height:64px;color:#d6b3ff}.primitives span{display:block;color:#d7d7e9;font-size:10px;margin-top:4px}.toolgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.toolgrid button{font-size:11px;padding:10px 5px}.toolgrid button.active{background:#46346c;border-color:#ad78ff}.hint{font-size:10px;color:#858aa8;line-height:1.55}.stage{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at center,#222842,#10121c 70%)}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}.stage-top{position:absolute;top:15px;left:16px;right:16px;z-index:2;pointer-events:none;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1px;color:#9ea5c4}.stage-top #stats{margin-left:auto}.pill{color:#9bf3d3;background:#173f3a;padding:7px 10px;border-radius:20px}.view-bottom{position:absolute;bottom:14px;left:14px;right:14px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#abb0cd;font-size:10px;pointer-events:none}.view-bottom div{display:flex;gap:5px}.view-bottom button{pointer-events:auto;padding:7px 9px;background:#22263bcc}.scene-list{max-height:230px;overflow:auto}.scene-item{display:flex;align-items:center;gap:7px;width:100%;margin-bottom:5px;text-align:left;font-size:11px;overflow:hidden}.scene-item.selected{border-color:#b27cff;background:#453265}.scene-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{padding:22px 10px;border:1px dashed #454a62;border-radius:9px;text-align:center;color:#9399b6;font-size:11px;line-height:1.6}.inspector label{display:block;font-size:10px;font-weight:700;letter-spacing:1px;color:#a6acc9;margin:13px 0}.inspector input[type=text],.inspector input[type=number]{width:100%;background:#101320;border:1px solid #393d56;color:white;border-radius:7px;padding:9px;margin-top:6px;min-width:0}.inspector input[type=color]{display:block;width:100%;height:38px;border:0;background:transparent;margin-top:7px}.inspector input[type=range]{display:block;width:100%;accent-color:#a05aff;margin-top:9px}.inspector output{float:right;color:#e3c8ff}.propertyTitle{color:#d7c4ff;font-size:10px;font-weight:800;margin-top:18px}.xyz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.xyz label{margin:6px 0}.xyz input{padding:7px!important}.xyz label:nth-child(1){color:#ff747e}.xyz label:nth-child(2){color:#8de6a4}.xyz label:nth-child(3){color:#81b4ff}.inspector .inline{display:flex;align-items:center;gap:7px}.tiny{padding:4px 7px;font-size:10px}#toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);background:#333052;color:#fff;border:1px solid #a577ed;padding:11px 18px;border-radius:10px;z-index:10;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}dialog{background:#202439;color:#f2f0ff;border:1px solid #8d65e0;border-radius:17px;max-width:460px;padding:25px;line-height:1.6}dialog::backdrop{background:#070811b9}dialog h2{margin-top:0}dialog p{color:#c3c5dc}@media(max-width:900px){main{grid-template-columns:190px minmax(240px,1fr)}.inspector{position:absolute;right:0;top:76px;bottom:0;width:240px;z-index:3;transform:translateX(100%);transition:transform .2s}.inspector.open{transform:translateX(0);box-shadow:-10px 0 40px #0009}.stage{min-height:500px}}@media(max-width:600px){header{height:64px;padding:0 10px}.brand strong{font-size:19px}.brand small{font-size:7px;letter-spacing:1px}.head-actions span{display:none}main{height:calc(100dvh - 64px);display:block}.sidebar{position:absolute;z-index:3;left:0;bottom:0;right:0;height:150px;padding:8px 10px;overflow:auto;border-right:0;border-top:1px solid #37384b}.sidebar .sectiontitle,.sidebar .hint,.sidebar .toolgrid,.sidebar .primitives{display:none}.sidebar .sectiontitle:first-child{display:block}.sidebar .primitives{display:grid;grid-template-columns:repeat(6,1fr)}.primitives button{min-height:52px;font-size:18px;padding:5px}.stage{height:calc(100% - 150px);min-height:300px}.inspector{top:64px;bottom:150px}.view-bottom{flex-wrap:wrap}.view-bottom>span{display:none}.stage-top{top:8px;left:8px;right:8px}}