:root{--studio-navy:#102a43;--studio-blue:#1e5f9e;--studio-sky:#dceefb;--studio-cream:#fffdf8;--studio-border:#afc1cd;--studio-text:#152a3a;--studio-muted:#49616f}body{background:#eaf1f5;color:var(--studio-text)}.studio-bar{position:sticky;top:0;z-index:30;grid-template-columns:1fr auto 1fr;min-height:64px;padding:11px clamp(16px,3vw,42px);background:var(--studio-navy);border-bottom:4px solid #8fdb68}.studio-brand{color:#c9f3a8}.studio-title{font-size:.95rem;letter-spacing:.07em}.bar-button{border-color:#6c8ba2;background:#1c405e;color:#fff;border-radius:5px;padding:8px 11px;font-weight:700}.bar-button:hover:not(:disabled){background:#2d638b}.studio-shell{max-width:1600px;padding-bottom:36px}.level-nav,.mission-strip,.coach-strip,.tool-shelf{padding-left:clamp(18px,4vw,58px);padding-right:clamp(18px,4vw,58px)}.level-nav{gap:28px;background:#dcebf4}.level-button{border-radius:5px;padding:8px 12px}.mission-strip{grid-template-columns:minmax(280px,1.1fr) minmax(360px,1.2fr) auto;gap:30px;padding-top:18px;padding-bottom:18px;background:#fffdf8}.mission-strip strong{display:block;margin-bottom:4px;font-size:1rem}.mission-steps{gap:9px 20px;font-size:.78rem;line-height:1.6}.reference-button{border:2px solid var(--studio-blue);border-radius:5px;background:#fff;color:var(--studio-blue);padding:9px 12px;font-weight:800}.reference-button:hover{background:var(--studio-sky)}.coach-strip{grid-template-columns:minmax(0,1fr) minmax(290px,.42fr);gap:34px;padding-top:20px;padding-bottom:20px;background:#f5fbf1;border-bottom:3px solid #8fdb68}.coach-copy h2{font-size:clamp(1.05rem,1.7vw,1.38rem);color:#12344d}.coach-copy p{font-size:.88rem;line-height:1.55}.coach-actions{align-self:center;grid-template-columns:1fr 1fr;min-width:270px}.check-step,.coach-button{border-radius:5px;padding:10px 12px;font-size:.78rem}.check-step{border:2px solid #285830;background:#8fdb68;color:#102a18}.coach-button{border:2px solid #6c899b;background:#fff;color:#173d55}.coach-feedback{font-size:.8rem;line-height:1.45}.tool-shelf{grid-template-columns:230px 1fr;gap:28px;padding-top:18px;padding-bottom:20px;background:#e1ebf1}.shelf-heading p:last-child{font-size:.8rem;line-height:1.5}.shelf-group>span{color:#244d64}.bank-token{border:1px solid #78909f;border-radius:6px;padding:8px 10px;box-shadow:0 2px 0 #b6c6cf;font-size:.78rem;font-weight:700}.workbench{gap:20px;min-height:650px;margin:22px clamp(18px,4vw,58px) 0;grid-template-columns:minmax(0,1.2fr) minmax(400px,.8fr)}.editor-panel,.preview-panel{border:1px solid var(--studio-border);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(25,58,77,.09)}.editor-panel{background:#fffdf8;border-right:1px solid var(--studio-border)}.preview-panel{background:#fff}.file-tabs{gap:5px;padding:12px 14px 0;background:#dfe9ef}.file-tab{border:1px solid transparent;border-radius:7px 7px 0 0;padding:9px 14px;color:#365766;font-size:.82rem;font-weight:700}.file-tab.active{border-color:var(--studio-border);background:#fffdf8}.mode-toggle{display:flex;gap:2px;margin-left:8px;padding:3px;border:1px solid #90a8b7;border-radius:6px;background:#edf4f7}.mode-button{border:0;border-radius:4px;background:transparent;padding:5px 8px;color:#315568;font:inherit;font-size:.7rem;font-weight:800}.mode-button.active{background:var(--studio-navy);color:#fff}.save-message{color:#426172;font-weight:700}.editor-canvas{min-height:490px;padding:22px}.canvas-help{padding:12px 14px;margin-bottom:18px;border-left:5px solid #4e9b2a;background:#edf8e8;color:#264637;font-size:.83rem;line-height:1.5}.html-tree,.node-children{padding:10px}.node-card{min-height:42px;border-color:#8298a4;background:#fff;box-shadow:0 2px 0 #d7e0e5}.node-card.start{border-left-width:6px}.node-label{font-size:.82rem}.node-label em{color:#334e5c}.node-children{margin-left:20px;padding-left:18px}.node-children:empty::after{padding:8px 10px;color:#54707d;font-size:.75rem}.css-rules{gap:12px}.css-card{grid-template-columns:145px 1fr auto auto;gap:12px;border-color:#8298a4;padding:11px;box-shadow:0 2px 0 #d7e0e5}.css-selector{font-size:.9rem}.declaration{background:#e8f1f5;color:#244658;padding:4px 6px;font-size:.73rem}.add-property{border:1px solid #5b8499;border-radius:4px;background:#fff;color:#1c5574;padding:5px 7px;font:inherit;font-size:.68rem;font-weight:800}.add-property:hover{background:#dceefb}.inline-card-fields{gap:9px}.inline-card-fields label{min-width:150px;font-size:.67rem;color:#365766}.inline-card-fields input{border-color:#7f9bab;padding:7px;font-size:.8rem}.css-inline-fields{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(160px,1fr) auto;gap:6px;align-items:end}.css-inline-fields input{width:100%;border:1px solid #7f9bab;border-radius:4px;padding:6px;font:inherit;font-size:.76rem}.css-inline-remove{width:28px;height:29px;border:1px solid #a06262;border-radius:4px;background:#fff2f2;color:#8a2525;font:inherit}.code-editor-panel{background:#17252f}.code-editor-panel .canvas-help{border-left-color:#9ee773;background:#253f32;color:#e9f7e2}.code-editor{display:block;width:100%;min-height:420px;resize:vertical;border:1px solid #536f7e;border-radius:6px;background:#10202a;color:#e5f5d9;padding:18px;font-family:"Cascadia Mono",Consolas,monospace;font-size:.86rem;line-height:1.6;tab-size:2;outline:0}.code-editor:focus{border-color:#9ee773;box-shadow:0 0 0 3px rgba(158,231,115,.22)}.code-editor-actions{display:flex;align-items:center;gap:12px;margin-top:12px;color:#bed3dc;font-size:.73rem}.code-editor-actions .check-step{width:auto}.generated-code{margin:0 22px 22px;border-radius:6px}.preview-topline{padding:12px 16px;background:#143a55;color:#fff;border-bottom:0;font-size:.8rem}.preview-live{color:#c2f5a0}#catPreview{min-height:445px}.inspector{padding:17px 18px;background:#fffdf8}.inspector-title{color:#234d64;font-size:.8rem}.inspector-form{gap:10px}.inspector-form input{border-color:#8aa1ae;padding:8px}.reference-card{border-radius:7px;padding:18px}.studio-dialog{box-shadow:10px 10px 0 #8fdb68}.reference-school{box-shadow:5px 5px 0 #90b7cf}@media (max-width:1100px){.workbench{grid-template-columns:1fr}.preview-panel{min-height:640px}.mission-strip{grid-template-columns:1fr}.coach-strip{grid-template-columns:1fr}.tool-shelf{grid-template-columns:1fr}.shelf-groups{grid-template-columns:1fr 1fr}}@media (max-width:700px){.studio-bar{grid-template-columns:1fr}.studio-title{grid-column:auto}.studio-actions{justify-content:flex-start}.workbench{margin:14px 12px}.level-nav,.mission-strip,.coach-strip,.tool-shelf{padding-left:14px;padding-right:14px}.file-tabs{flex-wrap:wrap}.mode-toggle{order:3;margin-left:0}.save-message{display:none}.editor-canvas{padding:13px}.css-card{grid-template-columns:1fr auto}.css-declarations{grid-column:1/-1}.css-inline-fields{grid-template-columns:1fr}.code-editor-actions{align-items:flex-start;flex-direction:column}}