.sb-editor-wrap{flex:1;min-height:0;padding:4px 0;overflow:auto}.sb-editor-wrap .bn-editor{background-color:#0000!important}.sb-editor-wrap .bn-container{background-color:#0000;height:100%}.sb-editor-wrap .bn-container .bn-editor{min-height:100%}.sb-block-inert .sb-editor-wrap *{pointer-events:none!important}@keyframes edge-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20px}}@keyframes edge-flow-reverse{0%{stroke-dashoffset:0}to{stroke-dashoffset:20px}}@keyframes edge-flow-both{0%{stroke-dashoffset:0}50%{stroke-dashoffset:-20px}to{stroke-dashoffset:0}}@keyframes edge-flow-bop{0%{stroke-dashoffset:0;transform:translateY(0)}25%{stroke-dashoffset:-6px;transform:translateY(-1px)}50%{stroke-dashoffset:-12px;transform:translateY(-2px)}75%{stroke-dashoffset:-6px;transform:translateY(-1px)}to{stroke-dashoffset:0;transform:translateY(0)}}@keyframes sb-node-bop{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-1px)rotate(-.2deg)}50%{transform:translateY(-2px)rotate(.25deg)}75%{transform:translateY(-1px)rotate(-.15deg)}to{transform:translateY(0)rotate(0)}}@keyframes edge-cycle-pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@page{size:landscape;margin:0}@media print{[data-sb-toolbar],[data-sb-overlay],[data-sb-context-menu]{display:none!important}html,body,#root{overflow:visible!important}}:root{color:#22231f;font-synthesis:none;background:#f7f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:wait}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{z-index:120;background:#fffffcf7;border-bottom:1px solid #deded5;flex:none;justify-content:space-between;align-items:center;gap:20px;height:56px;padding:0 18px;display:flex}.brand{letter-spacing:-.025em}.topbar-copy{color:#71736a;align-items:center;gap:12px;font-size:13px;display:flex}.stage-pill{color:#fff;background:#24251f;border-radius:999px;padding:5px 10px;font-size:11px}.page-body{flex:1;min-height:0;position:relative}.visual-lab-shell{background:#fbfbf7;position:absolute;inset:0;overflow:hidden}.visual-board-canvas{position:absolute;inset:0}.visual-lab-status{z-index:105;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:14px;left:14px;right:14px}.visual-lab-status>div:first-child{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffced;border:1px solid #282a231f;border-radius:14px;max-width:min(610px,64vw);padding:10px 13px;box-shadow:0 10px 28px #26282112}.visual-lab-status strong{margin-top:2px;font-size:15px;display:block}.visual-lab-status small{color:#74766d;margin-top:3px;display:block}.mode-label{letter-spacing:.09em;text-transform:uppercase;color:#73776b;font-size:10px;font-weight:700;display:inline-block}.visual-metrics{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.visual-metrics span{color:#66685f;background:#fffffce6;border:1px solid #282a231a;border-radius:999px;padding:6px 9px;font-size:11px}.visual-metrics .following{color:#356845}.visual-metrics .detached{color:#9a6331}.visual-lab-controls{z-index:115;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffcf2;border:1px solid #24251f21;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;width:min(1120px,100% - 28px);padding:9px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #23241f1a}.visual-lab-controls button,.return-to-tutor{color:#30312b;background:#fff;border:1px solid #d4d5cc;border-radius:9px;padding:7px 10px;font-size:12px}.visual-lab-controls button.primary{color:#fff;background:#262720;border-color:#262720}.return-to-tutor{z-index:120;color:#fff;background:#262720;border-color:#262720;position:absolute;top:92px;right:18px;box-shadow:0 10px 28px #23241f24}.visual-queue-note{z-index:95;pointer-events:none;color:#777b72;background:#f8f8f3e0;border-radius:9px;padding:6px 9px;font-size:10px;position:absolute;bottom:78px;left:16px}.wistudi-visual-node{background:#fffdfa;border:1px solid #30363024;border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 12px 30px #2a2f2812}.wistudi-svg-host,.wistudi-svg-host svg,.wistudi-raster-image{width:100%;height:100%;display:block}.wistudi-svg-host svg,.wistudi-raster-image{object-fit:cover}.wistudi-raster-image{-webkit-user-select:none;user-select:none;transition:clip-path 45ms linear,opacity 45ms linear}.wistudi-visual-placeholder{color:#86897d;background:#f5f5ef;border:1px dashed #c8cabf;border-radius:20px;place-items:center;width:100%;height:100%;font-size:13px;display:grid}.wistudi-drawing-tip{pointer-events:none;filter:drop-shadow(0 3px 4px #0000002b);width:48px;height:18px;transition:left 45ms linear;position:absolute;top:55%;transform:translate(-12%,-50%)rotate(-26deg)}.wistudi-drawing-tip span{background:linear-gradient(90deg,#eedfb7 0 65%,#343631 65% 88%,#d7d8d1 88%);border-radius:999px 4px 4px 999px;width:44px;height:8px;display:block}.wistudi-handwriting-node{letter-spacing:-.02em;white-space:nowrap;align-items:center;width:100%;height:100%;font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;line-height:1.1;display:flex;position:relative;overflow:visible}.wistudi-handwriting-text{max-width:100%;transition:clip-path 45ms linear;display:inline-block}.wistudi-handwriting-tip{filter:drop-shadow(0 2px 2px #00000026);background:linear-gradient(90deg,#ead8a7 0 65%,#31332e 65%);border-radius:999px;width:34px;height:6px;transition:left 45ms linear;position:absolute;top:57%;transform:translate(-2px,-50%)rotate(-25deg)}@media (prefers-reduced-motion:reduce){.wistudi-raster-image,.wistudi-handwriting-text,.wistudi-drawing-tip,.wistudi-handwriting-tip{transition:none!important}}@media (width<=760px){.topbar-copy>span:first-child{display:none}.visual-lab-status{top:8px;left:8px;right:8px}.visual-lab-status>div:first-child{max-width:70vw}.visual-metrics span:not(.following):not(.detached){display:none}.visual-lab-controls{justify-content:flex-start;width:calc(100% - 16px);max-height:112px;bottom:8px;overflow:auto}.visual-queue-note{display:none}.return-to-tutor{top:86px;right:8px}}.wistudi-annotation-node{pointer-events:none;width:100%;height:100%;position:relative;overflow:visible}.wistudi-annotation-node svg{position:absolute;inset:0;overflow:visible}.wistudi-annotation-tip{filter:drop-shadow(0 2px 2px #00000029);background:linear-gradient(90deg,#eedfb7 0 62%,#343631 62%);border-radius:999px;width:28px;height:6px;position:absolute;top:50%;transform:translate(-4px,-50%)rotate(-24deg)}.wistudi-arrow-head{transform-origin:2px;border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:16px solid;width:0;height:0;position:absolute}.stage4-shell{background:#f8f8f3;grid-template-columns:minmax(0,1fr) 390px;display:grid;position:absolute;inset:0}.stage4-board{min-width:0;position:relative;overflow:hidden}.conversation-panel{z-index:30;background:#fffffcfa;border-left:1px solid #dedfd6;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;position:relative;overflow:auto;box-shadow:-12px 0 36px #282a230d}.conversation-heading h2{letter-spacing:-.025em;margin:4px 0 2px;font-size:21px}.conversation-heading p{color:#777a70;margin:0;font-size:12px;line-height:1.45}.transport-switch{background:#f4f4ee;border:1px solid #dedfd6;border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.transport-switch button{color:#66695f;background:0 0;border:0;border-radius:8px;padding:7px 9px;font-size:12px}.transport-switch button.selected{color:#282a25;background:#fff;box-shadow:0 1px 4px #1e1f1c14}.conversation-state{color:#777a70;background:#fafaf6;border:1px solid #e0e1d8;border-radius:11px;flex-wrap:wrap;align-items:center;gap:7px;min-height:34px;padding:8px 10px;font-size:11px;display:flex}.conversation-state strong{color:#33352f;text-transform:capitalize}.state-dot{background:#a6a89f;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 3px #a6a89f1f}.state-listening,.state-waiting_for_answer{background:#4c8a5e;box-shadow:0 0 0 3px #4c8a5e21}.state-user_speaking{background:#3f78a8;box-shadow:0 0 0 3px #3f78a821}.state-processing,.state-connecting{background:#af8339;box-shadow:0 0 0 3px #af833921}.state-tutor_speaking{background:#865ea7;box-shadow:0 0 0 3px #865ea721}.state-error{background:#b44d47;box-shadow:0 0 0 3px #b44d4721}.session-controls,.mock-controls{flex-wrap:wrap;gap:6px;display:flex}.session-controls button,.mock-controls button,.text-turn button{color:#34362f;background:#fff;border:1px solid #d6d7cf;border-radius:9px;padding:7px 9px;font-size:11px}.session-controls button.primary{color:#fff;background:#272923;border-color:#272923}.mock-controls{padding-top:3px}.mock-controls button{background:#f6f6f1}.transcript-list{flex-direction:column;flex:220px;gap:8px;min-height:180px;padding:3px 1px;display:flex;overflow:auto}.empty-transcript{color:#8a8d82;text-align:center;border:1px dashed #d7d8d0;border-radius:12px;place-items:center;min-height:140px;padding:20px;font-size:12px;display:grid}.transcript-item{border-radius:12px;max-width:88%;padding:9px 11px}.transcript-item span{letter-spacing:.07em;text-transform:uppercase;opacity:.58;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.transcript-item p{margin:0;font-size:12px;line-height:1.45}.transcript-learner{background:#eaf1f7;align-self:flex-end}.transcript-tutor{background:#f0eee6;align-self:flex-start}.text-turn{grid-template-columns:1fr auto;gap:6px;display:grid}.text-turn input{color:#30322d;background:#fff;border:1px solid #d6d7cf;border-radius:9px;outline:none;min-width:0;padding:8px 10px;font-size:12px}.text-turn input:focus{border-color:#8c8f83;box-shadow:0 0 0 3px #50544a12}.semantic-log{background:#f7f7f2;border:1px solid #e2e3db;border-radius:11px;flex-direction:column;gap:4px;max-height:145px;padding:9px 10px;display:flex;overflow:auto}.semantic-log strong{letter-spacing:.05em;text-transform:uppercase;color:#65685e;margin-bottom:2px;font-size:10px}.semantic-log span{color:#797c71;font-size:10px;line-height:1.35}.conversation-error{color:#93423c;background:#fff1ef;border:1px solid #e7b8b3;border-radius:9px;padding:8px 10px;font-size:11px}@media (width<=840px){.stage4-shell{grid-template-rows:minmax(260px,42vh) minmax(0,1fr);grid-template-columns:1fr}.conversation-panel{border-top:1px solid #dedfd6;border-left:0;box-shadow:0 -12px 30px #282a230a}.transcript-list{flex-basis:150px;min-height:120px}}.live-test-access{background:#fafaf6;border:1px solid #dedfd6;border-radius:11px;flex-direction:column;gap:5px;padding:10px;display:flex}.live-test-access label{letter-spacing:.05em;text-transform:uppercase;color:#66695f;font-size:10px;font-weight:700}.live-test-access input{color:#30322d;background:#fff;border:1px solid #d6d7cf;border-radius:9px;outline:none;padding:8px 10px;font-size:12px}.live-test-access input:focus{border-color:#8c8f83;box-shadow:0 0 0 3px #50544a12}.live-test-access small{color:#85887d;font-size:9px;line-height:1.4}.stage5-shell{background:#f8f8f3;grid-template-columns:minmax(0,1fr) 390px;display:grid;position:absolute;inset:0}.stage5-board{background:radial-gradient(circle at 22% 18%,#ffffffeb,#0000 38%),#f8f8f3;min-width:0;position:relative;overflow:hidden}.stage5-conversation{z-index:60}.stage5-visual-status{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#fffffcf0;border:1px solid #2628221f;border-radius:13px;align-items:flex-start;gap:9px;max-width:min(520px,58vw);padding:10px 12px;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 10px 28px #26282112}.stage5-visual-status strong{color:#30322d;font-size:13px;display:block}.stage5-visual-status small{color:#777a70;margin-top:2px;font-size:10px;line-height:1.35;display:block}.sync-dot{background:#a6a89f;border-radius:999px;flex:none;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 3px #a6a89f1f}.sync-preparing{background:#af8339;box-shadow:0 0 0 3px #af833921}.sync-presenting{background:#865ea7;box-shadow:0 0 0 3px #865ea721}.sync-following{background:#4c8a5e;box-shadow:0 0 0 3px #4c8a5e21}.sync-cancelled{background:#8b8e85;box-shadow:0 0 0 3px #8b8e8521}.sync-error{background:#b44d47;box-shadow:0 0 0 3px #b44d4721}.stage5-board-metrics{z-index:80;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:46%;display:flex;position:absolute;top:14px;right:14px}.stage5-board-metrics span{color:#6c6f65;background:#fffffce6;border:1px solid #2628221a;border-radius:999px;padding:6px 8px;font-size:9px;box-shadow:0 5px 18px #2628210a}.stage5-return{top:62px;right:14px}.stage5-conversation .transcript-list{flex-basis:250px}@media (width<=900px){.stage5-shell{grid-template-rows:minmax(300px,48vh) minmax(0,1fr);grid-template-columns:1fr}.stage5-conversation{border-top:1px solid #dedfd6;border-left:0}.stage5-visual-status{max-width:66vw;top:8px;left:8px}.stage5-board-metrics{max-width:34vw;top:8px;right:8px}.stage5-board-metrics span:nth-child(2){display:none}.stage5-return{top:62px;right:8px}}.stage5-board{background:radial-gradient(circle at 1px 1px,#4a4e4513 1px,#0000 1.2px) 0 0/26px 26px,radial-gradient(circle at 24% 18%,#ffffffbd,#0000 42%),#f7f6f0}.wistudi-visual-node{box-shadow:none;background:0 0;border:0;border-radius:0}.wistudi-visual-node[data-format=raster]{background:#fffffcc2;border:1px solid #3036301f;border-radius:18px;padding:10px;box-shadow:0 10px 26px #2a2f280e}.wistudi-svg-host,.wistudi-svg-host svg{background:0 0!important}.wistudi-svg-host svg{object-fit:contain;overflow:visible}.wistudi-handwriting-node{white-space:normal;align-items:flex-start;font-family:Segoe Print,Bradley Hand,Chalkboard SE,Noteworthy,cursive;line-height:1.22}.wistudi-handwriting-text{width:100%}.sync-composing{background:#ba6e52;box-shadow:0 0 0 3px #ba6e5221}