
/* Focused beginner usability patch: the editing engine and preview dimensions are unchanged. */
[hidden]{display:none!important}.learning-route{font-size:13px;line-height:1.7;color:#d6dfd0;margin:12px 0}.watch-first{border-left:4px solid var(--lime);background:#293c2d;padding:14px 18px;margin:12px 0}.watch-first h3{font-size:20px;margin:0 0 8px}.watch-first p{font-size:15px;line-height:1.65;margin:0;max-width:700px}#coach-play{min-height:48px;font-size:16px;margin:0 0 14px}.coach-continue{border-top:1px solid var(--line);padding-top:12px}.workspace.learning-only #result,.workspace.learning-only #practice-feedback{display:none}.workspace.learning-only .lesson{grid-column:1/-1}.unlock-first{color:var(--lime);font-size:13px;font-weight:650;margin:0 0 8px}.workspace .control-guidance{grid-column:1/-1;background:#30432b;border:1px solid #879e54;padding:12px;border-radius:6px;margin-bottom:8px}.beginner-recommendation{font:600 13px/1.5 system-ui;color:var(--lime);margin:0 0 10px}.workspace .control-guidance .guidance-mode{display:flex;gap:8px;flex-wrap:wrap}.workspace .control-guidance .guidance-mode button{min-height:44px}.workspace .control-guidance .next-action{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:12px}.next-action-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--lime)}.workspace #current-instruction{font:550 14px/1.6 system-ui;color:#fff}.workspace #show-control{min-height:44px;width:100%;text-align:left}.workspace .control-guidance details{font:400 12px/1.5 system-ui}.workspace .trim-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;background:#1a2922;padding:12px;border:1px solid var(--line);border-radius:6px}.workspace .trim-fields>label{display:grid;grid-template-rows:22px 56px 44px;gap:6px;min-width:0;font:600 14px/1.5 system-ui;letter-spacing:normal}.workspace .trim-fields label small{font:400 12px/1.5 system-ui;letter-spacing:normal;margin:0;max-width:none;color:#ced8cb}.workspace .trim-fields label>span{display:flex;gap:6px;align-items:center}.workspace .trim-fields input{min-width:0;width:100%;min-height:44px;box-sizing:border-box}.workspace .trim-fields #trim{grid-column:1/-1;min-height:44px;width:100%;margin:0}.workspace .edge-help{flex-basis:100%;font:400 12px/1.5 system-ui;color:#bccbb7;margin:0;max-width:650px}.workspace #edge-mode{background:transparent;color:#bccbb7}.workspace #edge-mode[aria-pressed=true]{background:#e7c887;color:#172419}.workspace .inspector{scroll-margin-top:12px}.workspace .control-guidance #all-steps{margin-bottom:0}
@media(max-width:999px){.workspace .inspector{order:0}.workspace .viewer-area{order:1}.workspace .timeline-section{order:2}.workspace .control-guidance .next-action{gap:10px}.workspace .trim-fields>label{grid-template-rows:22px 66px 44px}.watch-first{padding:12px}.learning-route{font-size:12px}.workspace .inspector .tools{margin-top:4px}}

#coach-optional{font:400 12px/1.6 system-ui;margin:10px 0;color:#becbb7}#coach-optional summary{cursor:pointer}#coach-optional[open]{padding:10px;border:1px solid var(--line)}

.workspace .control-guidance{position:sticky;top:8px;z-index:5}.workspace .trim-fields{scroll-margin-top:300px}.workspace .control-help{margin-top:0}.workspace .selected-summary{padding:2px 0}.workspace .control-guidance .next-action{gap:6px}.workspace .control-guidance .next-action strong{line-height:1.5}@media(min-width:1000px){.workspace .viewer-area{align-self:start}}
.workspace{overflow:clip}.workspace .inspector{position:relative;top:auto}.workspace .control-guidance{background:#30432b;scroll-margin-top:12px}
.workspace .editor-heading .edge-help{display:block;order:3}
