.current-preview{background:var(--cream);min-height:100vh;padding:0 clamp(14px,3vw,48px) 64px}.current-preview *,.current-preview :before,.current-preview :after{box-sizing:border-box}.current-preview :is(main,section,article,aside,form,div,label,nav){min-width:0}.current-preview :is(h1,h2,h3,p,b,a,label,small){overflow-wrap:anywhere}.current-preview button,.current-preview summary{cursor:pointer}.current-preview button:disabled{cursor:default;opacity:.45}.current-preview :is(input,textarea,select){max-width:100%}.demo-header{z-index:130;border-bottom:1px solid var(--line);align-items:center;gap:28px;max-width:1180px;min-height:94px;margin:auto;display:flex;position:relative}.demo-header .brand{flex-shrink:0}.demo-header-links{gap:20px;margin-left:auto;font-size:12px;display:flex}.demo-header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.demo-profile,.demo-mobile-menu{position:relative}.demo-profile>summary,.demo-mobile-menu>summary{place-items:center;width:40px;height:40px;list-style:none;display:grid}.demo-profile>summary::-webkit-details-marker{display:none}.demo-mobile-menu>summary::-webkit-details-marker{display:none}.demo-profile>summary{background:var(--forest);color:var(--paper);border-radius:50%;font:20px Georgia,serif}.demo-profile>div,.demo-mobile-menu>nav{border:1px solid var(--line);background:var(--paper);width:min(270px,100vw - 28px);box-shadow:var(--shadow);gap:16px;padding:18px;font-size:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.demo-profile small{color:var(--muted)}.demo-mobile-menu{display:none}.current-preview>.preview-navigation{background:0 0;border:0;max-width:1180px;margin:0 auto;padding:20px 0;position:static}.demo-notice{border-left:3px solid var(--sage);max-width:1180px;color:var(--forest);background:#e8efe9;flex-wrap:wrap;gap:12px 24px;margin:22px auto;padding:14px 18px;font-size:11px;line-height:1.65;display:flex}.demo-notice b{flex-shrink:0}.current-preview .demo-surface{max-width:1180px;min-height:0;margin:0 auto;padding:0}.demo-hub{max-width:1180px;margin:56px auto}.demo-hub>h1{max-width:850px;margin:18px 0;font:400 clamp(36px,5vw,64px)/1.1 Georgia,serif}.demo-hub>p{max-width:700px;color:var(--muted);line-height:1.75}.demo-screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px;display:grid}.demo-screen-grid>a{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:28px;text-decoration:none;transition:background .15s,border-color .15s}.demo-screen-grid>a:hover{border-color:var(--forest);background:#e8efe9}.demo-screen-grid h2{font:400 26px/1.2 Georgia,serif}.demo-screen-grid h2 span{color:var(--sage)}.demo-screen-grid p{color:var(--muted);font-size:13px;line-height:1.7}.demo-cover{aspect-ratio:3/2;object-fit:cover;background:#e3e9e1;width:100%;height:auto;margin-bottom:20px;display:block}.current-preview .school-workspace-mark img,.demo-school-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.demo-school-avatar{border:1px solid var(--line);width:112px;height:112px}.demo-course-editor-cover{aspect-ratio:3/2;object-fit:cover;width:min(100%,420px);height:auto;margin-bottom:24px;display:block}.demo-storefront{--storefront-dark:#24483d;--storefront-accent:#d7ae66;--storefront-paper:#f7f1e8;max-width:1180px;min-height:0;margin:0 auto;padding:0}.demo-storefront .public-school-hero{margin-top:0}.current-preview .school-workspace-hero{margin-top:24px}.current-preview .demo-panel{border:1px solid var(--line);background:var(--paper);max-width:1180px;margin:24px auto;padding:clamp(18px,3vw,32px)}.demo-panel>h2{margin:0 0 20px;font:400 30px/1.2 Georgia,serif}.demo-panel p{font-size:13px;line-height:1.7}.demo-panel>summary{color:var(--forest);font-weight:700;line-height:1.5}.demo-form{gap:18px;margin-top:22px;display:grid}.demo-form>label,.demo-upload{color:var(--muted);gap:8px;font-size:12px;display:grid}.demo-form :is(input:not([type=checkbox]),textarea,select),.demo-editor-block :is(input,select),.demo-upload input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fbf8f2;border-radius:0;padding:10px 12px;font:13px/1.5 Arial,sans-serif}.demo-form textarea{resize:vertical;min-height:110px}.demo-form>.button{justify-self:start}.current-preview label.demo-check{text-transform:none;letter-spacing:0;align-items:center;gap:10px;font-size:12px;display:flex}.current-preview .demo-check input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--forest);flex-shrink:0;padding:0}.demo-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px;display:flex}.demo-actions>button:not(.button){color:var(--forest);background:0 0;border:0;padding:10px}.demo-table{border-top:1px solid var(--line);display:grid}.demo-table>article{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:20px 0;display:flex}.demo-table>article>div{flex:1}.demo-table small{color:var(--muted);margin-top:7px;display:block}.demo-table p{margin:7px 0}.demo-table>article>a{margin-left:auto;font-size:12px}.current-preview .demo-tab{text-align:left;background:0 0;border:0;width:100%}.current-preview .student-preview-outline nav>a{cursor:pointer}.current-preview .student-preview-lesson .student-block-assignment .button{margin-top:20px}.current-preview .student-telegram-message p{white-space:pre-wrap}.demo-file{background:#e8efe9;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.demo-file button{background:0 0;border:0;flex:0 0 32px;font-size:24px}.demo-block-list{margin:20px 0}.demo-editor-block{border:1px solid var(--line);background:var(--paper);grid-template-columns:auto minmax(0,1fr);gap:16px;padding:18px;display:grid}.demo-editor-block>div:last-child{gap:8px;display:grid}.demo-editor-block small{color:var(--muted);font-size:10px}.demo-block-controls{align-items:center;gap:4px;display:flex}.demo-block-controls>div{text-align:center;display:grid}.demo-block-controls button{width:32px;height:32px;color:var(--forest);background:0 0;border:0;font-size:24px}.demo-block-controls .demo-drag-handle{cursor:grab;touch-action:none}.demo-drop-slot{color:#0000;border:2px solid #0000;min-height:12px;font-size:10px}.demo-drop-slot.dragging{min-height:30px;color:var(--muted);text-align:center;border-style:dashed;border-color:var(--line);padding:6px}.demo-drop-slot.is-over{border-color:var(--forest);color:var(--forest);background:#dcebdc}.demo-upload{border:1px dashed var(--sage);margin:24px 0;padding:20px;position:relative}.demo-form details{border:1px solid var(--line);padding:14px}.demo-form details label{gap:10px;margin-top:12px;display:grid}@media (width<=900px){.demo-header-links{display:none}.demo-mobile-menu{display:block}.demo-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.demo-header{gap:8px;min-height:76px}.demo-header .brand{gap:7px;font-size:19px}.demo-header .brand-mark{width:28px;height:28px;font-size:22px}.demo-header-actions{gap:6px}.demo-header .workspace-locales button{min-width:27px;padding:0 3px}.demo-profile>summary,.demo-mobile-menu>summary{width:32px;height:32px}.demo-screen-grid{grid-template-columns:1fr}.demo-hub{margin-top:32px}.demo-table>article{flex-wrap:wrap}.demo-table>article>a{margin-left:0}.demo-editor-block{gap:8px;padding:12px}.demo-block-controls{flex-direction:column}.demo-notice{gap:5px}.demo-storefront .public-school-hero{padding:28px 20px}.demo-actions>.button{width:100%}}