.workspace{height:calc(100vh - var(--header-height));min-height:610px;display:flex;overflow:hidden;background:var(--surface)}.instructions-panel{width:40%;min-width:300px;max-width:62%;overflow-y:auto;border-right:1px solid var(--border);padding:26px 32px 84px;background:var(--surface)}.workspace-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--editor-bg);color:var(--editor-text)}.resize-x{width:7px;margin-left:-4px;z-index:4;cursor:col-resize;background:transparent;transition:background-color .15s}.resize-x.dragging,.resize-x:hover{background:var(--accent)}.workspace-context{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--text-muted);font-size:12px;margin-bottom:36px}.workspace-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.055em;font-weight:650}.workspace-breadcrumb a{color:var(--text)}.workspace-breadcrumb a:hover{color:var(--accent)}.exercise-position{color:var(--text-muted);font:600 12px var(--font-code);white-space:nowrap}.exercise-title{font-size:clamp(27px,2.4vw,34px);font-weight:690;line-height:1.1;letter-spacing:-.04em;margin:0 0 10px}.exercise-description{color:var(--text-muted);margin:0 0 18px;line-height:1.6;max-width:570px}.xp-row{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--text-muted);font-size:12px;font-weight:620}.xp-row span:last-child{padding:4px 7px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-subtle);font:600 11px var(--font-code)}.instruction-block{border-top:1px solid var(--border);padding-top:25px;margin-top:27px}.instruction-block:first-of-type{margin-top:26px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised)}.instruction-block h2{font-size:12px;text-transform:uppercase;letter-spacing:.105em;color:var(--text-muted);margin:0 0 14px}.instruction-block p{line-height:1.68;margin:0}.instruction-block code{background:var(--accent-muted);color:var(--accent);border-radius:4px;padding:2px 5px}.hint{border-left:2px solid var(--accent);padding:2px 0 2px 14px;margin-top:16px;font-size:14px;line-height:1.55;color:var(--text-muted)}.hint strong{color:var(--text);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.hint-button{width:100%;margin-top:14px;min-height:40px;font-size:13px}.editor-header{height:43px;min-height:43px;background:var(--editor-surface);color:var(--editor-text);display:flex;align-items:center;padding:0 16px;font:12px var(--font-code);border-bottom:1px solid var(--editor-border)}.editor-header span:last-child{margin-left:auto;color:var(--editor-muted);font-size:11px}.editor-area{height:58%;min-height:170px;background:var(--editor-bg)}.resize-y{height:7px;margin-top:-3px;cursor:row-resize;background:var(--editor-surface);border-top:1px solid var(--editor-border);border-bottom:1px solid var(--editor-border);z-index:3;transition:background-color .15s}.resize-y.dragging,.resize-y:hover{background:var(--accent)}.output-area{flex:1;min-height:150px;background:var(--editor-bg);color:var(--editor-text);display:flex;flex-direction:column;overflow:hidden}.output-tabs{height:43px;min-height:43px;display:flex;align-items:stretch;border-bottom:1px solid var(--editor-border);background:var(--editor-surface);padding:0 10px;overflow-x:auto}.output-tab{padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--editor-muted);font:12px var(--font-sans);white-space:nowrap;transition:color .15s ease,background-color .15s ease}.output-tab:hover{color:var(--editor-text);background:color-mix(in srgb,var(--editor-bg) 48%,transparent)}.output-tab.active{border-color:var(--accent);color:var(--editor-text);font-weight:650}.output-content{flex:1;overflow:auto;position:relative}.result-wrap{overflow:auto;height:100%}.result-wrap table{border-collapse:collapse;width:100%;font:12px/1.55 var(--font-code)}.result-wrap th{position:sticky;top:0;background:var(--editor-surface);color:var(--editor-muted);text-align:left;font-weight:600}.result-wrap td,.result-wrap th{padding:9px 15px;border-right:1px solid var(--editor-border);border-bottom:1px solid var(--editor-border);white-space:nowrap}.result-wrap tbody tr:hover{background:color-mix(in srgb,var(--editor-surface) 65%,transparent)}.null{color:var(--editor-muted);font-style:italic}.empty-output{display:grid;place-items:center;height:100%;color:var(--editor-muted);text-align:center;padding:20px;font-size:13px}.output-error{padding:14px 16px;margin:15px;border:1px solid color-mix(in srgb,var(--error) 45%,var(--editor-border));color:var(--error);background:var(--error-muted);border-radius:var(--radius-sm);font:13px/1.55 var(--font-code)}.workspace-actions{min-height:63px;padding:10px 14px;display:flex;align-items:center;gap:10px;background:var(--editor-surface);border-top:1px solid var(--editor-border)}.workspace-actions .button-secondary{color:var(--editor-text);border-color:var(--editor-border);background:transparent}.workspace-actions .button-secondary:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.run-status{margin-right:auto;font-size:12px;color:var(--editor-muted)}.validation-banner{padding:11px 15px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--editor-border);font-size:13px}.validation-banner>div{display:flex;align-items:baseline;gap:13px}.validation-banner strong{font-size:14px}.validation-banner span{color:var(--editor-muted)}.validation-banner.success{color:var(--success);background:var(--success-muted)}.validation-banner.error{color:var(--error);background:var(--error-muted)}.validation-banner button{color:currentColor;border:0;border-bottom:1px solid;background:transparent;padding:3px 0;font-weight:650;white-space:nowrap}.loading-editor{height:100%;display:grid;place-items:center;color:var(--editor-muted);font:13px var(--font-code);background:var(--editor-bg)}@media(max-width:800px){.workspace{height:auto;min-height:calc(100vh - var(--header-height));display:block;overflow:visible}.instructions-panel{width:100%!important;max-width:none;min-width:0;border-right:0;padding:25px 20px 38px}.workspace-context{margin-bottom:26px;align-items:flex-start}.resize-x,.resize-y{display:none}.workspace-main{height:720px}.editor-area{height:55%!important}.workspace-actions{position:sticky;bottom:58px;flex-wrap:wrap}.run-status{width:100%;order:3}.workspace-actions .button{padding-inline:12px}.validation-banner{align-items:flex-start}.validation-banner>div{align-items:flex-start;flex-direction:column;gap:4px}.instruction-block:first-of-type{padding:17px}}