*{box-sizing:border-box}body{margin:0;background:#111816;color:#edf5ea;font-family:ui-sans-serif,system-ui,sans-serif}button,input,textarea{font:inherit}.mini-form{display:grid;gap:8px;margin-bottom:12px}.mini-form input{margin:0}.shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:16px;padding:20px;background:#17221f;border-right:1px solid #2c3b35}.brand{display:grid;gap:2px;letter-spacing:.04em;text-transform:uppercase}.brand span{color:#9fbcae;font-size:12px}.brand strong{font-size:22px}.workspace{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #2c3b35}.topbar p,.topbar h1{margin:0}.topbar p{color:#9fbcae;font-size:13px}.topbar h1{margin-top:4px;font-size:28px}.actions{display:flex;gap:10px;align-items:center}.grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:0}.preview{min-height:0}.preview canvas{width:100%;height:100%;display:block}.inspector{display:flex;flex-direction:column;gap:16px;padding:20px;overflow:auto;border-left:1px solid #2c3b35}.card{padding:14px;background:#1d2a26;border:1px solid #31463d;border-radius:16px}.card h2{margin:0 0 12px;font-size:14px;color:#d1e2d8}.card-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.card-header h2{margin:0}input,textarea{width:100%;margin-bottom:10px;padding:10px 12px;color:#edf5ea;background:#111816;border:1px solid #31463d;border-radius:10px}textarea{min-height:74px;resize:vertical}.scene-card textarea{min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45}button{padding:10px 12px;color:#0f1714;background:#a7f3c3;border:0;border-radius:999px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.list{display:grid;gap:8px}.small{gap:6px}.row,.pill{width:100%;padding:10px 12px;color:#edf5ea;text-align:left;background:#14201c;border:1px solid #31463d;border-radius:12px}.row.active{border-color:#a7f3c3}.pill{display:grid;gap:3px}.pill span{color:#9fbcae;font-size:12px}@media(max-width:960px){.shell,.grid{grid-template-columns:1fr}.sidebar,.inspector{border:0}.preview{height:60vh}}