.ch-player{--ch-err:#b42318;--ch-err-tint:#b4231814;--ch-pass:#1f7a3d;--ch-pass-tint:#1f7a3d17;--ch-warn:#9a6700;--ch-warn-tint:#9a670017;flex:1;grid-template-columns:minmax(0,1fr) 460px;min-height:0;display:grid}.ch-breadcrumb{color:var(--ink-2);align-items:baseline;gap:8px;min-width:0;font-size:13px;display:flex}.ch-crumb{color:var(--ink-2);text-decoration:none}a.ch-crumb:hover{color:var(--accent-deep)}.ch-crumb-current{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ch-header-link{color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.ch-list-page{flex:1;min-height:0;padding:40px 32px 64px;overflow-y:auto}.ch-list-intro{text-align:center;max-width:560px;color:var(--ink-2);margin:0 auto 28px;font-size:14px}.ch-unknown{text-align:center;max-width:560px;color:var(--ch-err,#b42318);margin:0 auto 16px;font-size:14px}.ch-unknown code{font-family:var(--mono)}.ch-cards{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;max-width:880px;margin:0 auto;padding:0;list-style:none;display:grid}.ch-card{background:var(--surface);border:1px solid var(--hairline-soft);height:100%;color:var(--ink);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);border-radius:12px;flex-direction:column;gap:8px;padding:20px;text-decoration:none;display:flex}.ch-card:hover{border-color:var(--hairline);box-shadow:0 4px 16px #00000012}.ch-card-type{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-deep);font-size:11px;font-weight:600}.ch-card-title{letter-spacing:-.01em;font-size:16px;font-weight:600}.ch-card-prompt{color:var(--ink-2);flex:1;font-size:13px}.ch-diff{border:1px solid var(--hairline);color:var(--ink-2);border-radius:5px;align-self:flex-start;padding:1px 7px;font-size:11px;font-weight:500}.ch-stage{background:var(--bg);background-image:radial-gradient(#00000009 1px,#0000 1px);background-size:16px 16px;flex-direction:column;gap:18px;min-width:0;min-height:0;padding:20px 28px 32px;display:flex;overflow-y:auto}.ch-prompt{max-width:640px;color:var(--ink);margin:0;font-size:14px}.ch-canvases{flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex}.ch-target,.ch-live{margin:0}.ch-canvas-label{color:var(--ink-2);margin-bottom:8px;font-size:12px;font-weight:600}.ch-notices{flex-direction:column;gap:6px;display:flex}.ch-notice{color:var(--ink-2);max-width:640px;margin:0;font-size:13px}.ch-notice-warn{color:var(--ink);background:var(--ch-warn-tint);border:1px solid #9a67004d;border-radius:8px;padding:9px 12px}.ch-notice code{font-family:var(--mono);color:var(--ink);font-size:12px}.ch-notice strong{color:var(--accent-deep)}.ch-notice-error{color:var(--ch-err)}.ch-verdict{border:1px solid #0000;border-radius:8px;max-width:640px;padding:10px 14px;font-size:14px}.ch-verdict-pass{background:var(--ch-pass-tint);color:var(--ch-pass);border-color:#1f7a3d40;font-weight:500}.ch-verdict-fail{background:var(--ch-err-tint);color:var(--ch-err);border-color:#b4231838;font-weight:500}.ch-program-pane{background:var(--surface);border-left:1px solid var(--hairline-soft);flex-direction:column;gap:18px;min-height:0;padding:16px;display:flex;overflow-y:auto}.ch-pane-block>.pane-title{margin:0 2px 8px}.ch-count{color:var(--ink-2);font-variant-numeric:tabular-nums;font-weight:500}.ch-build{border:1px dashed var(--hairline);border-radius:10px;flex-direction:column;gap:4px;min-height:72px;margin:0;padding:6px;list-style:none;display:flex}.ch-build-empty,.ch-tray-empty{color:var(--ink-2);padding:12px 8px;font-size:12.5px}.ch-slot{position:relative}.ch-slot-before:before{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;top:-3px;left:4px;right:4px}.ch-slot-tail{height:2px}.ch-magnet{background:var(--bg);border:1px solid var(--hairline);cursor:grab;text-align:left;touch-action:none;width:100%;transition:box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);border-bottom-width:2px;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;display:flex}button.ch-magnet{font:inherit}.ch-magnet:hover{border-color:color-mix(in srgb, var(--hairline) 55%, var(--ink-2))}.ch-magnet:not(.ch-magnet-error):not(.ch-magnet-warn):hover{background:var(--surface)}.ch-magnet:active{cursor:grabbing;border-bottom-width:1px;margin-bottom:1px;transform:translateY(1px)}.ch-magnet-lifted{opacity:.35}.ch-magnet .chip-x{width:24px;height:24px}.ch-java{font-family:var(--mono);color:var(--ink);white-space:pre-wrap;word-break:break-word;flex:1;font-size:12.5px;line-height:1.5}.ch-ln{text-align:right;width:16px;color:var(--ink-2);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex:none;font-size:11px}.ch-status{border-radius:50%;flex:none;width:8px;height:8px}.ch-status.ok{background:var(--hairline)}.ch-status.err{background:var(--ch-err)}.ch-status.warn{background:var(--ch-warn)}.ch-magnet-error{background:var(--ch-err-tint);border-color:#b4231873}.ch-magnet-warn{background:var(--ch-warn-tint);border-color:#9a670073}.ch-magnet-diverged{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-tint-strong)}.ch-error-msg{color:var(--ch-err);margin:3px 2px 2px 32px;font-size:12px}.ch-warn-msg{color:var(--ch-warn);margin:3px 2px 2px 32px;font-size:12px}.ch-diverge-msg{color:var(--accent-deep);margin:3px 2px 2px 32px;font-size:12px;font-weight:500}.ch-tray{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ch-ghost-chip code{font-family:var(--mono);font-size:12px}.ch-actions{align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.ch-actions-stage{margin-top:0}.ch-submit{background:var(--accent-deep);color:#fff;cursor:pointer;transition:background var(--dur) var(--ease-out);border:none;border-radius:7px;padding:6px 16px;font-size:13px;font-weight:600}.ch-submit:hover:not(:disabled){background:var(--accent)}.ch-submit:disabled{background:var(--hairline-soft);color:var(--ink-2);cursor:default}.ch-submit-hint{color:var(--ink-2);text-align:right;margin:6px 2px 0;font-size:12px}.ch-kbd-hint{color:var(--ink-2);margin:-4px 2px 8px;font-size:11.5px}.ch-stmt-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.ch-next-link{color:inherit;margin-top:6px;font-weight:600;display:block}.ch-build:focus{outline:none}.ch-program-pane .ch-verdict{margin-bottom:10px}.ch-reflow{--ch-reveal-dur:.48s}@media (prefers-reduced-motion:reduce){.ch-reflow{--ch-reveal-dur:0s}}.ch-reflow-frame{transition:width var(--ch-reveal-dur) var(--ease-out)}.ch-reflow-frame .jframe-content{transition:width var(--ch-reveal-dur) var(--ease-out), height var(--ch-reveal-dur) var(--ease-out)}.ch-reflow-frame .sw{transition-duration:var(--ch-reveal-dur), var(--ch-reveal-dur), var(--ch-reveal-dur)}.ch-frame-wrap{align-self:flex-start;position:relative}.ch-frame-overlay{pointer-events:none;z-index:var(--z-overlay);position:absolute;top:31px;left:1px}.ch-resize-guide{border-left:1px dashed var(--accent);opacity:.55;width:0;position:absolute;top:0}.ch-resize-guide-label,.ch-ghost-tag{letter-spacing:.03em;color:var(--accent-deep);background:color-mix(in srgb, var(--surface) 92%, transparent);white-space:nowrap;border-radius:4px;padding:0 5px;font-size:10px;font-weight:600;position:absolute}.ch-resize-guide-label{bottom:6px;transform:translate(calc(-100% - 6px))}.ch-resize-zone{background:repeating-linear-gradient(45deg,#0000 0 6px,#0000000b 6px 12px);position:absolute;top:0}.ch-ghost{pointer-events:auto;outline:2px dashed var(--accent);outline-offset:1px;cursor:grab;touch-action:none;z-index:var(--z-chrome);transition:none;position:absolute;top:0;left:0}.ch-ghost:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ch-ghost:active{cursor:grabbing}.ch-ghost-body{opacity:.55;width:100%;height:100%;position:absolute;inset:0}.ch-ghost-locked{pointer-events:none;cursor:default}.ch-ghost-locked .ch-ghost-body{opacity:.3}.ch-ghost-tag{top:100%;left:50%;transform:translate(-50%,4px)}.ch-truth{border:2px solid var(--ch-pass,#1f7a3d);background:var(--ch-pass-tint,#1f7a3d17);border-radius:4px;position:absolute;top:0;left:0}.ch-truth-label{letter-spacing:.03em;color:var(--ch-pass,#1f7a3d);background:color-mix(in srgb, var(--surface) 92%, transparent);white-space:nowrap;border-radius:4px;padding:0 5px;font-size:10px;font-weight:600;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-4px)}.ch-reverse{grid-template-columns:212px minmax(0,1fr) 340px;grid-template-areas:"palette stage grade"}.ch-reverse-stage{grid-area:stage}.ch-grade-pane{background:var(--surface);border-left:1px solid var(--hairline-soft);flex-direction:column;grid-area:grade;gap:14px;min-height:0;padding:16px;display:flex;overflow-y:auto}.ch-grade-explain{color:var(--ink-2);margin:0 0 10px;font-size:13px}.ch-findings{flex-direction:column;gap:4px;margin:8px 0 0;padding-left:18px;font-size:13px;display:flex}.ch-ai-note{border-top:1px solid var(--hairline-soft);color:var(--ink-2);margin:auto 2px 0;padding-top:12px;font-size:12px}.ch-card-preview{background:var(--bg);border:1px solid var(--hairline-soft);border-radius:8px;place-items:center;padding:12px;display:grid;overflow:hidden}.ch-card-preview-scale{display:block;overflow:hidden}.ch-card-preview-scale>.jframe{transform-origin:0 0;transform:scale(.45)}.ch-target-scale{overflow:hidden}.ch-target-scale>.jframe{transform-origin:0 0;transform:scale(.7)}.ch-reverse .ch-live .controls{border:1px solid var(--hairline-soft);border-radius:9px;margin-bottom:10px}.ch-reverse .ch-target{flex:none}.ch-reverse .ch-live{flex:360px;min-width:0}.ch-pass-glow .jframe{outline:2px solid var(--ch-pass);outline-offset:3px}.ch-verdict .ch-findings{color:var(--ink);font-weight:400}.ch-code-wrap{grid-template:"code"minmax(0,1fr)/minmax(0,1fr);min-height:0;display:grid}@media (width<=1180px){.ch-player{grid-template-rows:minmax(0,1fr) minmax(200px,42vh);grid-template-columns:minmax(0,1fr)}.ch-program-pane,.ch-code-wrap{border-left:none;border-top:1px solid var(--hairline)}.ch-reverse{grid-template:"palette stage"minmax(0,1fr)"grade grade"minmax(180px,36vh)/200px minmax(0,1fr)}.ch-grade-pane{border-left:none;border-top:1px solid var(--hairline)}}:root{--bg:#fbfbfd;--surface:#fff;--ink:#1d1d1f;--ink-2:#6e6e73;--hairline:#d2d2d7;--hairline-soft:#e8e8ed;--accent:#e8590c;--accent-deep:#b54708;--accent-tint:#e8590c14;--accent-tint-strong:#e8590c26;--flash:#e8590c2e;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono:"SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur:.18s;--z-overlay:10;--z-chrome:20;--z-ghost:30}@media (prefers-reduced-motion:reduce){:root{--dur:0s}}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{flex-direction:column;height:100%;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--hairline-soft);align-items:baseline;gap:12px;padding:14px 24px;display:flex}.wordmark{letter-spacing:-.02em;font-size:17px;font-weight:600}.wordmark em{color:var(--accent-deep);font-style:normal}.tagline{color:var(--ink-2);font-size:13px}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.ghost-btn{border:1px solid var(--hairline);background:var(--surface);cursor:pointer;transition:background var(--dur) var(--ease-out);border-radius:7px;padding:4px 12px;font-size:13px;font-weight:500}.ghost-btn:hover{background:var(--bg)}.ghost-btn:disabled{color:var(--ink-2);opacity:.5;cursor:default}.icon-btn{text-align:center;width:28px;color:var(--ink-2);padding:4px 0;font-weight:600}.reset-btn{margin-left:4px}.reset-btn.armed{color:var(--accent-deep);border-color:var(--accent);background:var(--accent-tint);font-weight:600}.shortcuts-pop{border:1px solid var(--hairline);background:var(--surface);border-radius:12px;max-width:360px;margin:0;padding:14px 16px;position:fixed;inset:52px 20px auto auto;box-shadow:0 12px 32px #00000024,0 2px 8px #0000000f}.shortcuts-pop h2{color:var(--ink-2);margin:0 0 10px;font-size:12px;font-weight:600}.shortcuts-pop dl{gap:9px;margin:0;display:grid}.shortcuts-pop dl>div{grid-template-columns:minmax(0,auto) 1fr;align-items:baseline;gap:14px;display:grid}.shortcuts-pop dt{color:var(--ink);font-size:13px;font-weight:500}.shortcuts-pop dd{color:var(--ink-2);margin:0;font-size:13px}.shortcuts-pop kbd{font-family:var(--font);border:1px solid var(--hairline);background:var(--bg);color:var(--ink);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-size:11px}.shortcuts-pop::backdrop{background:0 0}.playground{flex:1;grid-template-columns:212px minmax(0,1fr) 400px;grid-template-areas:"palette stage code";min-height:0;display:grid}.palette{background:var(--surface);border-right:1px solid var(--hairline-soft);grid-area:palette;padding:16px 12px;overflow-y:auto}.pane-title{color:var(--ink-2);margin:0 6px 8px;font-size:12px;font-weight:600}.palette-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.palette-item{cursor:grab;text-align:left;touch-action:none;width:100%;transition:background var(--dur) var(--ease-out);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;font-size:13px;font-weight:500;display:flex}.palette-item:hover{background:var(--bg)}.palette-item:active{cursor:grabbing}.palette-item svg{color:var(--ink-2);flex:none}.palette-item:hover svg{color:var(--accent-deep)}.palette-hint{color:var(--ink-2);margin:14px 6px 0;font-size:12px}.stage{background:var(--bg);background-image:radial-gradient(#00000009 1px,#0000 1px);background-size:16px 16px;flex-direction:column;grid-area:stage;min-width:0;display:flex}.controls{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hairline-soft);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 20px;display:flex}.controls-context{color:var(--ink-2);min-width:0;font-size:13px}.controls-context strong{color:var(--ink);font-weight:600}.segmented{background:#78788024;border-radius:9px;padding:2px;display:flex}.segment{cursor:pointer;color:var(--ink);background:0 0;border:none;border-radius:7px;padding:4px 14px;font-size:13px;font-weight:500}.segment[aria-checked=true]{background:var(--surface);box-shadow:0 1px 4px #00000024,0 0 1px #0000001a}.knobs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.knob{color:var(--ink-2);align-items:center;gap:5px;font-size:12px;display:flex}.knob input,.knob select{font:inherit;color:var(--ink);border:1px solid var(--hairline);background:var(--surface);border-radius:6px;width:52px;padding:2px 4px}.knob select{width:auto}.stage-canvas{flex:1;place-items:center;min-height:0;padding:32px;display:grid;overflow:auto}.jframe{background:#f6f6f6;border:1px solid #b9b9bf;border-radius:8px 8px 4px 4px;position:relative;box-shadow:0 12px 32px #0000001f,0 2px 8px #00000014}.jframe-titlebar{-webkit-user-select:none;user-select:none;background:linear-gradient(#ececee,#dcdcdf);border-bottom:1px solid #c3c3c8;border-radius:7px 7px 0 0;align-items:center;gap:6px;height:30px;padding:0 10px;display:flex}.jframe-title{text-align:center;color:#57575c;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.jframe-title .dims{font-variant-numeric:tabular-nums;color:#57575c}.jframe-content{background:#f2f2f4;position:relative;overflow:hidden}.rs{z-index:var(--z-chrome);touch-action:none;position:absolute}.rs-e{cursor:ew-resize;width:10px;top:30px;bottom:8px;right:-5px}.rs-s{cursor:ns-resize;height:10px;bottom:-5px;left:8px;right:8px}.rs-se{cursor:nwse-resize;width:16px;height:16px;bottom:-6px;right:-6px}.rs:focus-visible{outline:2px solid var(--accent);outline-offset:-1px;border-radius:2px}.jframe.resizing,.jframe.resizing *{cursor:inherit}.sw{white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--dur) var(--ease-out), width var(--dur) var(--ease-out), height var(--dur) var(--ease-out);align-items:center;font-size:13px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.sw.selected{outline:2px solid var(--accent);outline-offset:-1px;z-index:1}.sw-JButton{color:var(--ink);background:linear-gradient(#fdfdfd,#ededf0);border:1px solid #b4b4bb;border-radius:4px;justify-content:center}.sw-JLabel{padding:0 1px}.sw-JTextField{color:var(--ink-2);background:#fff;border:1px solid #a7a7af;border-radius:2px;padding:0 4px;box-shadow:inset 0 1px 2px #0000000f}.sw-JCheckBox{gap:5px;padding:0 2px}.sw-JCheckBox .box{background:#fff;border:1px solid #a7a7af;border-radius:2px;flex:none;width:13px;height:13px}.sw-JComboBox{background:linear-gradient(#fdfdfd,#ededf0);border:1px solid #b4b4bb;border-radius:4px;justify-content:space-between;gap:6px;padding:0 4px 0 6px}.sw-JComboBox .arrow{border-top:5px solid #57575c;border-left:4px solid #0000;border-right:4px solid #0000;flex:none;width:0;height:0}.sw-JPanel{outline-offset:-1px;outline:1px dashed #bdbdc6;display:block}.sw-JPanel.selected{outline:2px solid var(--accent)}.sw-text-input{font:inherit;text-align:center;color:var(--ink);background:#fffffff2;border:none;min-width:40px;position:absolute;inset:0}.overlay{pointer-events:none;z-index:var(--z-overlay);position:absolute;top:0;left:0}.region-band{letter-spacing:.04em;color:#0009;transition:background .12s var(--ease-out);border:1px dashed #00000029;place-items:center;font-size:10px;font-weight:600;display:grid;position:absolute}.region-band.hot{background:var(--accent-tint-strong);border-color:var(--accent);color:var(--accent-deep)}.grid-cell{border:1px dashed #00000024;position:absolute}.drop-ghost{border:2px dashed var(--accent);background:var(--accent-tint);transition:transform .12s var(--ease-out), width .12s var(--ease-out), height .12s var(--ease-out);border-radius:4px;position:absolute}.container-hot{border:2px solid var(--accent);border-radius:2px;position:absolute}.empty-msg{text-align:center;color:var(--ink-2);white-space:pre-line;place-items:center;padding:16px;font-size:13px;display:grid;position:absolute;inset:0}.drag-ghost{z-index:var(--z-ghost);pointer-events:none;opacity:.85;filter:drop-shadow(0 6px 16px #0003);position:fixed;transform:translate(-50%,-50%)}.drag-ghost .chip{background:var(--surface);border:1px solid var(--hairline);border-radius:7px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:500;display:inline-flex}.hint-strip{border-top:1px solid var(--hairline-soft);background:color-mix(in srgb, var(--surface) 88%, transparent);min-height:40px;color:var(--ink-2);align-items:center;gap:8px;padding:8px 20px;font-size:13px;display:flex}.hidden-notice{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.hidden-why{color:var(--ink-2)}.hidden-why strong{color:var(--accent-deep);font-weight:600}.hidden-chips{flex-wrap:wrap;gap:6px;display:flex}.hidden-chip{background:var(--accent-tint);color:var(--accent-deep);cursor:pointer;transition:background var(--dur) var(--ease-out);border:1px solid #e8590c33;border-radius:6px;align-items:center;gap:6px;padding:3px 4px 3px 8px;font-size:12px;display:inline-flex}.hidden-chip:hover{background:var(--accent-tint-strong)}.hidden-chip.selected{outline:2px solid var(--accent);outline-offset:-1px}.hidden-chip code{font-family:var(--mono);font-weight:600}.hidden-reason{color:var(--ink-2)}.chip-x{width:20px;height:20px;color:var(--ink-2);cursor:pointer;transition:background var(--dur) var(--ease-out);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.chip-x:hover{color:var(--ink);background:#00000014}.hint-strip code{font-family:var(--mono);font-size:12px}.code-pane{background:var(--surface);border-left:1px solid var(--hairline-soft);flex-direction:column;grid-area:code;min-height:0;display:flex}.code-header{border-bottom:1px solid var(--hairline-soft);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.code-filename{font-family:var(--mono);color:var(--ink-2);font-size:12px}.code-scroll{flex:1;padding:12px 0;overflow:auto}.code-line{font-family:var(--mono);padding:1px 16px 1px 0;font-size:12.5px;line-height:1.65;display:flex}.code-line .ln{text-align:right;width:40px;color:var(--ink-2);-webkit-user-select:none;user-select:none;font-size:11px;line-height:inherit;flex:none;padding-right:14px}.code-line pre{font:inherit;white-space:pre;margin:0}.code-line.flash{animation:line-flash 1.4s var(--ease-out)}.code-line.sel{background:#f5f5f7}@keyframes line-flash{0%,35%{background:var(--flash)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.code-line.flash{background:var(--flash);animation:none}.region-band,.drop-ghost{transition:none}}.tok-kw{color:#ad3da4}.tok-type{color:#703daa}.tok-str{color:#c41a16}.tok-num{color:#1c00cf}.tok-com{color:#5d6c79}@media (width<=1180px){.playground{grid-template:"palette stage"minmax(0,1fr)"code code"minmax(160px,34vh)/200px minmax(0,1fr)}.code-pane{border-left:none;border-top:1px solid var(--hairline)}}@media (width<=760px){.app-header{flex-wrap:wrap;padding:12px 16px}.tagline{display:none}.playground{grid-template:"palette""stage"minmax(220px,1fr)"code"minmax(140px,32vh)/minmax(0,1fr)}.palette{border-right:none;border-bottom:1px solid var(--hairline-soft);padding:8px 12px}.palette-list{flex-direction:row;overflow-x:auto}.palette-item{flex:none}.palette-hint{display:none}.stage-canvas{padding:16px}}