:root {
      --bg: #0c1125; --chrome-bg: #0c1125; --bg-deep: #080d1d; --rail: #0f1428; --panel: #171d39; --panel-2: #1e2749; --panel-3: #263154;
      --border: #384473; --border-soft: #29355d; --ink: #f4e9c8; --muted: #b6a887; --faint: #7f89a7;
      --orange: #f97316; --gold: #f5c518; --cyan: #48d5ff; --violet: #c08aff; --mint: #58e0b5; --coral: #ff7c87;
      --paper: #fff8eb; --paper-ink: #1d2a42; --code: #27282b; --code-ink: #e7edf7;
      --display: "Silkscreen", ui-monospace, monospace; --body: "Nunito", ui-rounded, system-ui, sans-serif; --mono: "JetBrains Mono", monospace;
      --accent: #48d5ff; --wash: rgba(72,213,255,.11); --shadow: 0 20px 50px rgba(0,0,0,.28); --radius: 7px;
    }
    body[data-theme="light"] {
      --bg: #efe8d7; --chrome-bg: #efe8d7; --bg-deep: #e6ddc6; --panel: #f3ead7; --panel-2: #ebe0c6; --panel-3: #e3d5b6;
      --border: #b9a87d; --border-soft: #cbbd9d; --rail: #e8dec8; --ink: #1d2945; --muted: #6c634e; --faint: #857b61;
      --orange: #c75b20; --gold: #946300; --cyan: #137c9c; --violet: #7651a6; --mint: #197d5c; --coral: #bd4f5d;
      --shadow: 0 18px 40px rgba(91,74,36,.15);
    }
    body[data-dataset="breast"] { --accent:#48d5ff; --wash:rgba(72,213,255,.12); }
    body[data-dataset="penguins"] { --accent:#c08aff; --wash:rgba(192,138,255,.12); }
    body[data-dataset="car"] { --accent:#f97316; --wash:rgba(249,115,22,.12); }
    body[data-dataset="wine"] { --accent:#e59ab6; --wash:rgba(229,154,182,.13); }
    body[data-dataset="seoul"] { --accent:#58e0b5; --wash:rgba(88,224,181,.12); }
    body[data-dataset="gapminder"] { --accent:#c08aff; --wash:rgba(192,138,255,.12); }
    body[data-dataset="candy"] { --accent:#ff8f70; --wash:rgba(255,143,112,.12); }
    body[data-theme="light"][data-dataset="breast"] { --accent:#137c9c; --wash:rgba(19,124,156,.12); }
    body[data-theme="light"][data-dataset="penguins"], body[data-theme="light"][data-dataset="gapminder"] { --accent:#7651a6; --wash:rgba(118,81,166,.12); }
    body[data-theme="light"][data-dataset="car"], body[data-theme="light"][data-dataset="candy"] { --accent:#b65229; --wash:rgba(182,82,41,.12); }
    body[data-theme="light"][data-dataset="wine"] { --accent:#984c69; --wash:rgba(152,76,105,.12); }
    body[data-theme="light"][data-dataset="seoul"] { --accent:#197d5c; --wash:rgba(25,125,92,.12); }

    * { box-sizing: border-box; }
    html { background: var(--chrome-bg); scroll-behavior: smooth; }
    body { margin:0; min-width:320px; color:var(--ink); background:radial-gradient(circle at 10% -8%,var(--wash),transparent 30rem),radial-gradient(circle at 100% 15%,rgba(192,138,255,.08),transparent 26rem),var(--bg); font:15px/1.5 var(--body); -webkit-font-smoothing:antialiased; }
    body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.2; background-image:linear-gradient(rgba(244,233,200,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(244,233,200,.04) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(#000,transparent 88%); }
    button,select,textarea { font:inherit; } button { color:inherit; cursor:pointer; } a { color:inherit; }
    button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
    .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

    .topbar { position:sticky; top:0; z-index:80; min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 16px; border-bottom:2px solid var(--border); background:var(--chrome-bg); backdrop-filter:none; }
    .brand { display:flex; align-items:center; gap:11px; min-width:0; }
    .brand-mark { display:grid; grid-template-columns:repeat(3,5px); gap:2px; width:19px; height:20px; align-items:end; flex:0 0 auto; }
    .brand-mark span { height:10px; border-radius:1px; transform:skew(-13deg); background:var(--orange); } .brand-mark span:nth-child(2){height:14px;background:var(--gold)} .brand-mark span:nth-child(3){height:18px;background:var(--cyan)}
    .brand-copy { min-width:0; overflow:hidden; } .brand h1 { margin:0; font:400 .93rem/1 var(--display); white-space:nowrap; } .brand p { margin:4px 0 0; color:var(--muted); font-size:.68rem; line-height:1; white-space:nowrap; }
    .top-actions { display:flex; align-items:center; gap:8px; }
    .mode-switch { display:inline-flex; gap:2px; padding:2px; border:1px solid var(--border); border-radius:5px; background:var(--bg-deep); }
    .mode-link { padding:6px 9px; border-radius:3px; color:var(--muted); font:700 .57rem/1 var(--mono); letter-spacing:.04em; text-decoration:none; white-space:nowrap; }
    .mode-link:hover { color:var(--ink); background:var(--panel-2); } .mode-link[aria-current="page"] { color:var(--accent); background:var(--wash); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 52%,transparent); }
    .icon-button,.toolbar-button,.challenge-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:32px; padding:6px 9px; border:1px solid var(--border); border-radius:4px; background:transparent; color:var(--muted); font-size:.72rem; font-weight:800; transition:.15s; }
    .icon-button:hover,.toolbar-button:hover,.challenge-button:hover { border-color:var(--orange); background:rgba(249,115,22,.1); color:var(--ink); }
    .icon-button:active,.toolbar-button:active { transform:translateY(2px); }
    .guide-button { border-color:color-mix(in srgb,var(--gold) 72%,var(--border)); color:var(--gold); font:700 .57rem/1 var(--display); letter-spacing:.06em; }
    .theme-button { width:34px; color:var(--gold); border-color:color-mix(in srgb,var(--gold) 65%,var(--border)); } .icon-button svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

    .control-strip { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:14px; padding:9px 16px; border-bottom:1px solid var(--border); background:var(--bg-deep); box-shadow:inset 4px 0 var(--accent); }
    .controls { display:grid; grid-template-columns:1.15fr 1.45fr 1.1fr .72fr; align-items:end; gap:9px; min-width:0; width:100%; }
    .control,.control.dataset,.control.model,.control.scenario { display:grid; gap:3px; min-width:0; }
    .control label { color:var(--faint); font:700 .52rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
    select { width:100%; min-width:0; min-height:32px; padding:5px 29px 5px 8px; border:1px solid var(--border); border-radius:4px; appearance:none; color:var(--ink); background:linear-gradient(45deg,transparent 50%,var(--accent) 50%) calc(100% - 13px) 13px/5px 5px no-repeat,linear-gradient(135deg,var(--accent) 50%,transparent 50%) calc(100% - 8px) 13px/5px 5px no-repeat,var(--panel); font-size:.72rem; font-weight:700; text-overflow:ellipsis; }
    select:hover,select:focus { border-color:var(--accent); }
    .runtime-line { display:flex; align-items:center; gap:7px; margin-left:auto; color:var(--muted); font:600 .62rem var(--mono); white-space:nowrap; }
    .runtime-dot { width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 9px var(--gold); animation:pulse 1.4s infinite; } .runtime-dot.ready{background:var(--mint);box-shadow:0 0 9px var(--mint);animation:none}.runtime-dot.error{background:var(--coral);animation:none}@keyframes pulse{50%{opacity:.38}}

    .workspace { display:grid; grid-template-columns:258px minmax(0,1fr); min-height:calc(100vh - 112px); align-items:stretch; }
    .inspector { position:sticky; top:58px; align-self:start; min-width:0; min-height:calc(100vh - 112px); display:flex; flex-direction:column; padding:17px 13px 20px; border-right:2px solid var(--border); background:var(--rail); }
    .panel-head { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:0; margin-bottom:12px; padding:0; border:0; } .panel-head h2{margin:0;font:700 .72rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase}
    .inspector-body { min-height:0; flex:1; overflow:visible; padding:0; }
    .data-card { padding:12px; border:1px solid var(--border); border-left:3px solid var(--accent); border-radius:var(--radius); background:linear-gradient(145deg,var(--panel),var(--bg-deep)); box-shadow:0 12px 22px rgba(0,0,0,.15); }
    .data-card h3 { margin:0; font-size:.86rem; } .data-card p { margin:6px 0 0; color:var(--muted); font-size:.67rem; line-height:1.4; } .data-question { color:var(--accent)!important; font:600 .61rem/1.4 var(--mono)!important; }
    .problem-tags { display:flex; flex-wrap:wrap; gap:4px; margin-top:9px; } .tag { padding:3px 5px; border:1px solid var(--border-soft); border-radius:3px; color:var(--faint); background:var(--bg-deep); font:600 .51rem var(--mono); }
    .metrics { display:grid; grid-template-columns:repeat(2,1fr); gap:6px; margin:9px 0; } .metric { padding:8px; border:1px solid var(--border); border-radius:4px; background:var(--panel); } .metric b{display:block;color:var(--accent);font:700 .85rem var(--mono)} .metric span{color:var(--faint);font-size:.56rem}
    .inspector-section { margin-top:12px; } .inspector-section h3 { display:flex; justify-content:space-between; margin:0 0 6px; color:var(--muted); font:700 .58rem var(--mono); letter-spacing:.06em; text-transform:uppercase; } .inspector-section h3 span{color:var(--accent)}
    .feature-list { display:grid; gap:3px; } .feature-row { display:flex; justify-content:space-between; gap:8px; padding:4px 6px; border-bottom:1px dashed var(--border-soft); color:var(--muted); font-size:.61rem; } .feature-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.feature-row span{flex:0 0 auto;color:var(--accent);font:500 .51rem var(--mono)}
    .preview { overflow:auto; border:1px solid var(--border); border-radius:4px; background:var(--paper); } table { border-collapse:collapse; } .preview table{min-width:max-content;width:100%;color:var(--paper-ink);font-size:.56rem}.preview th,.preview td{padding:4px 6px;border-right:1px solid #ded4c0;border-bottom:1px solid #ded4c0;text-align:left;white-space:nowrap}.preview th{position:sticky;top:0;background:#efe3cb;font:700 .51rem var(--mono)}
    .source-block { display:flex; gap:7px; margin-top:12px; padding-top:10px; border-top:1px dashed var(--border); color:var(--faint); font-size:.59rem; line-height:1.45; }.source-block a{color:var(--accent);text-decoration:none}.source-block a:hover{text-decoration:underline}.privacy-note{margin:0;padding:9px 12px;border-top:1px solid var(--border);color:var(--faint);font-size:.57rem}

    .lab { min-width:0; display:flex; flex-direction:column; padding:0 14px 13px; }
    .route-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:9px 0 5px; color:var(--muted); font:600 .62rem/1.35 var(--mono); }.route-tools-copy{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.route-tools-label{color:var(--accent);font-weight:700;letter-spacing:.1em}
    .route-strip { display:flex; gap:4px; min-width:0; margin:0 0 8px; overflow-x:auto; padding:1px 1px 5px; scroll-snap-type:x proximity; scrollbar-color:var(--accent) var(--bg-deep); }
    .route-card { flex:1 0 176px; min-width:176px; min-height:38px; display:grid; grid-template-columns:21px minmax(0,1fr) 20px; align-items:center; gap:6px; padding:5px 7px; border:1px solid color-mix(in srgb,var(--border-soft) 82%,var(--ink) 18%); border-top:2px solid var(--stage-color,var(--accent)); border-bottom:3px solid color-mix(in srgb,var(--border) 78%,#000 22%); border-radius:8px; background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 90%,#fff 10%),var(--panel-2)); color:var(--ink); text-align:left; box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 0 0 1px rgba(29,42,66,.08),0 1px 0 color-mix(in srgb,var(--border) 68%,#000 32%),0 3px 0 color-mix(in srgb,var(--border) 50%,#000 50%); scroll-snap-align:start; transition:background .15s,border-color .15s,box-shadow .15s,transform .1s; }
    .route-card:hover { border-color:var(--accent); background:linear-gradient(180deg,color-mix(in srgb,var(--wash) 82%,#fff 18%),var(--wash)); transform:translateY(-1px); }.route-card:active{border-bottom-width:1px;transform:translateY(1px)}.route-card[data-state="done"]{border-color:var(--mint);background:color-mix(in srgb,var(--mint) 8%,var(--panel))}.route-card[data-state="running"]{border-color:var(--gold)}
    .route-number { display:grid;place-items:center;width:20px;height:20px;border:1px dotted color-mix(in srgb,var(--gold) 58%,var(--border));border-radius:4px;color:var(--gold);background:color-mix(in srgb,var(--gold) 7%,transparent);font:700 .52rem var(--mono)}.route-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 .54rem var(--display);letter-spacing:-.02em;line-height:1.08}.route-caption{display:block;overflow:hidden;text-overflow:ellipsis;margin-top:2px;color:var(--faint);font-size:.5rem;font-weight:600;line-height:1.1;white-space:nowrap}.route-arrow{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--border);border-radius:4px;color:var(--faint);font-size:.72rem}
    .notebook-bar { display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:29px; margin:9px 0 5px; padding-bottom:5px; border-bottom:1px dashed var(--border); }.notebook-title-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0}.notebook-bar h3{margin:0;font:700 .77rem var(--display);letter-spacing:.1em;text-transform:uppercase}.notebook-actions{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.notebook-bar .toolbar-button{min-height:25px;padding:3px 7px;font-size:.62rem}
    .notebook-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr); flex:1 1 auto; gap:13px; align-items:stretch; height:auto; min-height:390px; }
    .notebook-panel { min-width:0; min-height:0; overflow:auto; padding:2px 5px 8px 0; }.empty-notebook{min-height:100%;display:grid;place-items:center;border:1px dashed var(--border);border-radius:var(--radius);color:var(--faint);text-align:center}.empty-notebook strong{display:block;color:var(--accent);font:400 .68rem var(--display)}.empty-notebook p{max-width:390px;margin:8px auto 0;font-size:.67rem}
    .cell-stack { min-width:0; margin-bottom:8px; }
    .cell { margin-bottom:0; border:1px solid #3a3b42; border-radius:6px; overflow:hidden; background:#202126; color:#d9deea; box-shadow:0 8px 17px rgba(0,0,0,.12); }.cell[data-status="running"]{border-color:var(--gold)}.cell[data-status="done"]{border-color:color-mix(in srgb,var(--mint) 60%,#3a3b42)}.cell[data-status="error"]{border-color:var(--coral)}
    .cell-head { min-height:35px; display:flex; align-items:center; gap:8px; padding:6px 8px; border-bottom:1px solid #3a3b42; background:#202126; color:#d9deea; }.cell-number{color:#8aa4c8;font:600 .62rem var(--mono)}.cell-label{font:700 .64rem var(--display);letter-spacing:.01em}.cell-stage{padding:2px 4px;border:1px solid #444853;border-radius:2px;color:#9ea9b8;font:600 .5rem var(--mono);letter-spacing:.05em}.cell-spacer{flex:1}.cell-action{min-height:24px;padding:3px 6px;border:1px solid #444853;border-radius:3px;background:transparent;color:#aeb8c8;font:700 .58rem var(--display)}.cell-action:hover{border-color:#f5c518;color:#fff}.cell-action.run{color:#58e0b5}.cell-action.delete{color:#ff7c87}.cell-action:disabled{opacity:.5;cursor:wait}
    .code-editor{position:relative;background:var(--code);overflow:auto}.line-rail{position:absolute;inset:0 auto auto 0;z-index:2;width:40px;min-width:40px;min-height:100%;padding:10px 9px;color:#697384;background:#222327;border-right:1px solid #34353a;text-align:right;font:500 .67rem/1.62 var(--mono);white-space:pre;pointer-events:none;user-select:none}.code-highlight{position:absolute;inset:0 auto auto 40px;z-index:1;width:max(720px,calc(100% - 40px));min-width:720px;margin:0;padding:10px 13px;background:transparent;color:var(--code-ink);font:500 .72rem/1.62 var(--mono);white-space:pre;tab-size:4;pointer-events:none}.code-input{position:relative;z-index:3;display:block;width:max(720px,calc(100% - 40px));min-width:720px;min-height:58px;margin-left:40px;padding:10px 13px;border:0;resize:none;background:transparent;color:var(--code-ink);caret-color:#f4e9c8;-webkit-text-fill-color:currentColor;font:500 .72rem/1.62 var(--mono);tab-size:4;white-space:pre;overflow:auto}.code-editor.has-highlight .code-input{color:transparent;-webkit-text-fill-color:transparent}.code-input:focus{outline:0}.code-input::selection{background:rgba(72,213,255,.28)}.code-highlight .py-keyword,.challenge-answer .py-keyword{color:#ff9f68}.code-highlight .py-builtin,.challenge-answer .py-builtin{color:#7dd8ff}.code-highlight .py-fn,.challenge-answer .py-fn{color:#71e2b0}.code-highlight .py-string,.challenge-answer .py-string{color:#f2c38f}.code-highlight .py-number,.challenge-answer .py-number{color:#f3d276}.code-highlight .py-comment,.challenge-answer .py-comment{color:#7f89a7;font-style:italic}.code-highlight .py-attr,.challenge-answer .py-attr{color:#c39bff}.code-highlight .py-operator,.challenge-answer .py-operator{color:#ff8796}.code-highlight .py-punct,.challenge-answer .py-punct{color:#b9c3d7}.code-highlight .py-name,.challenge-answer .py-name{color:var(--code-ink)}.cell-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:29px;padding:5px 8px;background:#202126;color:#7f8998;font:500 .56rem var(--mono)}
    .teaching-block{display:grid;gap:5px;padding:8px 10px;border-bottom:1px solid #3a3b42;background:#25272d;color:#c1c9d6}.teaching-line{display:flex;gap:8px;margin:0;font-size:.61rem;line-height:1.42}.teaching-label{flex:0 0 auto;color:#f5c518;font:700 .49rem var(--mono);letter-spacing:.08em}.teaching-question{color:#f0f3f8}.teaching-cue{color:#aeb8c8}.teaching-concepts{display:grid;gap:3px;margin:1px 0;padding:5px 0;border-top:1px solid #3a3b42;border-bottom:1px solid #3a3b42}.teaching-concept-heading{margin-bottom:1px}.teaching-concept-line{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:7px;margin:0;color:#b7c1d1;font-size:.57rem;line-height:1.38}.teaching-concept-line strong{color:#7dd8ff;font:700 .52rem var(--mono);letter-spacing:.03em}.model-teaching{display:grid;gap:3px;margin:1px 0;padding:5px 0;border-top:1px solid #3a3b42;border-bottom:1px solid #3a3b42}.model-teaching-heading{margin-bottom:1px}.model-teaching-line{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:7px;margin:0;color:#b7c1d1;font-size:.57rem;line-height:1.38}.model-teaching-line strong{color:#f0a86a;font:700 .5rem var(--mono);letter-spacing:.03em}.teaching-metric-help{display:grid;gap:3px;margin-top:2px;padding-top:5px;border-top:1px solid #3a3b42}.teaching-metric-heading{margin-bottom:1px}.teaching-metric-line{display:flex;gap:6px;margin:0;color:#aeb8c8;font-size:.57rem;line-height:1.4}.teaching-metric-line strong{flex:0 0 auto;color:#7dd8ff;font:700 .55rem var(--mono)}
    .practice-panel{display:grid;gap:7px;margin:8px 0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--gold) 55%,#3a3b42);border-left:2px solid var(--gold);border-radius:4px;background:color-mix(in srgb,var(--gold) 6%,#25272d);color:#c1c9d6}.practice-panel h4{margin:0;color:var(--gold);font:700 .52rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.practice-prompt{margin:0;color:#f0f3f8;font-size:.62rem;line-height:1.4}.practice-options{display:grid;gap:4px;margin:0;padding:0;border:0}.practice-option{display:flex;align-items:flex-start;gap:6px;margin:0;padding:4px 5px;border:1px solid #444853;border-radius:3px;color:#c1c9d6;font-size:.59rem;line-height:1.35;cursor:pointer}.practice-option:hover{border-color:var(--gold);background:rgba(245,197,24,.06)}.practice-option input{margin:1px 0 0;accent-color:var(--gold)}.practice-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.practice-button{min-height:25px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--gold) 70%,#444853);border-radius:3px;background:transparent;color:var(--gold);font:700 .56rem var(--mono)}.practice-button:hover{background:rgba(245,197,24,.1);color:var(--ink)}.practice-button:disabled{opacity:.45;cursor:not-allowed}.practice-answer{margin:0;color:#aeb8c8;font-size:.59rem;line-height:1.4}.practice-answer strong{color:var(--gold)}.practice-feedback{margin:0;padding:5px 6px;border-left:2px solid var(--mint);background:rgba(88,224,181,.07);color:#c4d8d1;font-size:.59rem;line-height:1.42}.practice-feedback[data-tone="neutral"]{border-left-color:var(--cyan);background:rgba(72,213,255,.06)}.practice-experiment{display:grid;gap:6px;margin-top:6px;padding-top:7px;border-top:1px dashed #444853}.practice-experiment code{display:block;overflow:auto;padding:5px 6px;border:1px solid #3b3d45;border-radius:3px;background:#202126;color:#e7edf7;font:500 .56rem/1.45 var(--mono);white-space:pre-wrap}.practice-experiment-note{margin:0;color:#aeb8c8;font-size:.58rem;line-height:1.4}.practice-experiment-comparison{display:grid;gap:6px;margin-top:6px;padding-top:7px;border-top:1px dashed #444853}.practice-evidence-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.practice-evidence-snapshot{min-width:0;padding:6px;border:1px solid #444853;border-radius:3px;background:#202126}.practice-evidence-snapshot h5{margin:0 0 5px;color:var(--gold);font:700 .5rem var(--mono);letter-spacing:.08em}.practice-evidence-snapshot dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 6px;margin:0}.practice-evidence-snapshot dt{color:#aeb8c8;font-size:.54rem;line-height:1.3}.practice-evidence-snapshot dd{max-width:15rem;margin:0;color:#e7edf7;font:600 .54rem/1.3 var(--mono);text-align:right;overflow-wrap:anywhere}.practice-progress{color:var(--faint);font:600 .52rem var(--mono);letter-spacing:.02em}.workflow-code-reveal{display:grid;gap:7px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}.workflow-code-reveal p{margin:0;color:var(--faint);font-size:.6rem}.workflow-reveal-button{justify-self:start;min-height:26px;padding:4px 7px;border:1px solid var(--border-soft);border-radius:3px;background:transparent;color:var(--accent);font:700 .56rem var(--mono)}.workflow-reveal-button:hover{border-color:var(--accent);background:var(--wash)}.workflow-reference-label{margin:0;color:var(--gold);font:700 .52rem var(--mono);letter-spacing:.06em;text-transform:uppercase}
    .practice-exercise-kind{margin:0;color:var(--gold);font:700 .52rem var(--mono);letter-spacing:.04em;text-transform:uppercase}.practice-exercise-panel{border-left-color:var(--cyan)}.practice-exercise-panel .practice-button.secondary,.independent-checkpoint .practice-button.secondary{color:var(--accent);border-color:var(--border-soft)}.practice-exercise-status{margin:0;padding:5px 6px;border-left:2px solid var(--cyan);background:rgba(72,213,255,.06);color:#c4d8d1;font-size:.59rem;line-height:1.42}.practice-exercise-status[data-tone="success"]{border-left-color:var(--mint);background:rgba(88,224,181,.07)}.practice-exercise-status[data-tone="error"]{border-left-color:var(--coral);background:rgba(255,124,135,.07);color:#ffd1d5}.practice-reference{display:grid;gap:5px;margin-top:2px}.practice-reference h5{margin:0;color:var(--gold);font:700 .5rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.practice-reference .workflow-code{max-height:280px}.independent-checkpoint{border-left-color:var(--violet)}.checkpoint-checklist{display:grid;gap:3px;margin:0;padding-left:18px;color:#c1c9d6;font-size:.59rem;line-height:1.35}.checkpoint-variables{margin:0;color:#aeb8c8;font-size:.58rem;line-height:1.45}.checkpoint-variables code{color:#e7edf7;font:600 .56rem var(--mono)}.checkpoint-reference{margin-top:2px}
    .teaching-result{display:grid;gap:7px;margin-top:9px;padding:8px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:5px;background:color-mix(in srgb,var(--wash) 48%,var(--bg-deep));color:var(--ink)}.teaching-result h4{margin:0;color:var(--ink);font:700 .63rem var(--display)}.teaching-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.teaching-stat{display:grid;gap:3px;padding:6px;border:1px solid var(--border);border-radius:4px;background:var(--panel)}.teaching-stat span{color:var(--faint);font:600 .5rem/1.25 var(--mono)}.teaching-stat strong{color:var(--accent);font:700 .69rem var(--mono)}.teaching-interpretation,.teaching-independence{margin:0;color:var(--muted);font-size:.59rem;line-height:1.42}.teaching-independence{padding-top:5px;border-top:1px dashed var(--border);color:var(--faint);font-size:.55rem}.teaching-comparison{width:100%;border-collapse:collapse;color:var(--ink);font-size:.58rem}.teaching-comparison th,.teaching-comparison td{padding:5px 6px;border:1px solid var(--border);text-align:left}.teaching-comparison thead th{color:var(--faint);font:700 .5rem var(--mono);text-transform:uppercase}.teaching-comparison tbody th{font-weight:700}.teaching-comparison tbody td{color:var(--accent);font:700 .62rem var(--mono)}
    .cell-inline-output { display:none; min-width:0; }
    .output-panel { min-width:0; min-height:0; display:flex; flex-direction:column; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; background:var(--panel); box-shadow:var(--shadow); }.output-head{display:flex;align-items:center;gap:8px;min-height:39px;padding:7px 9px;border-bottom:1px solid var(--border);background:var(--panel-2)}.output-head h3{margin:0;font:400 .65rem var(--display)}.output-head>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--faint);font-size:.55rem}.output-head .toolbar-button{margin-left:auto;min-height:26px;padding:3px 6px;font-size:.54rem}.output-head .toolbar-button:disabled{opacity:.4;cursor:not-allowed}.output-meta{display:flex;gap:11px;padding:5px 9px;border-bottom:1px dashed var(--border);color:var(--faint);font:500 .49rem var(--mono)}.output-meta b{color:var(--accent)}.output-body{min-height:0;flex:1;overflow:auto;padding:9px}.output-list{display:grid;gap:9px}.output-empty{min-height:100%;display:grid;place-items:center;padding:40px 15px;text-align:center;color:var(--faint)}.output-empty b{display:block;color:var(--ink);font-size:.75rem}.output-empty p{max-width:340px;margin:7px auto 0;font-size:.62rem}.output-glyph{margin-bottom:8px;color:var(--accent);font:400 1.2rem var(--display)}
    .output-item{position:relative;padding:9px 9px 10px 39px;border:1px solid var(--border);border-radius:5px;background:var(--bg-deep)}.output-item[data-status="error"]{border-color:var(--coral)}.output-item[data-status="ok"][data-warnings="true"]{border-color:var(--gold)}.output-item[data-status="ok"][data-warnings="true"] .output-item-head span{color:var(--gold)}.output-number{position:absolute;top:8px;left:7px;display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font:700 .52rem var(--mono)}.output-item-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px}.output-item-head strong{font-size:.66rem}.output-item-head span{color:var(--mint);font:700 .48rem var(--mono)}.output-title{display:flex;justify-content:space-between;gap:8px;margin:7px 0 4px;color:var(--muted);font:700 .5rem var(--mono);text-transform:uppercase}.output-title span:last-child{color:var(--faint);font-weight:500;text-transform:none}.result-table-wrap{max-width:100%;overflow:auto;border:1px solid #d8ccb4;border-radius:4px;background:var(--paper)}.result-table{min-width:max-content;width:100%;color:var(--paper-ink);font-size:.57rem}.result-table th,.result-table td{padding:5px 7px;border-right:1px solid #ded4c0;border-bottom:1px solid #ded4c0;text-align:left;white-space:nowrap}.result-table th{background:#efe3cb;font:700 .51rem var(--mono)}.chart-wrap{margin:0;padding:5px;border-radius:4px;background:#fffaf0}.chart-wrap:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.chart-wrap img{display:block;width:100%;height:auto}.chart-description{margin:6px 2px 1px;color:#5a6070;font-size:.57rem;line-height:1.4}.console-output{max-height:200px;overflow:auto;margin:0;padding:7px;border:1px solid #3b3d45;border-radius:4px;background:#202126;color:#dce4f2;font:500 .57rem/1.45 var(--mono);white-space:pre-wrap}.console-output.error{color:#ffadb4}.console-output.warning{color:var(--gold);border-color:var(--gold)}.result-note{margin:0;color:var(--muted);font-size:.61rem}.error-summary strong{color:var(--coral)}.error-action{padding:6px 7px;border-left:2px solid var(--gold);background:color-mix(in srgb,var(--gold) 6%,transparent)}.warning-summary{color:var(--gold)}.warning-explanations{display:grid;gap:3px}.technical-details{margin-top:5px;color:var(--faint);font-size:.57rem}.technical-details summary{cursor:pointer;color:var(--accent);font:700 .54rem var(--mono)}.technical-details[open] summary{margin-bottom:5px}

    .guide-window { position:fixed; left:max(16px,calc(50vw - 380px)); top:84px; z-index:200; display:flex; flex-direction:column; width:min(760px,calc(100vw - 32px)); height:min(720px,calc(100vh - 104px)); min-width:320px; min-height:300px; max-width:calc(100vw - 16px); max-height:calc(100vh - 16px); overflow:hidden; border:1px solid var(--border); border-radius:7px; background:var(--panel); color:var(--ink); box-shadow:0 30px 80px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.05) inset; }
    .guide-window[hidden]{display:none}.guide-window.is-dragging,.guide-window.is-resizing{user-select:none}
    .guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex:0 0 auto;padding:17px 18px 13px;border-bottom:1px dashed var(--border);background:var(--panel-2);cursor:grab}.guide-head-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.guide-head-actions .guide-close{flex:0 0 auto}.guide-window.is-minimized{min-height:0}.guide-window.is-minimized .guide-head{border-bottom:0}.guide-head:active{cursor:grabbing}.guide-head-copy{min-width:0}.guide-head-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:7px;color:var(--gold);font:700 .58rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.guide-head-meta span:last-child{color:var(--muted);letter-spacing:.02em;text-transform:none}.guide-head h2{margin:0;color:var(--ink);font:700 .92rem var(--display);letter-spacing:.08em;text-transform:uppercase}.guide-head p{margin:6px 0 0;color:var(--muted);font-size:.74rem}
    .guide-close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid color-mix(in srgb,var(--border) 82%,var(--ink) 18%);border-bottom:3px solid color-mix(in srgb,var(--border) 78%,#000 22%);border-radius:5px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,#fff 8%),var(--panel-2));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 2px 0 color-mix(in srgb,var(--border) 78%,#000 22%);color:var(--muted);font-size:1rem}.guide-close:hover{border-color:var(--orange);background:var(--wash);color:var(--ink)}.guide-close:active{border-bottom-width:1px;transform:translateY(1px)}
    .guide-body{min-height:0;flex:1 1 auto;overflow:auto;padding:13px 15px 18px;scrollbar-color:var(--accent) var(--bg-deep)}
    .guide-resize-handle{position:absolute;z-index:6;touch-action:none}.guide-resize-handle[data-resize="n"],.guide-resize-handle[data-resize="s"]{right:10px;left:10px;height:9px}.guide-resize-handle[data-resize="n"]{top:-3px;cursor:ns-resize}.guide-resize-handle[data-resize="s"]{bottom:-3px;cursor:ns-resize}.guide-resize-handle[data-resize="e"],.guide-resize-handle[data-resize="w"]{top:10px;bottom:10px;width:9px}.guide-resize-handle[data-resize="e"]{right:-3px;cursor:ew-resize}.guide-resize-handle[data-resize="w"]{left:-3px;cursor:ew-resize}.guide-resize-handle[data-resize="ne"],.guide-resize-handle[data-resize="nw"],.guide-resize-handle[data-resize="se"],.guide-resize-handle[data-resize="sw"]{width:14px;height:14px}.guide-resize-handle[data-resize="ne"]{top:-3px;right:-3px;cursor:nesw-resize}.guide-resize-handle[data-resize="nw"]{top:-3px;left:-3px;cursor:nwse-resize}.guide-resize-handle[data-resize="se"]{right:-3px;bottom:-3px;cursor:nwse-resize}.guide-resize-handle[data-resize="sw"]{bottom:-3px;left:-3px;cursor:nesw-resize}
    .workflow-intro{margin:0 0 12px;color:var(--muted);font-size:.72rem;line-height:1.48}.workflow-intro strong{color:var(--accent)}
    .workflow-progress{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:0 -3px 13px;padding:8px 3px 10px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(8px);color:var(--faint);font:700 .57rem var(--mono);letter-spacing:.05em;text-transform:uppercase}.workflow-progress b{color:var(--accent);font-weight:700}.workflow-meter{grid-column:1/-1;height:3px;overflow:hidden;border-radius:2px;background:var(--border-soft)}.workflow-meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .18s}
    .workflow-story{position:relative;display:grid;gap:13px;padding-left:40px}.workflow-story::before{content:"";position:absolute;top:16px;bottom:16px;left:15px;width:1px;background:linear-gradient(var(--accent),var(--violet),var(--mint),var(--gold))}
    .workflow-step{position:relative;min-width:0;padding:12px 12px 13px;border:1px solid var(--border);border-top:2px solid var(--step-color,var(--accent));border-radius:7px;background:linear-gradient(145deg,var(--panel-2),var(--bg-deep));box-shadow:0 7px 18px rgba(0,0,0,.12);transition:border-color .18s,transform .18s}.workflow-step.is-active{border-color:var(--accent);transform:translateX(2px)}.workflow-step-number{position:absolute;top:11px;left:-37px;display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--step-color,var(--accent));border-radius:50%;background:var(--panel);color:var(--step-color,var(--accent));box-shadow:0 0 0 5px var(--panel);font:700 .56rem var(--mono)}
    .workflow-step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.workflow-step-kicker{display:block;color:var(--step-color,var(--accent));font:700 .5rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.workflow-step-title{display:block;margin-top:3px;color:var(--ink);font:700 .72rem var(--display);letter-spacing:.02em}.workflow-step-caption{flex:0 0 auto;max-width:44%;padding:3px 5px;border:1px solid var(--border-soft);border-radius:3px;color:var(--faint);font:600 .52rem var(--mono);text-align:right}.workflow-step-note{margin:9px 0 5px;color:var(--muted);font-size:.68rem;line-height:1.46}.workflow-step-cue{margin:0 0 5px;color:var(--faint);font-size:.62rem;line-height:1.42}.workflow-step-concepts{display:grid;gap:3px;margin:1px 0 6px;padding:6px 7px;border-left:2px solid var(--step-color,var(--accent));background:color-mix(in srgb,var(--wash) 45%,transparent)}.workflow-step-concepts .teaching-concept-line{font-size:.58rem}.workflow-step-concepts .teaching-concept-line strong{color:var(--step-color,var(--accent))}.workflow-step-model-teaching{margin:1px 0 6px;padding:6px 7px;border-left:2px solid var(--step-color,var(--accent));background:color-mix(in srgb,var(--wash) 45%,transparent)}.workflow-step-model-teaching .model-teaching-line{font-size:.58rem}.workflow-step-model-teaching .model-teaching-line strong{color:var(--step-color,var(--accent))}.workflow-step-metric{display:grid;gap:3px;margin:1px 0 7px;padding:6px 7px;border-left:2px solid var(--step-color,var(--accent));background:color-mix(in srgb,var(--wash) 45%,transparent)}.workflow-step-metric .teaching-metric-heading{margin:0}.workflow-step-metric .teaching-metric-line{font-size:.58rem}.workflow-step-metric .teaching-metric-line strong{color:var(--step-color,var(--accent))}.workflow-type-note{margin:0 0 6px;color:var(--gold);font:700 .51rem var(--mono);letter-spacing:.04em;text-transform:uppercase}
    .workflow-code{max-width:100%;max-height:360px;overflow:auto;margin:0;padding:10px 11px;border:1px solid #3b3d45;border-radius:4px;background:#202126;color:#e7edf7;font:500 .62rem/1.55 var(--mono);white-space:pre;tab-size:4;scrollbar-color:var(--accent) #1c1d20}.workflow-code .py-keyword{color:#ff9f68}.workflow-code .py-builtin{color:#7dd8ff}.workflow-code .py-fn{color:#71e2b0}.workflow-code .py-string{color:#f2c38f}.workflow-code .py-number{color:#f3d276}.workflow-code .py-comment{color:#7f89a7;font-style:italic}.workflow-code .py-attr{color:#c39bff}.workflow-code .py-operator{color:#ff8796}.workflow-code .py-punct{color:#b9c3d7}.workflow-code .py-name{color:var(--code-ink)}.workflow-foot{margin:15px 0 0;padding-top:12px;border-top:1px dashed var(--border);color:var(--faint);font-size:.67rem}
    .toast{position:fixed;z-index:150;left:50%;bottom:18px;max-width:calc(100vw - 30px);padding:8px 11px;border:1px solid var(--mint);border-radius:4px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow);font:700 .61rem var(--mono);opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:var(--coral)}
    .footer{display:flex;justify-content:space-between;gap:18px;padding:13px 17px;border-top:1px dashed var(--border);color:var(--faint);font-size:.62rem}.footer strong{color:var(--accent)}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{color:var(--gold)}

    @media(max-width:1120px){.workspace{grid-template-columns:250px minmax(0,1fr)}.notebook-layout{grid-template-columns:1fr;height:auto}.notebook-panel{min-height:440px;max-height:620px}.output-panel{min-height:520px}.guide-window{left:16px;top:72px;width:min(720px,calc(100vw - 32px));height:min(680px,calc(100vh - 88px))}}
    @media(max-width:820px){.topbar{align-items:flex-start;padding-block:10px}.brand p{display:none}.control-strip{grid-template-columns:1fr;align-items:start}.controls{grid-template-columns:1fr 1fr}.runtime-line{justify-self:end}.workspace{display:block}.inspector{position:fixed;inset:0 auto 0 0;z-index:211;width:min(360px,calc(100vw - 24px));height:100vh;height:100dvh;min-height:0;display:flex;border:0;border-right:2px solid var(--border);background:var(--panel);box-shadow:18px 0 42px rgba(0,0,0,.28);transform:translateX(calc(-100% - 8px));visibility:hidden;transition:transform .2s,visibility .2s}.inspector.is-open{transform:none;visibility:visible}.inspector-body{display:block;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 11px 20px;overscroll-behavior:contain}.problem-setup-trigger{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:7px;width:100%;min-height:54px;margin:9px 0 5px;padding:7px 8px;border:1px solid color-mix(in srgb,var(--border-soft) 82%,var(--ink) 18%);border-top:2px solid var(--accent);border-bottom:3px solid color-mix(in srgb,var(--border) 78%,#000 22%);border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 90%,#fff 10%),var(--panel-2));color:var(--ink);text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 3px 0 color-mix(in srgb,var(--border) 50%,#000 50%)}.problem-setup-trigger:hover{border-color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--wash) 82%,#fff 18%),var(--wash))}.setup-trigger-copy{display:grid;gap:2px;min-width:0}.setup-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 .62rem var(--display);letter-spacing:.04em}.setup-trigger-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--faint);font:600 .51rem var(--mono)}.setup-trigger-arrow{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--border);border-radius:4px;color:var(--faint);font-size:.72rem}.problem-drawer-backdrop{position:fixed;inset:0;z-index:210;display:block;background:rgba(8,13,29,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.problem-drawer-backdrop:not([hidden]){opacity:1;visibility:visible;pointer-events:auto}.problem-drawer-close{display:grid;place-items:center}.notebook-bar{align-items:flex-start;flex-direction:column}.notebook-actions{justify-content:flex-start;width:100%}.notebook-layout{display:flex;flex-direction:column;gap:8px;min-height:0}.notebook-panel{max-height:none;overflow:visible;padding:2px 0 8px}.output-panel{min-height:0;height:auto;flex:0 0 auto}.output-body{display:none}.cell-inline-output{display:grid;gap:9px;max-width:100%;overflow:hidden;margin:0;padding:8px;border:1px solid var(--border);border-top:0;border-radius:0 0 6px 6px;background:var(--panel)}.cell-inline-output:empty{display:none}.cell-inline-output .output-item{min-width:0;max-width:100%;overflow:hidden}.cell-inline-output .chart-wrap{max-width:100%;overflow-x:auto}.cell-inline-output .chart-wrap img{max-width:100%;height:auto}.cell-stack.has-output .cell{border-radius:6px 6px 0 0}.cell-stack.has-output .cell-inline-output{box-shadow:0 8px 17px rgba(0,0,0,.08)}.privacy-note{display:none}.lab{padding-inline:9px}.workflow-story{padding-left:36px}body.problem-drawer-open{overflow:hidden}}
    @media(max-width:820px){.inspector{position:relative;inset:auto;z-index:auto;width:auto;height:auto;min-height:auto;display:flex;border:0;border-bottom:2px solid var(--border);background:color-mix(in srgb,var(--panel) 68%,transparent);box-shadow:none;transform:none;visibility:visible;transition:none}.inspector-body{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(0,1.15fr);gap:11px;align-items:start;overflow:auto;padding:12px 11px 14px}.inspector-preview-section{grid-column:2;grid-row:1 / span 2}.inspector-preview{overflow:auto;border:1px solid var(--border);background:var(--paper)}.source-block{grid-column:1;margin-top:0}.privacy-note{display:none}.problem-setup-trigger,.problem-drawer-backdrop,.problem-drawer-close{display:none}.route-tools{align-items:flex-start}}
    @media(max-width:560px){.topbar{gap:8px}.brand h1{font-size:.67rem}.brand-mark{display:none}.top-actions{gap:4px}.mode-link{padding-inline:6px}.mode-link span{display:none}.guide-button span{display:none}.guide-button{width:34px;padding:5px}.controls{display:grid;grid-template-columns:1fr 1fr;width:100%}.control,.control.dataset,.control.model,.control.scenario{min-width:0}.control.dataset,.control.scenario{grid-column:1/-1}.inspector{width:min(360px,calc(100vw - 16px))}.inspector-body{display:block}.route-copy span{display:none}.notebook-actions{flex-wrap:wrap;justify-content:flex-end}.notebook-layout{grid-template-columns:minmax(0,1fr)}.cell-stage{display:none}.output-meta{flex-wrap:wrap}.teaching-stats{grid-template-columns:1fr}.practice-evidence-cards{grid-template-columns:1fr}.practice-code-input{min-height:120px;font-size:.59rem}.time-series-timeline-bar{grid-template-columns:1fr}.time-series-segment{border-top-width:2px;border-left:3px solid var(--accent)}.time-series-segment.validation{border-left-color:var(--gold);border-top-color:var(--gold)}.time-series-segment.final{border-left-color:var(--mint);border-top-color:var(--mint)}.footer{flex-direction:column}.guide-window{left:8px;right:auto;top:70px;width:calc(100vw - 16px);height:min(680px,calc(100dvh - 104px));max-height:calc(100dvh - 104px);min-width:280px;min-height:240px}.guide-head{padding:13px 12px 10px}.guide-body{padding-inline:10px}.workflow-step-head{display:block}.workflow-step-caption{display:block;max-width:none;margin-top:6px;text-align:left}.workflow-story{padding-left:33px}.workflow-step-number{left:-33px}}
    /* Keep the ML rail and notebook composition on the same responsive contract as Data Playground. */
    @media(max-width:1120px){.lab{padding-inline:14px}.inspector{min-height:auto}}
    @media(max-width:820px){.workspace{display:block}.inspector{position:relative;top:auto;inset:auto;z-index:auto;width:auto;height:auto;min-height:auto;display:flex;padding:12px 11px 14px;border-right:0;border-bottom:2px solid var(--border);background:var(--rail);box-shadow:none;transform:none;visibility:visible;transition:none}.inspector-body{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(0,1.15fr);gap:11px;align-items:start;overflow:visible;padding:0}.inspector-preview-section{grid-column:2;grid-row:1 / span 2;min-width:0}.inspector-preview{max-width:100%;overflow:auto}.source-block{grid-column:1;margin-top:0}.privacy-note{display:none}.lab{padding-inline:14px}}
    @media(max-width:560px){.inspector{width:auto}.inspector-body{display:block;overflow:visible}.inspector-preview-section{margin-top:10px}.feature-list{max-height:150px;overflow:auto}.lab{padding-inline:10px}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
    .topbar{padding-top:env(safe-area-inset-top);padding-right:max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left))}
    .footer{padding-right:max(17px,env(safe-area-inset-right));padding-bottom:max(13px,env(safe-area-inset-bottom));padding-left:max(17px,env(safe-area-inset-left))}
    .app-connectivity{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:500;max-width:calc(100vw - 28px);padding:9px 12px;border:1px solid var(--orange);border-radius:999px;background:var(--panel-2);color:var(--ink);box-shadow:var(--shadow);font:700 .62rem/1.2 var(--mono);opacity:0;transform:translateY(16px);pointer-events:none;transition:.18s}
    .app-connectivity.is-visible,.app-connectivity.is-restored{opacity:1;transform:none}.app-connectivity.is-restored{border-color:var(--mint)}