:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf0fa;background:#0c1421;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #34465e;border-radius:9px;background:#1b2b40;color:#eef5ff;padding:10px 12px}button:hover:not(:disabled){background:#28405f}button:disabled{opacity:.4;cursor:not-allowed}input,textarea,select{min-width:0;color:#fff;background:#111e30;border:1px solid #3b5068;border-radius:7px;padding:9px}input[type=checkbox],input[type=range],input[type=color]{padding:0}.app{min-height:100dvh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 22px;border-bottom:1px solid #2a3b52;background:#101b2b}.brand{display:flex;align-items:center;gap:10px}.brandmark{background:#247cfa;border-radius:10px;padding:9px 13px;font-size:24px}.brand strong{font-size:20px;display:block}.brand small{display:block;color:#91a6c0;font-size:9px;letter-spacing:1.1px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.header-actions button:first-child,.empty button{background:#236ae6;border-color:#236ae6}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;flex:1;min-height:0}.panel{padding:17px;background:#111e30}.tools{border-right:1px solid #2a3b52}.layers{border-left:1px solid #2a3b52}.panel h2{font-size:15px;margin:0 0 20px}.panel h3{font-size:13px;margin:15px 0 10px}.tools>button,.tools>input{display:block;width:100%;margin:8px 0}.separator{border-top:1px solid #34465e;margin:18px 0}.muted{color:#93a6c0;font-size:12px;line-height:1.6}.stage{display:flex;flex-direction:column;min-width:0;background:#18263a}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;font-size:12px;color:#a8bdd6;background:#142236}.stage-top select{margin-left:6px}.stage-scroll{display:flex;align-items:center;justify-content:center;flex:1;min-height:400px;overflow:auto;padding:30px;background-color:#1c2b3e;background-image:linear-gradient(45deg,#233347 25%,transparent 25%),linear-gradient(-45deg,#233347 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#233347 75%),linear-gradient(-45deg,transparent 75%,#233347 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.canvas-shell{flex-shrink:0;box-shadow:0 14px 35px #0008}.canvas-shell canvas{display:block}.empty{text-align:center;max-width:420px;padding:20px}.empty h1{font-size:30px}.empty p{color:#c2d1e2;line-height:1.6}.empty-icon{font-size:54px;color:#67a4ff}.layer-list{display:flex;flex-direction:column;gap:7px}.layer{display:flex;gap:10px;text-align:left;align-items:center;width:100%}.layer span:nth-child(2){flex:1}.layer.active{border-color:#3985f5;background:#243f64}.inspector{border-top:1px solid #34465e;margin-top:18px;padding-top:8px}.inspector label{display:flex;flex-direction:column;gap:5px;margin:12px 0;font-size:12px}.inspector label:has(input[type=checkbox]){flex-direction:row;justify-content:space-between}.inspector textarea{resize:vertical;min-height:60px}.footer{display:flex;justify-content:space-between;gap:12px;padding:9px 20px;color:#9cafc7;font-size:11px;border-top:1px solid #2a3b52}@media(max-width:850px){.header{align-items:flex-start;flex-direction:column}.workspace{display:flex;flex-direction:column}.stage{order:0;min-height:48dvh}.tools{order:1;border-right:0;border-top:1px solid #2a3b52}.layers{order:2;border-left:0;border-top:1px solid #2a3b52}.stage-scroll{min-height:42dvh;padding:16px}.tools>button,.tools>input{max-width:100%}.footer{flex-direction:column}.header-actions button{flex:1}.panel{padding:15px}.empty h1{font-size:24px}}