.school-app{min-height:100dvh}.school-app .topbar{height:76px;padding-inline:32px;border-color:#2b415a;background:#0e1b2e;gap:24px}.school-app .brand{gap:14px}.school-app .environment{border:0;border-left:1px solid #36516d;padding-left:24px;font-size:12px}.school-app .header-right{gap:16px}.school-app .header-right>button{border:1px solid transparent;border-radius:2px}.school-app .header-right>button:hover{background:#203c5a;border-color:#36516d}.school-app .account-name{border-left:1px solid #36516d;padding-left:16px;max-width:160px;color:#f7f5f2}.overview-view{background:#f4f6f9}.overview-view .home{--school-text:#172c45;--school-muted-text:#53687c;--school-border:#d5dee7;--school-accent:#23618e;color:#172c45;max-width:1280px;padding:52px 48px 36px}.home-heading{margin-bottom:36px;align-items:center}.home-heading .eyebrow{font-size:12px;letter-spacing:.14em;margin-bottom:14px}.home-heading h1{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.045em;text-wrap:balance}.home-heading p:last-child{font-size:16px;line-height:1.6}.home-heading .primary{background:#172c45;color:#fff;min-height:46px;padding-inline:20px;flex-shrink:0}.home-heading .primary:hover{background:#2d4e76}.home>[data-slot=tabs]{border-bottom:1px solid #d5dee7;min-width:0;overflow-x:auto;scroll-padding-inline:4px}.home [data-slot=tabs-list]{background:transparent;height:auto;gap:26px;padding:0;max-width:none;flex-wrap:nowrap;flex-shrink:0}.home [data-slot=tabs-trigger]{border:0;border-bottom:2px solid transparent;border-radius:0;color:#53687c;padding:14px 0;font-size:14px;gap:9px;min-height:48px;background:transparent;white-space:nowrap;text-align:left;flex:0 0 auto}.home [data-slot=tabs-trigger][data-state=active]{color:#172c45;border-bottom-color:#23618e;background:transparent}.home [data-slot=tabs-trigger]:focus-visible{outline:2px solid #23618e;outline-offset:3px}.home .section-heading{margin:28px 0 18px}.home .section-heading h2{font-size:17px}.home .section-heading>span{font-family:Geist Mono,monospace;font-size:12px}.project-grid{gap:24px;align-items:stretch}.project-card{background:#fff;border:1px solid #d5dee7;box-shadow:0 2px 3px #172c4503;transition:transform .18s,border-color .18s,box-shadow .18s;min-width:0;display:flex;flex-direction:column;color:#172c45}.project-card:hover{border-color:#7399b8;transform:translateY(-3px);box-shadow:0 10px 24px #172c450c}.new-card:focus-visible,.project-card:focus-visible{outline:2px solid #23618e;outline-offset:4px}.card-cover{width:100%;height:146px;background:#e2edf5;color:#23618e;padding:24px;align-items:flex-start;border-bottom:1px solid #d5dee7}.cover-tone-1 .card-cover{background:#172c45;color:#b3ddfa}.cover-tone-2 .card-cover{background:#d8e2ed;color:#2d4e76}.project-symbol{align-self:center;display:grid;place-items:center;width:62px;height:62px;border:1px solid;opacity:.85;border-radius:2px}.card-cover .badge{color:inherit;border:0;font-size:12px;padding:0;opacity:.8}.card-body{width:100%;padding:22px 24px 20px;display:flex;flex-direction:column;flex:1}.card-body h3{font-size:18px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;letter-spacing:-.02em}.card-body p{font-size:12px;color:#53687c;margin:8px 0 24px}.card-body>span{margin-top:auto;padding-top:16px;border-top:1px solid #e7edf2;display:flex;align-items:center;justify-content:space-between;color:#23618e;font-size:14px}.card-body>span svg{transform:rotate(45deg)}.new-card{background:#edf1f6;border:1px dashed #b0c2d2;min-height:314px;gap:10px;color:#172c45;transition:background .18s,border-color .18s}.new-card:hover:not(:disabled){background:#e5edf5;border-color:#23618e}.new-card>span{background:#fff;border:1px solid #d5dee7;padding:12px;color:#23618e;margin-bottom:8px}.new-card strong{font-size:16px;font-weight:550}.new-card p{font-size:14px;line-height:1.6;color:#53687c;margin:0}.home .foundation{margin-top:36px;padding-top:24px;gap:40px;font-size:14px}.home .foundation>div:first-child{display:grid;grid-template-columns:24px 1fr;column-gap:12px;align-content:start}.home .foundation>div:first-child>svg{grid-row:1/3;margin-top:3px;color:#23618e;width:20px}.home .foundation strong{margin:0 0 5px;font-size:14px;font-weight:550}.home .foundation p,.home .foundation small{font-size:13px;line-height:1.6}.home .foundation>div:last-child p{font-size:14px;margin:4px 0}.home .foundation .label{font-size:12px;letter-spacing:0}.studio-view .projectbar{height:58px;background:#122238;padding-inline:24px;border-color:#2b415a}.projectbar>button{width:32px;height:32px;border:1px solid #36516d;margin-right:4px}.projectbar>button:hover{background:#203c5a}.studio-view .workspace{grid-template-columns:360px minmax(0,1fr);height:calc(100dvh - 134px);min-height:560px}.studio-view .conversation{padding:24px 20px 12px;background:#13243a;border-color:#2b415a}.conversation-heading{gap:12px}.conversation-heading .icon-box{background:#203c5a;color:#a8dafe;padding:10px}.conversation-heading strong{font-weight:550;font-size:15px}.conversation-heading p{font-size:12px;line-height:1.5;max-width:230px}.generation-options{gap:10px;margin-top:24px;padding-bottom:20px;border-color:#2b415a}.generation-options [data-slot=select-trigger]{background:#0e1b2e;font-size:13px;border-color:#36516d}.messages{padding-top:26px}.welcome h2{font-size:25px;line-height:1.2;letter-spacing:-.035em;text-wrap:balance}.welcome p{line-height:1.7;margin:12px 0 24px}.suggestion{padding:14px 12px;gap:10px;line-height:1.5;border-color:#36516d;font-size:14px;background:#172c45}.suggestion svg{flex-shrink:0;color:#8ccfff}.message{line-height:1.75;margin-bottom:24px;overflow-wrap:anywhere}.message.user{background:#25425e;border:1px solid #365675;padding:16px;margin-left:18px}.composer{background:#0e1b2e;border-color:#45617d;padding:14px;box-shadow:0 4px 20px #00000012}.composer:focus-within{border-color:#8ccfff}.composer textarea{min-height:96px;line-height:1.65;max-height:260px;outline-offset:4px}.composer textarea::placeholder{color:#9eafc2}.composer>div{padding-top:10px;border-top:1px solid #2b415a;gap:12px}.send{width:36px;height:36px;flex-shrink:0}.footnote{font-size:12px;line-height:1.5;margin:12px 2px 0}.studio-view .canvas{background:#e8edf3}.canvas-toolbar{background:#0e1b2e;border-color:#2b415a;min-height:62px;padding:10px 18px;gap:12px}.canvas-toolbar [data-slot=tabs-list]{background:#172c45;padding:4px;height:38px;gap:4px}.canvas-toolbar [data-slot=tabs-trigger]{min-height:30px;padding:5px 12px;font-size:13px;gap:7px}.canvas-toolbar [data-slot=tabs-trigger][data-state=active]{background:#2d4e76;color:#d2eaff}.canvas-toolbar>button:not(.save){width:34px;height:34px}.canvas-toolbar .save{min-height:34px;background:#203c5a;border-color:#45617d;font-size:13px}.preview{padding:20px;display:flex;flex-direction:column}.preview[data-state=inactive]{display:none}.preview iframe{flex:1;min-height:0;box-shadow:0 2px 14px #172c4510;border:1px solid #d5dee7}.empty-canvas,.planning-empty{color:#172c45;background:#f7f9fc;border:1px solid #d5dee7;flex:1;min-height:0;padding:32px}.empty-canvas .large-icon{background:#e8f1f8;border:1px solid #c4d9e8;color:#23618e;padding:18px;margin-bottom:24px}.empty-canvas h2,.planning-empty h2{font-size:26px;line-height:1.25;text-wrap:balance}.empty-canvas p,.planning-empty p{color:#53687c;line-height:1.7;max-width:370px}.empty-canvas>span{color:#53687c;font-size:12px}.empty-canvas .primary{background:#172c45;color:#fff;min-height:44px}.empty-canvas .primary:hover{background:#2d4e76}.planning-empty{margin:20px}.planning-empty .badge{color:#23618e;border-color:#b5c9d9}.canvas-status{background:#0e1b2e;font-size:12px;border-color:#2b415a;padding:10px 18px;line-height:1.5;gap:8px}.code-panel{background:#0e1b2e;padding:24px}.versions{background:#f7f9fc;color:#172c45;padding:32px}.versions small,.versions>p{color:#53687c}.versions>button{border-color:#d5dee7;background:#fff;gap:14px;transition:border-color .15s}.versions>button:hover{border-color:#7399b8}.versions button span{color:#23618e}.school-app [data-slot=dialog-content] input{min-height:46px}@media(min-width:1500px){.studio-view .workspace{grid-template-columns:400px minmax(0,1fr)}.studio-view .conversation{padding-inline:24px}}@media(max-width:1000px){.school-app .topbar{padding-inline:20px;gap:16px}.school-app .header-right{gap:8px}.overview-view .home{padding:36px 24px}.studio-view .workspace{grid-template-columns:320px minmax(0,1fr)}.studio-view .conversation{padding-inline:16px}.canvas-toolbar{gap:6px;padding-inline:10px}.canvas-toolbar [data-slot=tabs-trigger]{padding-inline:8px}.preview{padding:12px}}@media(max-width:700px){.school-app .topbar{height:64px;padding-inline:16px}.school-app .header-right{gap:5px}.school-app .account-name,.school-app .header-right>svg{display:none}.overview-view .home{padding:30px 20px}.home-heading{gap:22px;align-items:flex-start}.home-heading .primary{width:100%}.home [data-slot=tabs-list]{gap:16px}.home [data-slot=tabs-trigger]{font-size:13px;gap:6px;flex:initial}.home .foundation{grid-template-columns:1fr;gap:20px}.project-grid{grid-template-columns:1fr;gap:18px}.studio-view .workspace{display:flex;height:auto;min-height:0}.studio-view .conversation{height:560px;padding:20px 16px 12px}.studio-view .canvas{height:650px}.studio-view .projectbar{padding-inline:16px}.canvas-toolbar .save{font-size:0;gap:0}.canvas-toolbar .save svg{width:16px}.empty-canvas,.planning-empty{padding:24px}.canvas-status{font-size:12px}.card-cover{height:130px}}@media(prefers-reduced-motion:reduce){.new-card,.project-card,.suggestion,.versions>button{transition:none}.project-card:hover{transform:none}}.read-only-project{padding:24px;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.read-only-project>p{display:flex;gap:10px;align-items:center}.read-only-project>iframe{width:100%;flex:1;min-height:65vh;border:1px solid var(--school-border);background:white}.read-only-project>pre{white-space:pre-wrap;line-height:1.6}.read-only-project>select{max-width:300px;padding:8px;border:1px solid var(--school-border);background:var(--school-marine)}.theme-toggle{width:36px;min-width:36px;height:36px;border:1px solid #36516d;border-radius:2px;color:#cce7fc;flex-shrink:0}.theme-toggle:hover{background:#203c5a}html[data-theme=dark]{color-scheme:dark;--school-deep:#16181c;--school-marine:#202328;--school-raised:#2a2e34;--school-border:#3d434c;--school-text:#edf0f4;--school-muted-text:#adb5c1;--school-accent:#8ccfff;--school-accent-border:#69b9f0}html[data-theme=dark] body{background:#16181c}html[data-theme=dark] :is(.school-app .topbar,.auth-page .topbar,.canvas-toolbar,.canvas-status){background:#16181c;border-color:#343940}html[data-theme=dark] :is(.school-app .account-name,.school-app .environment){border-color:#3d434c}html[data-theme=dark] :is(.theme-toggle,.school-app .header-right>button){color:#8ccfff;border-color:#3d434c}html[data-theme=dark] :is(.theme-toggle:hover,.school-app .header-right>button:hover,.projectbar>button:hover){background:#2a2e34;border-color:#596573}html[data-theme=dark] .overview-view{background:#1b1e22}html[data-theme=dark] .overview-view .home{--school-text:#edf0f4;--school-muted-text:#adb5c1;--school-border:#3d434c;--school-accent:#8ccfff;color:#edf0f4}html[data-theme=dark] :is(.home-heading .primary,.empty-canvas .primary,.auth-card .primary){background:#8ccfff;color:#16181c}html[data-theme=dark] :is(.home-heading .primary,.empty-canvas .primary,.auth-card .primary):hover:not(:disabled){background:#69b9f0}html[data-theme=dark] :is(.home>[data-slot=tabs],.home [data-slot=tabs-trigger],.home .foundation){border-color:#3d434c}html[data-theme=dark] .home [data-slot=tabs-trigger]{color:#adb5c1;border-bottom-color:transparent}html[data-theme=dark] .home [data-slot=tabs-trigger][data-state=active]{color:#8ccfff;border-bottom-color:#8ccfff}html[data-theme=dark] :is(.project-card,.versions>button){background:#24272d;border-color:#3d434c;color:#edf0f4;box-shadow:none}html[data-theme=dark] :is(.project-card:hover,.versions>button:hover){border-color:#8ccfff}html[data-theme=dark] .card-cover{background:#2c3138;border-color:#3d434c;color:#8ccfff}html[data-theme=dark] .cover-tone-1 .card-cover{background:#202328;color:#b2ddfc}html[data-theme=dark] .cover-tone-2 .card-cover{background:#30353c;color:#9bc4e2}html[data-theme=dark] :is(.card-body p,.new-card p,.versions>p,.versions small,.empty-canvas p,.planning-empty p,.empty-canvas>span){color:#adb5c1}html[data-theme=dark] .card-body>span{color:#8ccfff;border-color:#3d434c}html[data-theme=dark] .new-card{background:#202328;border-color:#48525e;color:#edf0f4}html[data-theme=dark] .new-card:hover:not(:disabled){background:#292e35;border-color:#8ccfff}html[data-theme=dark] :is(.new-card>span,.empty-canvas .large-icon){background:#2a2e34;border-color:#48525e;color:#8ccfff}html[data-theme=dark] :is(.home .foundation>div:first-child>svg,.versions button span){color:#8ccfff}html[data-theme=dark] :is(.studio-view .projectbar,.studio-view .conversation){background:#202328;border-color:#3d434c}html[data-theme=dark] :is(.projectbar>button,.generation-options,.suggestion,.composer>div){border-color:#3d434c}html[data-theme=dark] :is(.conversation-heading .icon-box,.canvas-toolbar .save){background:#2a2e34;border-color:#48525e;color:#8ccfff}html[data-theme=dark] :is(.generation-options [data-slot=select-trigger],.composer,.code-panel){background:#16181c;border-color:#48525e}html[data-theme=dark] .composer:focus-within{border-color:#8ccfff}html[data-theme=dark] .suggestion{background:#262a30}html[data-theme=dark] .suggestion:hover{background:#30363e}html[data-theme=dark] .message.user{background:#293541;border-color:#445568}html[data-theme=dark] .studio-view .canvas{background:#16181c}html[data-theme=dark] .canvas-toolbar [data-slot=tabs-list]{background:#262a30}html[data-theme=dark] .canvas-toolbar [data-slot=tabs-trigger][data-state=active]{background:#37434f;color:#b6e0ff}html[data-theme=dark] :is(.empty-canvas,.planning-empty,.versions){background:#202328;color:#edf0f4;border-color:#3d434c}html[data-theme=dark] .preview iframe{border-color:#3d434c;box-shadow:none;color-scheme:normal}html[data-theme=dark] .planning-empty .badge{color:#8ccfff;border-color:#48525e}html[data-theme=dark] .auth-card{--school-text:#edf0f4;--school-muted-text:#adb5c1;--school-border:#3d434c;--school-accent:#8ccfff;background:#24272d;color:#edf0f4;border-color:#8ccfff #3d434c #3d434c}html[data-theme=dark] .auth-card>svg{color:#8ccfff}html[data-theme=dark] :is(.auth-card .eyebrow,.auth-card>p:not(.eyebrow)){color:#adb5c1}html[data-theme=dark] .auth-card input{background:#16181c;color:#edf0f4;border-color:#48525e}html[data-theme=dark] .auth-card .adopt-row{background:#2a2e34;border-color:#3d434c}html[data-theme=dark] .auth-card .adopt-row button{background:#16181c;border-color:#728092;color:#edf0f4}html[data-theme=dark] .auth-card .adopt-row button[data-state=checked]{background:#8ccfff;color:#16181c}html[data-theme=dark] .auth-card .primary:disabled{background:#39424c;color:#a4b0bf}html[data-theme=dark] .auth-local-note{border-color:#3d434c}html[data-theme=dark] :is(.home [data-slot=tabs-trigger],.project-card,.new-card,.auth-card input):focus-visible{outline-color:#8ccfff}html:not([data-theme=dark]) .studio-view{--school-deep:#f4f6f9;--school-marine:#fff;--school-raised:#e8eef5;--school-border:#cbd6e1;--school-text:#172c45;--school-muted-text:#53687c;--school-accent:#23618e;--school-accent-border:#397cab;color:#172c45;background:#f4f6f9}html:not([data-theme=dark]) .studio-view .topbar{--school-text:#f7f5f2;--school-muted-text:#adbccd;--school-border:#36516d;--school-accent:#8ccfff;color:#f7f5f2}html:not([data-theme=dark]) .studio-view .projectbar{background:#fff;border-color:#d5dee7}html:not([data-theme=dark]) .studio-view .projectbar>button{border-color:#cbd6e1}html:not([data-theme=dark]) .studio-view .projectbar>button:hover{background:#e8eef5}html:not([data-theme=dark]) .studio-view .conversation{background:#f7f9fc;border-color:#d5dee7}html:not([data-theme=dark]) .studio-view .conversation-heading .icon-box{background:#e5eff7;color:#23618e}html:not([data-theme=dark]) .studio-view .generation-options{border-color:#d5dee7}html:not([data-theme=dark]) .studio-view .generation-options [data-slot=select-trigger],html:not([data-theme=dark]) .studio-view .suggestion{background:#fff;border-color:#cbd6e1;color:#172c45}html:not([data-theme=dark]) .studio-view .suggestion:hover{background:#eaf2f9;border-color:#7399b8}html:not([data-theme=dark]) .studio-view .suggestion svg{color:#23618e}html:not([data-theme=dark]) .studio-view .message.user{background:#e5eff8;border-color:#c7dceb;color:#172c45}html:not([data-theme=dark]) .studio-view .composer{background:#fff;border-color:#a9bed0;box-shadow:0 3px 16px #172c4508}html:not([data-theme=dark]) .studio-view .composer:focus-within{border-color:#23618e}html:not([data-theme=dark]) .studio-view .composer textarea::placeholder{color:#61768a}html:not([data-theme=dark]) .studio-view .composer>div{border-color:#d5dee7}html:not([data-theme=dark]) .studio-view .send{background:#8ccfff;color:#172c45}html:not([data-theme=dark]) .studio-view .send:hover{background:#69b9f0}html:not([data-theme=dark]) .studio-view .canvas-toolbar{background:#fff;border-color:#d5dee7}html:not([data-theme=dark]) .studio-view .canvas-toolbar [data-slot=tabs-list]{background:#eef2f6}html:not([data-theme=dark]) .studio-view .canvas-toolbar [data-slot=tabs-trigger]{color:#53687c}html:not([data-theme=dark]) .studio-view .canvas-toolbar [data-slot=tabs-trigger][data-state=active]{background:#dcebf7;color:#1d567f}html:not([data-theme=dark]) .studio-view .canvas-toolbar .save{background:#e5eff8;border-color:#b8cede;color:#23618e}html:not([data-theme=dark]) .studio-view .canvas-toolbar .save:hover:not(:disabled){background:#d5e7f5}html:not([data-theme=dark]) .studio-view .canvas-status{background:#fff;border-color:#d5dee7;color:#53687c}html:not([data-theme=dark]) .studio-view .code-panel{background:#f4f6f9}html:not([data-theme=dark]) .studio-view .code-panel textarea{background:#fff;color:#172c45;border-color:#cbd6e1}.composer .chat-mode{display:block;padding:0;border:0;margin:0 0 8px}.chat-mode [data-slot=tabs-list]{height:34px;background:var(--school-raised);padding:3px;gap:3px}.chat-mode [data-slot=tabs-trigger]{font-size:13px;padding:4px 12px;color:var(--school-muted-text)}.chat-mode [data-slot=tabs-trigger][data-state=active]{background:var(--school-marine);color:var(--school-accent)}.composer .mode-hint{font-size:12px;color:var(--school-muted-text);line-height:1.5;margin:0 0 12px}.plan-panel{display:flex;flex-direction:column;gap:18px;padding:28px;min-height:0;background:#f7f9fc;color:#172c45}.plan-panel[data-state=inactive]{display:none}.plan-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.plan-heading h2{font-size:24px;letter-spacing:-.03em}.plan-heading p{font-size:14px;color:#53687c;margin-top:8px;max-width:600px}.plan-panel>label{font-size:14px}.plan-panel textarea{flex:1;min-height:180px;width:100%;resize:none;border:1px solid #cbd6e1;background:#fff;color:#172c45;padding:22px;font:16px/1.8 Geist,system-ui,sans-serif;border-radius:2px}.plan-actions{display:flex;gap:12px;justify-content:flex-end}.plan-panel .badge{color:#23618e;border-color:#b8cede;white-space:nowrap}.plan-panel .primary{background:#8ccfff;color:#172c45}html[data-theme=dark] .plan-panel{background:#202328;color:#edf0f4}html[data-theme=dark] .plan-heading p{color:#adb5c1}html[data-theme=dark] .plan-panel textarea{background:#16181c;color:#edf0f4;border-color:#48525e}html[data-theme=dark] .plan-panel .badge{color:#8ccfff;border-color:#48525e}@media(max-width:700px){.plan-panel{padding:16px}.plan-heading{flex-direction:column;gap:10px}.plan-actions{flex-wrap:wrap}}.composer .prompt-label{display:block;font-size:13px;font-weight:550;margin:12px 0 8px;color:var(--school-text)}.studio-view .composer textarea{display:block;background:#fff;border:1px solid #a9bed0;padding:12px;min-height:112px;color:#172c45;border-radius:2px}html[data-theme=dark] .studio-view .composer textarea{background:#292e35;border-color:#627184;color:#edf0f4}.studio-view .composer textarea:focus-visible{outline:2px solid #69b9f0;outline-offset:2px}.composer .keyboard-hint{color:var(--school-muted-text);margin:8px 0 12px;line-height:1.5}.plan-actions{flex-wrap:wrap}.conversation-tools{display:flex;align-items:center;justify-content:space-between;color:var(--school-muted-text);font-size:13px;min-height:28px}.conversation-tools button{width:30px;height:30px;border:1px solid var(--school-border);border-radius:2px}.conversation-tools button:hover{color:var(--school-accent);background:var(--school-raised)}#studio-settings{padding-top:16px}.studio-view .composer textarea{min-height:88px;height:88px}.composer .keyboard-hint{margin:6px 0 8px;font-size:12px}.composer .chat-mode{margin-bottom:12px}.studio-view .conversation .messages{padding-top:20px}.studio-view .composer{padding:12px}.device-controls{display:flex;gap:4px}.device-controls button{height:30px;width:30px;border:1px solid transparent}.device-controls button[aria-pressed=true]{border-color:var(--school-accent);color:var(--school-accent);background:var(--school-raised)}.preview.device-tablet iframe{width:768px;max-width:100%;align-self:center}.preview.device-phone iframe{width:390px;max-width:100%;align-self:center}.width-setting{display:flex;flex-direction:column;gap:8px;font-size:13px;margin-bottom:20px}.width-setting input{padding:0;accent-color:#69b9f0}.preview iframe{flex-shrink:0}.history-panel>p{font-size:14px;margin:12px 0 22px}.history-list{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.history-list button{display:block;text-align:left;padding:12px;border:1px solid #7a8d9f}.history-list button[aria-pressed=true]{border-color:#23618e;background:#dcebf7;color:#172c45}.history-list small{display:block;font-size:12px}.history-panel label{display:block;margin-bottom:16px}.history-panel input{background:transparent;color:inherit}.history-panel h3{margin:24px 0 12px}.source-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.source-comparison section{min-width:0}.source-comparison pre{overflow:auto;max-height:400px;border:1px solid #7a8d9f;padding:14px;font:12px/1.6 Geist Mono,monospace}.plan-history{font-size:14px}.plan-history summary{cursor:pointer}.plan-history button{margin:6px}@media(max-width:700px){.source-comparison{grid-template-columns:1fr}}.files-panel>p{font-size:14px;margin:12px 0 20px}.files-panel label{display:block;margin:14px 0}.files-panel input,.files-panel textarea{color:inherit;background:transparent}.files-panel textarea{display:block;width:100%;height:320px;padding:16px;border:1px solid #7a8d9f;font:14px/1.6 Geist Mono,monospace}.file-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.file-image{max-width:100%;max-height:350px;object-fit:contain}.files-panel input[type=file]{font-size:13px}.canvas-toolbar [data-slot=tabs-list]{max-width:100%;overflow-x:auto;flex-shrink:0}.quality-panel>p{font-size:14px;margin:16px 0;max-width:700px}.quality-panel ul{margin:24px 0;line-height:2}.quality-panel details{border:1px solid #7a8d9f;padding:16px;margin-top:24px}.quality-panel summary{cursor:pointer}.quality-panel details p{font-size:14px;margin-top:12px}.quality-panel pre{white-space:pre-wrap;font:14px/1.7 Geist,system-ui}.quality-panel input[type=checkbox]{width:auto;margin-right:10px}.diff-summary,.text-diff>p{font-size:13px;margin:12px 0;color:var(--school-muted-text)}.source-comparison .diff-removed{border-left:3px solid #b75c62;background:#b75c6210}.source-comparison .diff-added{border-left:3px solid #408b76;background:#408b7610}.plan-history .source-comparison pre{max-height:200px;white-space:pre-wrap}.plan-panel{overflow:auto}.quality-panel .check-explanation{font-size:14px;line-height:1.65;max-width:700px;color:var(--school-muted-text);margin:4px 0 18px}.check-pass{color:var(--school-text)}.check-fail{font-weight:650}.files-panel input:focus-visible,.files-panel textarea:focus-visible{outline:2px solid #69b9f0;outline-offset:2px}.canvas-toolbar{overflow-x:auto}.canvas-toolbar>*{flex-shrink:0}.directions-panel{max-width:1400px;margin:auto}.directions-panel .section-heading{align-items:flex-start;gap:24px}.directions-panel h2{font-size:24px;letter-spacing:-.03em}.directions-panel p{font-size:14px;line-height:1.7;max-width:780px}.directions-panel label{display:block;margin:24px 0 10px;font-size:14px}.directions-panel textarea{width:100%;min-height:96px;resize:vertical;background:var(--school-marine);border:1px solid var(--school-border);padding:14px;color:var(--school-text)}.direction-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 28px}.direction-actions span{font-size:12px;color:var(--school-muted-text)}.direction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.direction-grid article{border:1px solid var(--school-border);background:var(--school-marine);overflow:hidden;border-radius:8px}.direction-grid article.chosen{outline:2px solid var(--school-accent);outline-offset:2px}.direction-thumb{height:260px;overflow:hidden;background:#fff}.direction-thumb iframe{width:200%;height:520px;transform:scale(.5);transform-origin:top left;pointer-events:none;border:0}.direction-body{padding:18px}.direction-body h3{font-size:17px;margin-bottom:8px}.direction-body p{min-height:70px;color:var(--school-muted-text)}.direction-body>div{display:flex;gap:8px;justify-content:space-between;margin-top:16px}.direction-body button{font-size:13px;padding:10px}.direction-large{border:1px solid var(--school-border);margin-bottom:24px}.direction-large>div{display:flex;justify-content:space-between;padding:12px;align-items:center}.direction-large iframe{width:100%;height:520px;border:0;background:#fff}.visual-tools{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;background:var(--school-marine);border:1px solid var(--school-border);margin-bottom:12px;font-size:12px;color:var(--school-muted-text)}.visual-tools>.save{display:flex;gap:8px;align-items:center}.visual-tools button[aria-pressed=true]{color:var(--school-accent);border-color:var(--school-accent)}.element-editor{display:flex;flex-wrap:wrap;gap:10px;align-items:center;width:100%;padding-top:10px;border-top:1px solid var(--school-border)}.element-editor input{flex:1;min-width:120px;color:var(--school-text);background:var(--school-deep);padding:8px}.element-editor p{margin:0}.element-context{padding:8px 0;font-size:12px;color:var(--school-accent);overflow-wrap:anywhere}.element-context button{margin-left:8px}.preview:has(.visual-tools) iframe{min-height:200px}.experiments-panel{max-width:1100px;margin:auto}.experiments-panel h2{font-size:24px}.experiments-panel>p{font-size:14px;line-height:1.7;max-width:720px;margin:12px 0 24px}.experiments-panel>label{display:block;font-size:14px;margin:12px 0}.experiments-panel>input{color:var(--school-text);background:var(--school-marine)}.experiments-panel .plan-actions{justify-content:flex-start;margin:18px 0}.draft-comparison,.draft-list{border-top:1px solid var(--school-border);margin-top:28px;padding-top:24px}.draft-comparison>p{font-size:14px;margin:12px 0}.draft-list h3{margin-bottom:16px}.draft-list button{margin:0 10px 10px 0}.dev-feature-list article>small{display:block;color:var(--school-muted-text);font-size:12px;margin-top:16px}.page-select{max-width:160px;padding:6px 8px;color:var(--school-text);font-size:12px}.draft-approval,.page-select{background:var(--school-marine);border:1px solid var(--school-border)}.draft-approval{display:flex;align-items:flex-start;gap:12px;padding:16px;font-size:14px;line-height:1.6;margin:20px 0}.draft-approval input{width:18px;min-width:18px;height:18px;margin-top:3px;accent-color:var(--school-accent)}