*{box-sizing:border-box}body{margin:0;background:#10131e;color:#e3e8f5;font-family:Inter,Segoe UI,Tahoma,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer;background:#282f46;border:1px solid #454f69;color:#e2e8fa;padding:9px 12px;border-radius:7px}button:hover:not(:disabled){background:#35415c}button:disabled{opacity:.4;cursor:not-allowed}button.active{background:#685db2;border-color:#9e95e5}header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #353c52;background:#1b2031}header strong{font-size:17px}.sub,.muted{color:#96a2bc}.sub{font-size:12px}.local{color:#78deb0;font-size:11px;letter-spacing:.6px}nav{padding:10px 17px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid #343c53}nav label{display:flex;align-items:center;gap:7px;color:#b5c0d6}nav input[type=range]{width:90px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 322px;height:calc(100vh - 114px);min-height:500px}.workspace{min-width:0;display:flex;flex-direction:column;background:#1a1e2a}.worktop{height:40px;padding:11px 18px;color:#bac8de;display:flex;justify-content:space-between;font-size:12px}.viewport{flex:1;min-height:0;overflow:auto;padding:25px;background:#141723}.viewport canvas{display:block;box-shadow:0 5px 30px #0008;image-rendering:auto}footer{height:34px;background:#202637;color:#9eabc4;padding:9px 18px;font-size:12px}aside{border-left:1px solid #363d55;padding:18px;overflow:auto;background:#202536}aside h3{display:flex;justify-content:space-between;margin:0 0 11px}aside p{line-height:1.6;font-size:12px}.list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow:auto;margin-bottom:14px}.list button{display:flex;justify-content:space-between;padding:8px 10px;text-align:left}.list button span{color:#9ca9c5}.list .selected{border-color:#d6aa58;background:#4c433d}.properties{background:#282e42;padding:13px;border-radius:9px;margin-bottom:12px}.properties h4{margin:0 0 10px}.properties label{display:flex;flex-direction:column;gap:5px;margin-bottom:9px;font-size:12px}.properties input{background:#161b2b;border:1px solid #4b5873;color:#fff;border-radius:4px;padding:7px;width:100%}.fields{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.actions{display:flex;gap:7px}.actions button{flex:1}.danger{color:#f6a5aa}.warning{border:1px solid #505d73;background:#252e43;border-radius:7px;padding:11px;font-size:12px;line-height:1.55;margin:14px 0}.warning small{color:#adb9cc}.export{background:#786aca;border-color:#9a8be5;width:100%;padding:13px;font-weight:700}@media(max-width:850px){.layout{grid-template-columns:1fr;height:auto}aside{border-left:none}.viewport{height:500px}.workspace{height:590px}}