.v6-studio{overflow:hidden}.v6-head{gap:20px}.v6-badges{display:flex;gap:8px;flex-wrap:wrap}.lab-xp.alt{background:#fff;border:1px solid #cad7ea;color:#40516d}.v6-mission{margin-top:16px;padding:14px 16px;border:1px solid #d8e2f1;border-radius:14px;background:#f5f8ff;display:flex;gap:12px}.v6-mission strong{white-space:nowrap}.learning-coach{margin-top:16px;padding:18px;border-radius:18px;border:1px solid #d1c9ff;background:linear-gradient(135deg,#f7f4ff,#fff);display:flex;gap:14px}.coach-orb{width:42px;height:42px;border-radius:14px;background:#6544e8;color:#fff;display:grid;place-items:center;flex:none}.learning-coach h3{margin:.2rem 0}.learning-coach p{margin:.4rem 0 .8rem}.coach-actions,.pane-actions,.sim-controls,.tabbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.python-bench,.web-bench,.ai-bench,.data-bench{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:16px}.sim-bench{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.app-bench{display:grid;grid-template-columns:250px 330px minmax(260px,1fr);gap:16px;align-items:start}.code-pane,.evidence-pane,.preview-pane,.control-pane,.model-pane,.debug-pane,.data-viz,.app-tools,.state-pane,.local-model,.data-python{border:1px solid #cad7e8;border-radius:16px;background:#fff;overflow:hidden}.pane-bar,.browser-bar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 14px;background:#f5f8ff;border-bottom:1px solid #dce5f2}.pane-bar span,.browser-bar span{font-size:12px;color:#5c6f8b}.code-editor,.web-editor{width:100%;min-height:310px;border:0;resize:vertical;padding:16px;background:#0d1b2b;color:#edf4ff;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:4}.web-editor{min-height:290px}.pane-actions{padding:12px;background:#f7f9fc;border-top:1px solid #e2e8f2}.package-chip{font-size:12px;padding:6px 9px;border-radius:999px;background:#eef4ff;color:#284a87}.tabbar{padding:8px;background:#f6f8fc;border-bottom:1px solid #dfe6f1}.tabbar button{border:1px solid transparent;background:transparent;border-radius:9px;padding:7px 10px;font:inherit;font-weight:700;color:#50617b;cursor:pointer}.tabbar button.active{background:#fff;border-color:#bfcde2;color:#16386e}.python-console{margin:0;min-height:300px;padding:16px;background:#0d1b2b;color:#d9fbe9;white-space:pre-wrap;overflow:auto;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.python-console.error{color:#ffd5dc}.python-visual,.python-plot{min-height:300px;padding:18px;background:#f9fbff;overflow:auto}.python-plot{display:grid;place-items:center}.python-plot img{max-width:100%;max-height:430px}.memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.memory-grid>div{padding:14px;border:1px solid #cad8ed;border-radius:14px;background:#fff}.memory-grid span{display:block;color:#61728c}.memory-grid strong{display:block;margin-top:6px;word-break:break-word}.step-list{display:grid;gap:7px}.step-list>div{display:flex;gap:12px;padding:9px;border-radius:10px;background:#fff;border:1px solid #d8e2f1}.step-list>div.active{border-color:#6544e8;box-shadow:0 0 0 3px #6544e81a}.step-list b{width:28px;color:#7b8aa1}.iframe-wrap{padding:14px;background:#dfe8f5;display:grid;place-items:center;min-height:390px}.iframe-wrap iframe{width:100%;height:360px;border:0;border-radius:12px;background:#fff;box-shadow:0 10px 30px #1c315522;transition:width .25s}.iframe-wrap.phone iframe{width:375px;max-width:100%}.concept-strip{padding:12px 14px;display:flex;gap:10px;flex-wrap:wrap}.concept-strip span{color:#5d6d85}.control-pane,.debug-pane,.app-tools,.state-pane{padding:16px}.control-pane{display:grid;gap:18px;align-content:start}.control-pane label,.debug-pane label{display:grid;gap:7px;font-weight:700;color:#324560}.model-pane svg,.data-viz svg{width:100%;display:block}.plot-bg{fill:#f8fbff;stroke:#c9d7ea}.class-a{fill:#3155d9}.class-b{fill:#ff8c66}.decision{stroke:#1aab7b;stroke-width:4;stroke-dasharray:8 6}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px}.metric-grid span{background:#f4f7fc;border-radius:12px;padding:10px;text-align:center}.metric-grid small{display:block;color:#64758d}.metric-grid strong{font-size:18px}.model-pane>p,.data-viz>p{padding:0 14px;color:#51627d}.local-model{margin-top:16px;padding:18px}.local-model textarea{width:100%;padding:12px;border:1px solid #cbd8eb;border-radius:12px;font:inherit}.sim-bench canvas{display:block;width:100%;height:auto;border:1px solid #cbd8eb;border-radius:16px;background:#f4f8ff}.sim-controls{margin-top:10px}.sim-controls>div{display:flex;gap:5px}.sim-controls button,.app-tools button{border:1px solid #b9c8dc;background:#fff;border-radius:10px;padding:8px 11px;font:inherit;font-weight:750;cursor:pointer}.debug-pane #gState,.debug-pane #rState{display:grid;gap:7px;margin:10px 0 15px}.debug-pane #gState>div,.debug-pane #rState>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e3e9f2}.table-wrap{overflow:auto;max-height:350px}.studio-table{border-collapse:collapse;width:100%;font-size:13px}.studio-table th,.studio-table td{border:1px solid #dce5f1;padding:8px;min-width:90px}.studio-table th{background:#eef4ff;text-align:left}.studio-table [contenteditable]:focus{outline:3px solid #3155d933;outline-offset:-3px}.data-viz{padding:12px}.data-bar{fill:#3155d9}.data-point{fill:#ff8c66}.data-line{fill:none;stroke:#3155d9;stroke-width:4}.axis{stroke:#94a7c2;stroke-width:1.5}.data-python{grid-column:1/-1;margin-top:16px;padding:16px}.data-python .code-editor{min-height:220px}.app-tools{display:grid;gap:8px}.flow-line{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-top:10px}.flow-line b{padding:6px 8px;background:#eef4ff;border-radius:8px}.v6-phone{margin:auto}.v6-phone .mini-app{min-height:460px}.v6-phone .mini-app ul{list-style:none;padding:0;display:grid;gap:8px}.v6-phone .mini-app li{display:flex;gap:8px;align-items:center;padding:8px;border:1px solid #e0e7f1;border-radius:10px}.v6-phone .mini-app li button{border:0;background:#eef4ff;border-radius:8px;width:30px;height:30px}.phone-primary{width:100%;padding:10px;border:0;border-radius:10px;background:#3155d9;color:#fff;font-weight:800}.state-pane pre{white-space:pre-wrap;font:12px/1.55 ui-monospace,monospace;background:#102a43;color:#eaf4ff;padding:12px;border-radius:12px;min-height:250px}.yt-mode-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef4ff;color:#38527b;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.yt-option.mode-predict{border-left:4px solid #6544e8}.yt-option.mode-debug{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.yt-confidence{padding:11px;border-radius:12px;background:#f7f9fc;margin:10px 0}.mastery-chip{font-size:12px;padding:5px 9px;border-radius:999px;background:#eefbf4;color:#14714f;font-weight:800}
@media(max-width:900px){.python-bench,.web-bench,.ai-bench,.data-bench,.sim-bench,.app-bench{grid-template-columns:1fr}.debug-pane{order:-1}.metric-grid{grid-template-columns:repeat(2,1fr)}.v6-phone{width:min(100%,330px)}}
@media(max-width:600px){.learning-coach,.v6-mission{flex-direction:column}.v6-badges{display:none}.code-editor,.web-editor{min-height:250px}.iframe-wrap{padding:8px}.iframe-wrap iframe{height:330px}.metric-grid{grid-template-columns:1fr 1fr}.app-tools{grid-template-columns:1fr 1fr}.app-tools>span,.app-tools>label,.app-tools>.flow-line{grid-column:1/-1}}
.mastery-focus{margin:12px 0;padding:10px 12px;border-radius:12px;background:#f7f9fc;border:1px solid #e1e7f0}.mastery-focus>small{display:block;font-weight:850;color:#60708a;margin-bottom:5px}.mastery-focus a{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #e5ebf3;text-decoration:none;color:inherit}.mastery-focus a:first-of-type{border-top:0}.mastery-focus b{color:#3155d9}