/* Public console visual layer. Execution and evidence remain in studio.mjs. */
.code-excerpt::before{content:'BEHAVIOR SKETCH';display:block;font:8px/1.8 monospace;letter-spacing:1px;color:#67818b;margin-bottom:7px}
:root{color-scheme:dark;--ink:#ecf3f5;--muted:#92a5ae;--purple:#75a1ff;--line:#23343b;--paper:#090e20;--green:#6ce3b0;--red:#ffa88e}
body{background:radial-gradient(ellipse at 83% 9%,#1a408b33,transparent 35%),#090e20}
.sidebar{position:sticky;top:0;z-index:10;width:100%;height:76px;flex-direction:row;align-items:center;padding:0 max(28px,calc((100vw - 1320px)/2));gap:30px;background:#0a1124ed;backdrop-filter:blur(18px);border:0;border-bottom:1px solid var(--line)}
.brand{font-size:24px;white-space:nowrap}.brand>span:last-child{color:#8caaff}.logo{background:#142d2b;color:#96b8ff;border:1px solid #2b5650}.logo i{color:#d7fff1}
.workspace,.nav-label,.sidebar-bottom,.new{display:none}.sidebar .nav{margin:0;padding:9px 0;gap:8px;font-size:12px;background:none;border:0;color:#9fb0b7}.sidebar .nav.active{color:#93b3ff}.sidebar .nav:nth-of-type(2){margin-left:auto}.sidebar .nav:last-of-type{border:1px solid #37504f;padding:10px 14px;color:#d4eee6}
main{margin:0 auto;max-width:1380px;padding:0 30px}.topbar{display:none}.intro{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px;padding:66px 0 58px}.intro:after{display:none}.eyebrow{color:#94acdb;font-size:10px;letter-spacing:1.8px}.intro .eyebrow span{background:#5dd8b0;width:6px;height:6px;border-radius:50%;box-shadow:0 0 14px #66e6b5}
h1{font-size:clamp(38px,4.3vw,62px);letter-spacing:-2.8px;line-height:1.09;margin:22px 0}h1 span{color:#83a8ff}.intro .hero-copy>p{font-size:14px;color:#98acb7;line-height:1.8}.intro-meta{color:#82969f;font-size:10px;gap:19px}.intro-meta span:before{color:#88afff}.hero-actions{display:flex;align-items:center;gap:22px;margin:26px 0}.hero-actions>a{font-size:11px;color:#b6c5e6}.hero-actions .hero-primary{padding:13px 17px;background:#6b96ff;color:#081a36;border-radius:6px;font-weight:700;box-shadow:0 4px 25px #4be4b51b}.hero-primary span{margin-left:20px}
.hero-map{border:1px solid #344464;background:linear-gradient(145deg,#142140,#0e1730);padding:22px;border-radius:14px;box-shadow:0 24px 70px #0004;position:relative}.map-heading{display:flex;align-items:center;color:#92aaa9;font:9px monospace;letter-spacing:1px}.map-heading>span:last-child{margin-left:auto;color:#607a80}.map-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.map-branches>div{padding:14px;border:1px solid #34445e;border-radius:7px;background:#17233b}.map-icon{display:block;border:1px solid #365854;background:#203862;color:#bdd2ff;width:25px;height:25px;line-height:23px;text-align:center;border-radius:6px;font:12px/23px monospace;margin-bottom:13px}.map-branches small{display:block;color:#99b8bd;font:10px monospace;overflow-wrap:anywhere}.map-branches strong{display:block;color:#d5e5e7;font-size:10px;margin-top:9px;font-weight:500}.map-branches b{float:right;color:#7ae6b9}.map-connector{height:35px;display:flex;align-items:center;justify-content:center;color:#547c78;font-style:normal}.map-connector span{width:25%;border-bottom:1px solid #355750}.map-connector i{padding:0 20px;font-style:normal}.map-connector.short{height:25px}.map-merge{display:flex;align-items:center;gap:12px;background:#152b26;border:1px solid #2a5144;border-radius:6px;padding:11px 14px;font-size:11px;color:#d4ece0}.map-merge b{margin-left:auto;color:#81d9b2;font-size:10px;font-weight:400}.map-collision{display:flex;align-items:center;gap:12px;background:#322820;border:1px solid #6a4c35;border-radius:6px;padding:13px}.map-collision>span{border:1px solid #b38a5d;border-radius:50%;width:20px;height:20px;text-align:center;color:#f3c795;font-size:13px}.map-collision strong{font-size:11px;color:#f7d6af}.map-collision small{display:block;font:9px monospace;color:#b6987e;margin-top:5px}.map-collision>b{margin-left:auto;font:8px monospace;color:#e5ae79;letter-spacing:1px}.hero-map>p{font-size:9px;color:#748b96;margin:15px 0 0;text-align:center}
#playground{scroll-margin-top:95px}.section-top{border-top:1px solid var(--line);padding-top:30px;margin-bottom:21px}.section-top h2{font-size:24px;margin-top:10px}.section-top p{color:#91a3ad;margin-top:8px}.pill.live{background:#142923;border-color:#294b40;color:#a8dfc8}.status-dot{background:#73e3b8}.scenario-tabs{gap:12px}.scenario-tab{background:#111a30;border-color:#26373f;border-radius:8px;padding:17px 16px;color:#e5ecef}.scenario-tab.selected{border-color:#668bed;background:linear-gradient(120deg,#172a50,#182239);box-shadow:none}.tab-number{background:#213039;color:#9ab0ba;border:1px solid #33474c;border-radius:5px}.selected .tab-number{background:#304777;color:#c2d2ff;border-color:#6284c7}.scenario-tab small{color:#8ba5ae}.tab-arrow{color:#799397}.selected .tab-arrow{color:#91b2ff}
.lab-grid{gap:18px;grid-template-columns:1.13fr 1fr}.experiment{background:#121b32;border-color:#2a3a42;padding:24px;border-radius:10px}.experiment h3{font-size:22px;line-height:1.3;margin:16px 0 10px}.pill{background:#1f3333;border-color:#34504e;color:#a0c9bd}.branch-pair{gap:10px;margin:20px 0}.branch-pair>div{background:#0c151c;border-color:#263740;padding:13px;min-width:0}.branch-symbol{color:#64cfb1;font-size:9px;letter-spacing:1px}.branch-pair strong{font-size:11px;color:#d4e4e8}.branch-pair p{color:#89a0ac;font-size:11px;line-height:1.6;min-height:36px}.code-excerpt{font:10px/1.8 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#9bc7d5;border-top:1px solid #22343e;padding-top:12px;margin:10px 0 0;min-height:113px}
select,input[type=number]{background:#0b161d;color:#d7e6eb;border-color:#344952;font-size:12px}label{color:#c3d6db}.fix-toggle{color:#a8bcbc}.fix-toggle input{accent-color:#6ce3b4}.run-button{background:#719dff;color:#091936;border-radius:6px;box-shadow:0 4px 20px #5de3ad14}.run-button:hover{background:#a5bfff}.scope{color:#829ba7}.execution{background:#080f23;border-color:#30434b;border-radius:10px;box-shadow:0 10px 40px #0002}.execution>.panel-heading{border-color:#273b44;background:#111f29;padding:22px}.execution .eyebrow{color:#95b5c0;letter-spacing:1.1px;font-size:9px}.terminal-dots{font-size:9px;letter-spacing:3px;color:#4a696d;margin-right:8px}.console-status{font-size:9px;color:#8eacb6}.console-empty{height:100%;min-height:320px}.orbit{width:70px;height:70px;border-radius:18px;border-color:#2f6153;background:#143127;color:#71e3ba;font-size:34px;position:relative;display:block;line-height:66px}.orbit i{position:absolute;font-style:normal;left:28px;top:3px;font-size:29px;color:#b5eee0}.console-empty h3{font-size:19px;color:#e1ecee}.console-empty p{color:#849eac}.empty-steps{display:flex;gap:17px;margin-top:30px;font:9px monospace;color:#4f7b80}.console-footer{border-color:#263943;color:#75929c}.console-footer a{color:#7dddbb}.trace{font-size:12px;padding:24px}.trace-title{color:#94b8ff}.trace-line{color:#bdd5e0;padding:10px 0}.trace-line span{color:#517683}.console-verdict{background:#b5744210;border-color:#8c5b3e;color:#efbc8f;padding:17px;line-height:1.9;margin-top:26px}.console-verdict.good{background:#1b443c44;color:#91e2bf;border-color:#43866b}.console-time{color:#698693}.result-panel{background:#181e20;border-color:#69523e;grid-template-columns:1fr 1fr;border-radius:9px}.result-panel h3{color:#f0bb8b}.result-panel.good{background:#11271f;border-color:#3b795f}.result-panel p{color:#a2b6bb}.comparison>div{background:#0e1730;border:1px solid #2b3b42}.comparison small{color:#829eaa}.comparison strong{color:#deebeb}.comparison .bad{color:#edb485}.comparison .good{color:#78deae}.evidence-strip{border-color:#2a3c44}.evidence-strip strong{color:#bcd0d9}.evidence-strip>a{color:#79d9b7}.evidence-strip p{color:#88a0ad}.record-icon{color:#63948d}.archive-note{color:#ad9880;font-size:10px;max-width:900px}.reproduce{border-color:#263c44;padding:55px 0;gap:60px}.reproduce h2{font-size:32px}.reproduce p{color:#91a8b3}.text-link{color:#a2bbff}.command-panel{background:#101f26;border-color:#2c444d;border-radius:10px}.command-panel pre{color:#a6dac7}.command-panel .pill{font-size:8px}.command-panel button{color:#84e0bd}.command-panel p{color:#809ba6}footer{color:#77949f}footer .brand span{color:#78d8b9}.error{background:#291b1d;border-color:#89565e;color:#f6b7b8}
@media(min-width:1500px){main{padding:0 40px}.intro{padding:76px 0 66px}.experiment{padding:25px}.lab-grid{gap:20px}}
@media(max-width:1100px){.intro{gap:28px;padding:45px 0}h1{font-size:44px;letter-spacing:-2px}.hero-map{padding:16px}.hero-actions{gap:13px}.hero-actions>a{font-size:10px}.lab-grid{grid-template-columns:1fr 1fr}.experiment{padding:18px}.branch-pair{grid-template-columns:1fr}.branch-pair p{min-height:0}.code-excerpt{min-height:0}.console-empty{min-height:350px}.result-panel{grid-template-columns:1fr}.sidebar{gap:20px;padding:0 24px}}
@media(max-width:760px){.sidebar{height:64px;padding:0 18px;gap:16px}.sidebar .brand{font-size:21px}.sidebar .nav{display:none}.sidebar .nav:last-of-type{display:block;font-size:10px;margin-left:auto;padding:8px}.sidebar .nav:last-of-type span{display:inline}.intro{grid-template-columns:1fr;gap:28px;padding:35px 0 32px}main{padding:0 18px}.intro .eyebrow{font-size:8px}.hero-copy h1{font-size:43px;letter-spacing:-1.9px}.hero-copy>p br{display:none}.hero-map{max-width:550px;padding:18px}.hero-actions{flex-wrap:wrap;gap:20px}.intro-meta{gap:12px}.section-top{padding-top:24px}.section-top h2{font-size:21px;line-height:1.3}.section-top p{line-height:1.7}.scenario-tab{padding:12px 8px}.lab-grid{grid-template-columns:1fr}.branch-pair{grid-template-columns:1fr 1fr}.code-excerpt{font-size:9px;min-height:100px}.console-empty{min-height:270px}.reproduce{grid-template-columns:1fr;gap:20px;padding:36px 0}.reproduce h2{font-size:28px}.map-collision>b{font-size:7px}.hero-map>p{line-height:1.6}.terminal-dots{margin-right:0}.empty-steps{gap:13px}.trace{font-size:11px}.hero-actions .hero-primary{font-size:11px}}

/* CollisionLab signature: two distinct branch colors and a comparison grid. */
body{background:radial-gradient(ellipse at 80% 0%,#224f8c33,transparent 40%),#090e20}.intro{position:relative}.hero-map{background-image:linear-gradient(#718bd409 1px,transparent 1px),linear-gradient(90deg,#718bd409 1px,transparent 1px);background-size:24px 24px;border-radius:4px;transform:rotate(-1deg)}.map-branches>div:first-child{border-top:3px solid #699dff}.map-branches>div:last-child{border-top:3px solid #edb66b}.map-branches>div:last-child .map-icon{background:#483324;border-color:#886545;color:#ffd7a5}.map-collision{border-left:3px solid #f5bc6e}.branch-pair>div:first-child{border-top:2px solid #729dff}.branch-pair>div:last-child{border-top:2px solid #edb66b}.branch-pair>div:last-child .branch-symbol{color:#edb66b}.branch-symbol{color:#8ab1ff}.brand>span:last-child{color:#83a8ff}.logo{background:#1e2e51;border-color:#426195;color:#a5c0ff}.logo i{color:#ffc777}.scenario-tabs{counter-reset:scenario}.scenario-tab.selected{box-shadow:inset 0 -2px #739dff}.run-button{font-weight:700}.hero-copy h1{letter-spacing:-2px}.section-top:before{content:'01';font:36px 'Space Grotesk',sans-serif;color:#344663;padding-right:20px}.section-top>div{margin-right:auto}.hero-actions .hero-primary{box-shadow:0 6px 32px #6498ff30}.map-heading .status-dot{background:#8ab1ff}.map-merge{background:#142539;border-color:#344e69}.map-merge b{color:#b4c9eb}.intro .eyebrow span{background:#8eb0ff;box-shadow:0 0 14px #82aaff}.hero-primary:hover{background:#a4beff}.hero-map .map-connector{color:#a2b3d3}.orbit{background:#182a4b;border-color:#425c8f;color:#a3c1ff}.orbit i{color:#f0bc76}@media(max-width:760px){.hero-map{transform:none}.section-top:before{font-size:27px;padding-right:12px}}