.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)}.project-context{max-width:760px;display:grid;gap:14px}.project-context textarea{min-height:150px;width:100%;padding:12px;border:1px solid var(--school-border);background:var(--school-marine);color:var(--school-text)}.context-files{display:grid;gap:12px}.context-files fieldset{border:1px solid var(--school-border);padding:12px;min-width:0}.context-files legend{overflow-wrap:anywhere;padding:0 6px}.context-files label,.quality-panel li>label{display:flex;gap:10px;align-items:center}.context-files input[type=checkbox],.quality-panel input[type=checkbox]{width:18px;height:18px;flex:none}.check-detail{display:block;margin:8px 0;overflow-wrap:anywhere;font-size:12px}.quality-panel li{padding:12px 0;border-bottom:1px solid var(--school-border)}.project-context>input{padding:10px;background:var(--school-marine);color:var(--school-text);border:1px solid var(--school-border)}.project-context input:focus-visible,.project-context textarea:focus-visible{outline:2px solid var(--school-accent);outline-offset:2px}.brand-foundation{max-width:1100px;margin:auto;display:grid;gap:18px}.brand-foundation>h2{font-size:24px}.brand-foundation p{line-height:1.65}.brand-selectors{display:flex;gap:16px;flex-wrap:wrap}.brand-selectors label{display:grid;gap:8px;flex:1;min-width:180px}.brand-foundation textarea,.brand-selectors select{background:var(--school-marine);color:var(--school-text);border:1px solid var(--school-border);padding:12px}.brand-swatches{display:flex;gap:12px;flex-wrap:wrap}.brand-swatches span{display:grid;grid-template-columns:24px auto;gap:4px 8px;font-size:12px}.brand-swatches i{width:24px;height:24px;border:1px solid var(--school-border);grid-row:span 2}.brand-swatches code{font-size:11px}.brand-preview{width:100%;border:1px solid var(--school-border);overflow:auto}.brand-preview.narrow{max-width:390px}.brand-preview iframe{display:block;width:100%;height:640px;border:0;background:white}.brand-foundation details{padding:12px;border:1px solid var(--school-border)}.brand-foundation pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:320px;overflow:auto}.brand-foundation textarea{width:100%;min-height:180px}.brand-approval{display:flex;align-items:flex-start;gap:12px}.brand-approval input{width:20px;height:20px;flex:none}.brand-actions{display:flex;gap:12px;margin:12px 0}.brand-foundation :focus-visible{outline:2px solid var(--school-accent);outline-offset:3px}.canvas-toolbar [data-slot=tabs-list]{justify-content:flex-start;scroll-padding-inline:4px}.canvas-toolbar [data-slot=tabs-trigger]{flex:0 0 auto}.brand-builder{border:1px solid var(--school-border);padding:20px;display:grid;gap:16px;min-width:0;margin:20px 0}.brand-builder label{display:grid;gap:6px}.brand-builder input,.brand-builder select,.brand-builder textarea{max-width:100%;width:100%;padding:10px;border:1px solid var(--school-border);background:var(--school-marine);color:inherit}.brand-builder textarea{min-height:90px}.brand-builder input[type=color]{height:46px;padding:4px}.brand-builder h3{margin:12px 0 0}.journey-workspace{grid-template-columns:minmax(0,1fr)!important}.journey-workspace>.conversation{display:none}.project-journey{max-width:1100px;width:100%;margin:auto;display:grid;gap:28px}.journey-steps{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.journey-steps span{padding:8px 14px;border-bottom:2px solid var(--school-border)}.journey-steps [aria-current]{border-color:var(--school-accent);font-weight:700}.project-journey h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:8px 0 16px}.project-journey p{line-height:1.65}.journey-brief{max-width:800px;display:grid;gap:16px}.project-journey label{display:grid;gap:8px;font-weight:600}.project-journey select,.project-journey textarea{width:100%;background:var(--school-marine);color:var(--school-text);border:1px solid var(--school-border);padding:14px;font:inherit}.journey-brief textarea{min-height:150px}.journey-review{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.journey-review textarea{min-height:460px;resize:vertical;line-height:1.65}.journey-style{display:grid;align-content:start;gap:12px}.journey-style iframe{width:100%;height:340px;border:1px solid var(--school-border)}.journey-style-choices{display:flex;gap:10px}.journey-style-choices [aria-pressed=true]{outline:2px solid var(--school-accent);outline-offset:2px}.journey-build{grid-column:1/-1;border-top:1px solid var(--school-border);padding-top:16px}.project-journey pre{white-space:pre-wrap}.project-journey .primary{justify-self:start;min-height:46px}.canvas-toolbar>select{max-width:180px;background:var(--school-marine);color:var(--school-text);border:1px solid var(--school-border);padding:8px}.journey-workspace .canvas-toolbar .device-controls,.journey-workspace .canvas-toolbar .page-select,.journey-workspace .canvas-toolbar>button{display:none}@media(max-width:800px){.journey-review{grid-template-columns:1fr}.journey-review textarea{min-height:300px}.project-journey{gap:20px}.journey-workspace .canvas{min-width:0}}.preview-check-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--school-marine);border-bottom:1px solid var(--school-border);font-size:13px;flex-wrap:wrap}.journey-refine{border:1px solid var(--school-border);padding:12px;margin-top:16px}.journey-refine summary{cursor:pointer}.journey-refine label{margin-top:12px}.journey-refine textarea{min-height:100px}.journey-refine button{margin-top:10px}.class-plan{height:100%;overflow:auto;padding:clamp(20px,4vw,56px);min-width:0}.class-plan>header{max-width:960px;margin:auto auto 24px}.class-plan h1{font-size:28px}.class-plan-actions{display:flex;gap:12px;flex-wrap:wrap}.class-plan-actions button{padding:10px 14px}.class-plan article{max-width:960px;margin:auto;background:#fff;color:#172c45;padding:clamp(24px,4vw,56px);font:16px/1.7 system-ui;border:1px solid #d4dfeb;overflow-wrap:anywhere}.class-plan article h1{font-size:28px}.class-plan article h2{font-size:22px;margin-top:32px;padding-bottom:8px;border-bottom:1px solid #d4dfeb}.class-plan article h3{font-size:18px;margin-top:24px}.class-plan article li{margin:8px 0}.class-plan .footnote,.class-plan-empty{max-width:960px;margin:24px auto}.class-plan article h1,.class-plan article h2,.class-plan article h3,.class-plan article strong{font-weight:700}.class-plan article ul{list-style:disc;padding-left:24px}.class-plan article ol{list-style:decimal;padding-left:24px}.class-plan article p{margin:12px 0}.class-plan table{border-collapse:collapse;width:100%}.class-plan td,.class-plan th{border:1px solid #d4dfeb;padding:10px;text-align:left}.class-plan th{font-weight:700;background:#f2f5f8}.class-plan .plan-table{overflow:auto}.class-plan blockquote{border-left:3px solid #abc;padding-left:16px;margin:8px 0}.class-plan hr{margin:24px 0}.model-picker{margin-bottom:12px}.model-picker label{display:grid;gap:6px;font-size:12px}.model-picker select{width:100%;min-width:0;background:var(--background);color:inherit;border:1px solid #53687c;padding:8px}.model-picker .footnote{font-size:11px;margin:6px 0}.conversation .composer{margin:12px;border:1px solid var(--school-border);border-radius:20px;padding:12px;background:var(--school-raised);box-shadow:none}.conversation .composer textarea{border:0!important;background:transparent!important;min-height:86px;max-height:240px;padding:4px 3px 10px;resize:vertical;font-size:14px;line-height:1.6;box-shadow:none;color:var(--school-text)}.conversation .composer textarea:focus{outline:none}.conversation .composer:focus-within{border-color:var(--school-muted-text)}.conversation .composer .composer-footer{display:flex;align-items:center;gap:8px;border:0;padding:4px 0 0}.composer .mode-picker,.composer .model-trigger{border:0;background:transparent;color:var(--school-muted-text);font-size:12px;padding:6px;max-width:155px;border-radius:8px;min-width:0}.composer .mode-picker:hover,.composer .model-trigger:hover{background:var(--school-marine);color:var(--school-text)}.composer .send{width:34px;height:34px;min-width:34px;padding:0;border-radius:50%;background:var(--school-text);color:var(--school-deep)}.connection-dot{width:6px;height:6px;min-width:6px;border-radius:50%;background:var(--school-muted-text)}.connection-dot.offline{background:#db9477}.connection-dot.online{background:#8aa89a}.studio-menu{background:var(--school-raised);color:var(--school-text);border:1px solid var(--school-border);border-radius:14px;padding:8px;box-shadow:0 12px 40px #0004;max-width:calc(100vw - 24px)}.model-menu{width:270px}.studio-menu .menu-hint{font-size:12px;line-height:1.5;color:var(--school-muted-text);padding:4px 8px 10px}.studio-menu small{display:block;color:var(--school-muted-text);font-size:11px}.studio-menu [role=menuitemradio]{border-radius:8px;min-height:36px}.studio-menu [data-highlighted]{background:var(--school-marine)}.canvas-toolbar [role=tab]{border-radius:9px;gap:7px;padding:8px;min-width:34px}.canvas-toolbar [role=tab] svg{width:16px;height:16px}.canvas-toolbar [role=tab][data-state=inactive] span{display:none}.canvas-toolbar [role=tablist]{border-radius:12px}.canvas-toolbar .save{padding:8px;min-width:34px}.canvas-toolbar{font-size:12px;align-items:center;gap:8px}.canvas-toolbar .device-controls button,.canvas-toolbar .toolbar-menu-trigger,.canvas-toolbar>button,.visual-tools>.save{font-family:inherit;font-size:12px;font-weight:500;line-height:1;height:34px;border:0;border-radius:9px;padding:8px;color:var(--school-muted-text);background:transparent;box-shadow:none}.canvas-toolbar .toolbar-menu-trigger{background:var(--school-raised);padding:8px 10px;gap:7px;max-width:210px}.toolbar-menu-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-toolbar .page-select{max-width:180px}.canvas-toolbar .device-controls{display:flex;align-items:center;gap:2px;background:var(--school-raised);padding:3px;border-radius:12px}.canvas-toolbar .device-controls button{width:32px;height:30px;min-width:32px;padding:7px}.canvas-toolbar .device-controls button[aria-pressed=true],.visual-tools>.save[aria-pressed=true]{background:var(--school-accent-soft,var(--school-marine));color:var(--school-accent);outline:0}.canvas-toolbar button:hover:not(:disabled),.visual-tools>.save:hover:not(:disabled){background:var(--school-raised);color:var(--school-text)}.canvas-toolbar .device-controls button[aria-pressed=true]:hover{background:var(--school-marine);color:var(--school-accent)}.canvas-toolbar>button{min-width:34px}.canvas-toolbar button:focus-visible,.visual-tools button:focus-visible{outline:2px solid var(--school-accent);outline-offset:2px}.preview .visual-tools{border:0;background:transparent;padding:0;margin:0 0 12px;gap:12px;min-height:34px;font-family:inherit;font-size:12px;align-items:center}.visual-tools>.save{background:var(--school-raised);gap:7px;padding:8px 10px}.visual-tools>span{font-size:12px;color:var(--school-muted-text)}@media(max-width:850px){.visual-tools>span{display:none}.canvas-toolbar .toolbar-menu-trigger{max-width:150px}}.canvas-toolbar>button.toolbar-menu-trigger{width:auto;flex-shrink:0}.toolbar-menu-trigger svg{flex-shrink:0}.canvas-toolbar .toolbar-menu-trigger span{min-width:0}.project-journey{max-width:1120px;gap:24px;padding:12px 0 32px}.project-journey>header{max-width:760px}.project-journey>header>p:last-child{color:var(--school-muted-text);margin-bottom:0}.journey-steps{gap:8px}.journey-steps span{border:0;border-radius:20px;color:var(--school-muted-text);padding:7px 12px}.journey-steps [aria-current]{background:color-mix(in srgb,var(--school-accent) 14%,transparent);color:var(--school-text)}.journey-review{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:24px;align-items:start}.journey-proposal,.journey-style{min-width:0;border:1px solid var(--school-border);border-radius:16px;padding:24px;background:color-mix(in srgb,var(--school-marine) 40%,transparent)}.journey-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.journey-card-heading h2{font-size:16px;line-height:1.4;margin:0;display:flex;align-items:center;gap:8px}.project-journey button.save{border-radius:8px;font:inherit;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px}.journey-card-heading button{flex-shrink:0}.journey-document{font-size:15px;line-height:1.7;overflow-wrap:anywhere;padding-top:8px}.journey-document h1,.journey-document h2,.journey-document h3,.journey-document h4{font-size:17px;line-height:1.4;margin:24px 0 10px;letter-spacing:normal}.journey-document>:first-child{margin-top:0}.journey-document p{margin:10px 0}.journey-document ol,.journey-document ul{padding-left:22px;margin:10px 0 18px}.journey-document li{margin:7px 0;padding-left:3px}.journey-document hr{border:0;border-top:1px solid var(--school-border);margin:24px 0}.journey-document table{border-collapse:collapse;width:100%}.journey-document td,.journey-document th{padding:8px;border:1px solid var(--school-border);text-align:left}.journey-document .plan-table{overflow-x:auto}.journey-review textarea{border-radius:10px;min-height:380px;font-size:15px}.journey-refine{border:0;border-top:1px solid var(--school-border);padding:18px 0 0;margin-top:24px;font-size:14px}.journey-refine textarea{min-height:110px;margin-top:10px}.journey-refine summary{color:var(--school-accent)}.journey-style{gap:14px}.journey-style>p{font-size:13px;color:var(--school-muted-text);margin:0}.journey-style iframe{height:330px;border-radius:10px;pointer-events:none}.journey-style-choices{flex-wrap:wrap;gap:8px}.journey-style .footnote{font-size:12px;line-height:1.6}.journey-style>button{width:100%}.journey-build{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:24px}.journey-build p{font-size:13px;color:var(--school-muted-text);max-width:640px;margin:0}.journey-build .primary{border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;padding:12px 20px}@media(max-width:800px){.journey-review{grid-template-columns:1fr}.journey-proposal,.journey-style{padding:20px}.journey-build{flex-direction:column;align-items:stretch;gap:16px}.journey-build .primary{width:100%}.journey-card-heading{flex-wrap:wrap}.project-journey{padding:0 0 24px}}.journey-document ul{list-style:disc}.journey-document ol{list-style:decimal}.journey-document p:has(>strong:only-child){margin-top:22px}.journey-document>p:first-child{margin-top:0}.journey-brief .primary,.journey-brief select,.journey-brief textarea{border-radius:10px}.generation-status{border:1px solid var(--school-border);border-radius:14px;padding:20px;background:var(--school-marine);max-width:760px;margin:16px auto;width:100%;font-size:13px;box-sizing:border-box}.generation-status header{display:flex;align-items:center;gap:10px}.generation-status header strong{font-weight:500;flex:1}.generation-status time{font-variant-numeric:tabular-nums;color:var(--school-muted-text)}.generation-status p{color:var(--school-muted-text);line-height:1.6;margin:14px 0 0}.generation-status .generation-model{font-size:12px;margin:8px 0}.generation-status ol{list-style:none;display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:20px 0}.generation-status li{display:flex;align-items:center;gap:6px;color:var(--school-muted-text);font-size:12px}.generation-status li>span{border:1px solid var(--school-border);border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.generation-status li[data-state=active]{color:var(--school-accent)}.generation-status li[data-state=active]>span{border-color:var(--school-accent)}.generation-status li[data-state=done]>span{background:color-mix(in srgb,var(--school-accent) 20%,transparent)}.generation-spinner{animation:generation-spin 1.4s linear infinite;color:var(--school-accent)}@keyframes generation-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.generation-spinner{animation:none}}.school-app{--studio-ui-font:Geist,system-ui,sans-serif;--studio-control-radius:9px;--studio-ui-size:12px}.school-app :is(.canvas-status,.preview-check-summary,.visual-tools,.generation-status,.footnote,.badge,.check-explanation,.menu-hint,.diff-summary,.error){font-family:var(--studio-ui-font);font-size:var(--studio-ui-size);font-weight:400;letter-spacing:normal;line-height:1.6}.school-app :is(.workspace,.projectbar) :is(button.save,button.primary,select){font-family:var(--studio-ui-font);font-size:var(--studio-ui-size);font-weight:500;letter-spacing:normal;border-radius:var(--studio-control-radius)}.school-app .workspace button.save{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:8px 12px;border:1px solid transparent;background:var(--school-raised);color:var(--school-muted-text);line-height:1.2}.school-app .workspace button.save:hover:not(:disabled){color:var(--school-text);background:color-mix(in srgb,var(--school-accent) 13%,var(--school-raised))}.school-app .workspace button.save:focus-visible{outline:2px solid var(--school-accent);outline-offset:3px}.school-app .preview-check-summary{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0 0 12px;border:1px solid var(--school-border);border-radius:var(--studio-control-radius);background:transparent;color:var(--school-muted-text)}.school-app .preview-check-summary>svg{flex-shrink:0;color:var(--school-accent)}.school-app .preview-check-summary>span{flex:1;min-width:0}.school-app .preview-check-summary>button{flex-shrink:0}.school-app .badge{border-radius:6px;display:inline-flex;align-items:center;gap:5px}.school-app .error{border-radius:var(--studio-control-radius);padding:12px 14px;overflow-wrap:anywhere}.school-app .element-editor{border-radius:var(--studio-control-radius);font:13px/1.6 var(--studio-ui-font);gap:10px}.school-app .element-editor input{font:inherit;border-radius:7px}.school-app .quality-panel{font:14px/1.6 var(--studio-ui-font)}.school-app .quality-panel>h2{font-size:20px;letter-spacing:-.02em}.school-app .quality-panel>p{color:var(--school-muted-text);font-size:13px}.school-app .quality-panel button{display:inline-flex;align-items:center;gap:7px}.school-app .quality-panel li{padding:12px 0}.school-app .quality-panel label>span{display:inline-flex;align-items:center;gap:8px;font-size:13px}.school-app .quality-panel svg{flex-shrink:0;stroke-width:1.75}.school-app .quality-panel summary{font-size:13px;cursor:pointer}.school-app .quality-panel .check-detail{font-size:12px;line-height:1.6}.school-app .canvas-status{gap:10px}.school-app :is(.preview-check-summary,.generation-status,.visual-tools,.badge) svg{stroke-width:1.75}@media(max-width:600px){.school-app .preview-check-summary{flex-wrap:wrap}.school-app .preview-check-summary>button{margin-left:26px}.school-app .preview-check-summary>span{flex-basis:calc(100% - 30px)}}.attachment-picker{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:var(--school-muted-text);cursor:pointer}.attachment-picker:hover{background:var(--school-raised)}.attachment-picker input{position:absolute;width:1px;height:1px;opacity:0}.attachment-picker:focus-within{outline:2px solid var(--school-accent)}.chat-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.chat-attachments>div{position:relative;display:flex;align-items:center;gap:6px;max-width:100%;padding:6px;border:1px solid var(--school-border);border-radius:9px;font-size:11px}.chat-attachments img{width:52px;height:52px;object-fit:cover;border-radius:5px}.chat-attachments span{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachments button{padding:3px;display:grid;place-items:center;border:0;background:transparent;color:inherit}.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)}