:root{color:oklch(25% .035 245);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface:oklch(99% .004 85);--surface-muted:oklch(94% .012 85);--surface-strong:oklch(100% .003 85);--border:oklch(82% .015 245);--shadow:0 8px 24px oklch(25% .035 245/.08);--accent:oklch(57% .13 44);--accent-strong:oklch(48% .13 40);--accent-soft:oklch(86% .06 63);--text:oklch(25% .035 245);--muted:oklch(48% .025 245);--glass-panel:color-mix(in oklab, var(--surface) 88%, transparent);--glass-toolbar:color-mix(in oklab, var(--surface-strong) 80%, transparent);--glass-highlight:color-mix(in oklab, var(--surface-strong) 72%, transparent);background:oklch(96.5% .012 85);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.ui-icon{flex:none;display:block}.button-with-icon{justify-content:center;align-items:center;gap:7px;display:inline-flex}.icon-button .ui-icon,.student-list-item__menu .ui-icon,.seat-actions .ui-icon,.history-icon-button .ui-icon{margin:auto}.app-shell{max-width:1760px;margin:0 auto;padding:18px 24px 28px}.app-header{z-index:10;border:1px solid color-mix(in oklab, var(--border) 72%, transparent);background:color-mix(in oklab, var(--surface-muted) 96%, var(--surface));border-radius:16px;justify-content:space-between;align-items:center;gap:18px;min-height:52px;margin-bottom:12px;padding:6px 8px 6px 12px;display:flex;position:sticky;top:0}.app-header__right{justify-items:end;gap:8px;display:grid}.app-nav{border:1px solid var(--border);background:var(--print-page,var(--surface-muted));border-radius:12px;gap:4px;padding:4px;display:flex}.app-nav__button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:7px 11px;font-size:.88rem;font-weight:650}.app-nav__button--active{background:var(--accent);color:var(--surface-strong);box-shadow:0 2px 7px color-mix(in oklab, var(--accent) 22%, transparent)}.app-nav__button:hover:not(.app-nav__button--active){color:var(--text);background:color-mix(in oklab, var(--surface-strong) 68%, transparent)}.app-header h1,.layout-card h2,.sidebar-card h2{letter-spacing:-.025em;margin:0;font-family:inherit}.app-header h1{font-size:1.08rem;font-weight:780;line-height:1.1}.app-header__identity{align-items:center;padding-inline:2px;display:flex}.app-header__meta{grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;margin:0;display:grid}.app-header__meta div{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 12px}.app-header__meta dt{color:var(--muted);font-size:.8rem}.app-header__meta dd{margin:4px 0 0;font-size:.9rem;font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0 0 6px;font-size:.74rem}.workspace{grid-template-columns:minmax(680px,1fr) 340px;align-items:start;gap:16px;display:grid}@media (width>=961px){.app-shell:has(.workspace){flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell:has(.workspace) .workspace{flex:1;height:auto;min-height:0}:is(.app-shell:has(.workspace) .workspace__main,.app-shell:has(.workspace) .workspace__sidebar){height:100%;min-height:0}.app-shell:has(.workspace) .workspace__main{grid-template-rows:minmax(0,1fr);display:grid}.app-shell:has(.workspace) .workspace__sidebar{flex-direction:column;gap:10px;display:flex;overflow:hidden}}.workspace__main,.workspace__sidebar{flex-direction:column;gap:14px;display:flex}.admin-grid{gap:14px;display:grid}.classroom-builder{gap:20px;display:grid}.classroom-builder__intro h2{letter-spacing:-.03em;margin:0;font-family:inherit;font-size:1.75rem}.classroom-builder__intro p:not(.eyebrow){max-width:68ch;color:var(--muted);margin-bottom:0}.classroom-builder__controls{border:1px solid var(--border);background:var(--surface);border-radius:22px;grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;gap:12px;padding:18px;display:grid}.classroom-builder__controls .secondary-button{white-space:nowrap;width:auto}.classroom-builder__preview,.classroom-builder__saved{border:1px solid var(--border);background:var(--surface);border-radius:22px;gap:14px;padding:20px;display:grid;box-shadow:0 12px 35px #223f5a14}.classroom-editor{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:18px;display:grid}.classroom-editor__tools{border:1px solid var(--border);background:var(--surface-muted);border-radius:12px;align-content:start;gap:14px;padding:16px;display:grid}.classroom-editor__tools h3,.classroom-editor__tools p{margin:0}.classroom-editor__tools h3{font-size:1rem}.classroom-editor__tools p{color:var(--muted);font-size:.82rem}.classroom-editor__tools .room-elements-controls{gap:12px;display:grid}.room-grid{aspect-ratio:1.414;border:1px solid var(--border);background:linear-gradient(color-mix(in oklab, var(--border) 45%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--border) 45%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in oklab, var(--border) 22%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--border) 22%, transparent) 1px, transparent 1px), color-mix(in oklab, var(--surface) 88%, var(--surface-muted));background-size:calc(var(--room-grid-step,5%) * 2) calc(var(--room-grid-step,5%) * 2), calc(var(--room-grid-step,5%) * 2) calc(var(--room-grid-step,5%) * 2), var(--room-grid-step,5%) var(--room-grid-step,5%), var(--room-grid-step,5%) var(--room-grid-step,5%);-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;min-height:0;padding:12px;position:relative;overflow:hidden}.room-grid__teacher{z-index:3;background:var(--accent-soft);color:var(--text);cursor:grab;border:0;border-radius:999px;padding:10px 18px;font-size:.82rem;font-weight:750;position:absolute;transform:translate(-50%,-50%)}.room-grid__seat{z-index:2;width:var(--room-seat-size,10%);height:var(--room-seat-size,10%);background:var(--surface-strong);color:var(--text);cursor:grab;touch-action:none;border:1px solid #16324f26;border-radius:10px;font-size:.74rem;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.room-grid__seat:active{cursor:grabbing}.room-grid__group{z-index:1;border:1px solid color-mix(in oklab, var(--accent) 34%, transparent);background:color-mix(in oklab, var(--accent-soft) 20%, transparent);pointer-events:none;border-radius:12px;position:absolute}.room-grid__seat--moving{opacity:.16}.room-grid__seat--preview{z-index:8;border-color:var(--accent);background:var(--surface-strong);color:var(--text);box-shadow:0 8px 22px color-mix(in oklab, var(--accent) 22%, transparent);pointer-events:none;place-items:center;display:grid}.room-grid__seat:hover{border-color:var(--accent);box-shadow:0 5px 14px color-mix(in oklab, var(--accent) 16%, transparent)}.room-grid__seat--selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab, var(--accent) 20%, transparent)}.layout-placeholder__room-element{z-index:2;pointer-events:none;border-radius:7px;padding:5px 8px;font-size:.72rem;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.room-grid__element{z-index:9;letter-spacing:.055em;text-transform:uppercase;pointer-events:none;opacity:.94;box-shadow:0 2px 8px color-mix(in oklab, currentColor 15%, transparent);border:1px solid;place-items:center;font-size:.61rem;font-weight:800;line-height:1;display:grid;position:absolute}.room-grid__element--side-left,.room-grid__element--side-right{writing-mode:vertical-rl;width:18px;height:28%;min-height:74px;max-height:132px;padding-block:7px;top:36%}.room-grid__element--side-left{border-left:0;border-radius:0 8px 8px 0;left:0;transform:rotate(180deg)}.room-grid__element--side-right{border-right:0;border-radius:8px 0 0 8px;right:0}.room-grid__element--side-front,.room-grid__element--side-back{width:24%;height:18px;padding-inline:8px;left:38%}.room-grid__element--side-front{border-top:0;border-radius:0 0 8px 8px;top:0}.room-grid__element--side-back{border-bottom:0;border-radius:8px 8px 0 0;bottom:0}.room-grid__element--window,.layout-placeholder__room-element--window{background:color-mix(in oklab, #d7f3ff 88%, var(--surface));color:#34677d}.room-grid__element--entrance,.layout-placeholder__room-element--entrance{background:color-mix(in oklab, #f1dfc9 88%, var(--surface));color:#674c32}.room-grid__selection-actions{z-index:12;border:1px solid var(--border);background:var(--glass-toolbar,var(--surface-strong));color:var(--text);box-shadow:inset 0 1px 0 var(--glass-highlight), var(--shadow);-webkit-backdrop-filter:blur(14px)saturate(118%);backdrop-filter:blur(14px)saturate(118%);border-radius:10px;align-items:center;gap:6px;padding:6px;font-size:.78rem;font-weight:700;display:flex;position:absolute;bottom:12px;right:12px}.room-grid__selection-actions>span{padding:0 5px}.room-grid__selection-actions button{border:1px solid color-mix(in oklab, #a23831 45%, var(--border));background:color-mix(in oklab, #a23831 10%, var(--surface-strong));color:#8f302b;border-radius:7px;padding:5px 8px;font-size:.74rem;font-weight:750}.room-grid__selection-actions button:hover{background:color-mix(in oklab, #a23831 18%, var(--surface-strong))}.room-elements-controls,.class-panel{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.room-setup{display:grid}.room-elements-controls .field,.class-panel .field{flex:1}.class-students{gap:20px;display:grid}.class-panel{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:14px 18px}.class-panel__create{flex:2;gap:8px;display:flex}.class-panel__create input{border:1px solid var(--border);border-radius:10px;flex:1;min-width:0;padding:9px}.student-details__note{background:color-mix(in oklab, var(--accent-soft) 42%, var(--surface));border-radius:10px;padding:10px}.map-details__link{margin-top:14px}.student-bank__header h2,.field>span{align-items:center;gap:6px;display:flex}.admin-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:start}.workspace__main{position:sticky;top:14px}.workspace__sidebar{max-height:calc(100vh - 118px);padding-right:6px;overflow-y:auto}.layout-card,.sidebar-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px}.layout-card{padding:14px}@media (width>=961px){.layout-card{grid-template-rows:auto minmax(0,1fr);row-gap:12px;min-height:0;display:grid;overflow:hidden}}.layout-card__header{border-bottom:1px solid color-mix(in oklab, var(--border) 72%, transparent);grid-template-columns:minmax(360px,1fr) auto;align-items:end;gap:12px;padding-bottom:12px;display:grid}.map-context-controls{grid-template-columns:minmax(140px,.75fr) minmax(220px,1.25fr);gap:10px;min-width:0;display:grid}.map-context-field{min-width:0;color:var(--muted);gap:4px;font-size:.74rem;font-weight:720;display:grid}.map-context-field>span{line-height:1}.map-context-field select{border:1px solid var(--border);background:var(--surface-strong);width:100%;min-width:0;height:38px;color:var(--text);border-radius:9px;padding:6px 30px 6px 10px;font-size:.84rem;font-weight:620}@media (width>=961px){.layout-card__description{display:none}}.layout-card__description,.sidebar-card p,.helper-text{color:var(--muted)}.view-chip{background:color-mix(in oklab, var(--surface-strong) 92%, transparent);border:1px solid var(--border);border-radius:999px;padding:10px 14px;font-weight:600}.note-box{background:color-mix(in oklab, var(--accent) 12%, var(--surface));border-radius:16px;padding:14px}.ghost-button,.secondary-button,.danger-button{border:0;border-radius:9px;padding:9px 12px;font-weight:600}.ghost-button{background:var(--accent);color:var(--surface-strong);box-shadow:none}.secondary-button{background:var(--surface-strong);border:1px solid var(--border);color:var(--text)}.danger-button{border:1px solid color-mix(in oklab, #a23831 38%, var(--border));background:color-mix(in oklab, #a23831 8%, var(--surface-strong));color:#8f302b}.danger-button:hover{background:color-mix(in oklab, #a23831 14%, var(--surface-strong))}.secondary-button--inline{width:auto}.ghost-button--full,.secondary-button{width:100%}.layout-placeholder{background:var(--surface-muted);border:1px solid var(--border);aspect-ratio:1.414;-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;max-width:min(100%,141.4dvh - 231.896px);min-height:0;max-height:none;margin-top:12px;padding:12px;position:relative;overflow:hidden}@media (width>=961px){.layout-placeholder{place-self:center;width:auto;height:100%;margin-top:0}}@page{size:A4 landscape;margin:10mm}@media print{:root,body{background:#fff}.app-shell{max-width:none;padding:0}.app-header,.workspace__sidebar,.layout-card__header,.layout-card__description{display:none!important}.workspace,.workspace__main,.layout-card{width:100%;max-height:none;box-shadow:none;border:0;padding:0;display:block;position:static;overflow:visible}html,body,#root,.app-shell,.workspace,.workspace__main,.layout-card{width:100%;height:100%}.layout-placeholder{aspect-ratio:auto;border:.3mm solid var(--print-border);background:var(--print-page);break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:0;width:100%;max-width:none;height:100%;min-height:0;max-height:none;margin:0}.layout-placeholder__seat{border-color:var(--print-border);background:var(--print-seat);min-height:0;box-shadow:none;color:var(--print-text);-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:2mm;padding:1.5mm}.layout-placeholder__seat .seat-name{color:var(--print-text);font-size:10pt;line-height:1.08}.layout-placeholder__seat .seat-name--small{font-size:8pt!important}.layout-placeholder__seat .seat-name--tiny{font-size:6.5pt!important}.layout-placeholder__teacher,.layout-placeholder__room-element,.seat-actions{display:none}.seat-empty{visibility:hidden}.layout-placeholder:after{display:none}}.layout-placeholder:after{content:"";pointer-events:none;background-image:linear-gradient(#16324f08 1px,#0000 1px),linear-gradient(90deg,#16324f08 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.layout-placeholder__point{z-index:1;position:absolute;transform:translate(-50%,-50%)}.layout-placeholder__teacher{background:var(--accent-soft);width:fit-content;color:var(--text);border-radius:999px;padding:10px 18px;font-weight:700}.layout-placeholder__teacher--missing{margin:0 auto;position:relative;transform:none}.layout-placeholder__seat{background:var(--print-seat,var(--surface-strong));border:1px solid var(--print-border,#16324f1f);width:100%;min-width:0;height:100%;min-height:0;color:var(--muted);text-align:center;cursor:grab;border-radius:10px;place-items:center;padding:7px;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s cubic-bezier(.22,1,.36,1);display:grid}.layout-placeholder__seat-shell{width:var(--seat-width,7%);height:var(--seat-height,8%);min-width:0;min-height:0}.layout-placeholder__seat--selected{box-shadow:inset 0 0 0 2px var(--accent), 0 10px 22px color-mix(in oklab, var(--accent) 14%, transparent)}.layout-placeholder__seat .seat-name{color:var(--print-text,var(--text));flex-wrap:wrap;justify-content:center;gap:0 .25em;max-width:100%;font-size:.78rem;line-height:1.1;display:flex}.seat-name span{white-space:nowrap}.seat-name--small{font-size:.68rem!important}.seat-name--tiny{font-size:.58rem!important}.seat-status,.seat-empty{color:var(--muted);font-size:.78rem}.seat-actions{z-index:3;border:1px solid var(--border);background:var(--surface-muted);width:24px;height:20px;color:var(--text);opacity:0;pointer-events:none;border-radius:6px;place-items:center;padding:0;font-weight:800;line-height:1;transition:opacity .14s;display:grid;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.layout-placeholder__seat-shell:hover .seat-actions,.layout-placeholder__seat-shell:focus-within .seat-actions{opacity:1;pointer-events:auto}.seat-actions button,.icon-button{border:1px solid var(--border);background:var(--surface-strong);width:24px;height:24px;color:var(--text);border-radius:999px;place-items:center;padding:0;font-weight:800;display:grid}.icon-button{width:28px;height:28px}.map-view-controls,.student-bank__placement-actions,.class-panel__bar{align-items:center;gap:8px;display:flex}.map-view-controls{flex-wrap:nowrap;justify-content:end;margin-left:auto}.map-view-controls .secondary-button,.map-view-controls .ghost-button{width:auto}.map-view-controls>.text-button{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);border-radius:8px;padding:8px 10px}.map-view-controls>.text-button:hover{background:var(--surface-muted)}.student-bank__placement-actions{flex-wrap:wrap;margin:12px 0}.student-bank__placement-actions .ghost-button{width:auto;padding:9px 12px}.student-chip__action{place-items:center;line-height:1;display:grid}.student-chip__rule{color:var(--accent);vertical-align:middle;margin-left:5px;font-size:.58rem}.layout-placeholder__seat:hover{transform:translate(-50%,-50%)scale(1.02)}.layout-placeholder__seat--disabled{background:#e8eceff5}.layout-placeholder__seat--locked{box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--accent) 60%, transparent)}.sidebar-card{padding:14px}.field{gap:8px;display:grid}.field span{font-size:.92rem;font-weight:600}.field input,.field select,.student-row input,.mini-select{background:color-mix(in oklab, var(--surface-strong) 94%, transparent);width:100%;color:var(--text);border:1px solid #16324f1f;border-radius:14px;padding:12px 14px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stack{gap:12px;display:grid}.drag-roster{flex-wrap:wrap;gap:10px;display:flex}.drag-roster__chip{background:color-mix(in oklab, var(--surface-strong) 88%, transparent);cursor:grab;border:1px solid #16324f1a;border-radius:16px;gap:4px;min-width:120px;padding:12px 14px;display:grid}.drag-roster__chip--assigned{background:color-mix(in oklab, var(--accent-soft) 52%, var(--surface))}.drag-roster__chip--selected{box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--accent) 72%, transparent);background:color-mix(in oklab, var(--accent-soft) 76%, var(--surface))}.drag-roster__chip strong{color:var(--text)}.drag-roster__chip span{color:var(--muted);font-size:.86rem}.divider{background:#16324f14;height:1px;margin:18px 0}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.segmented-control{border:1px solid var(--border);border-radius:9px;gap:0;margin-top:0;display:inline-flex;overflow:hidden}.segmented-control__button{background:var(--surface-strong);color:var(--text);border:0;border-radius:0;padding:10px 14px;font-weight:600}.segmented-control__button--active{background:var(--accent);color:var(--surface-strong);border-color:#0000}.student-list{gap:12px;margin-top:18px;display:grid}.student-bank{flex-direction:column;flex:1;min-height:0;display:flex}.student-bank__header{justify-content:space-between;align-items:start;gap:8px;display:flex}.student-bank__header h2{font-size:1.2rem}.student-bank__title,.help-faq__title{align-items:center;gap:6px;display:flex}.help-faq__title h3{margin:0}.student-bank__header p,.student-bank__group p{color:var(--muted);margin:3px 0 0;font-size:.8rem}.student-bank__header .ghost-button{flex:none;width:auto;padding:7px 9px;font-size:.76rem}.student-bank__ignore{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;align-self:start;margin:3px 0 8px;padding:0;font-size:.72rem;text-decoration:underline}.student-bank__scroll{flex:1;min-height:0;padding-right:3px;overflow-y:auto}.student-bank__group{gap:2px;min-height:28px;display:grid}.student-bank__divider{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:8px;margin:12px 0 6px;font-size:.72rem;font-weight:750;display:flex}.student-bank__divider:after{background:var(--border);content:"";flex:1;height:1px}.student-list-item{border-radius:7px;align-items:center;min-height:32px;display:flex}.student-list-item:hover,.student-list-item--selected{background:var(--surface-muted)}.student-list-item__name{min-width:0;color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:6px 8px;font-size:.84rem;font-weight:650;overflow:hidden}.student-list-item__name i{color:var(--accent);vertical-align:middle;margin-left:5px;font-size:.55rem}.student-list-item__menu{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;font-size:1.1rem;line-height:1;display:grid}.student-list-item__menu:hover{background:var(--surface-strong);color:var(--text)}.student-dialog-backdrop{z-index:30;background:oklch(20% .02 245/.24);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.student-dialog{border:1px solid var(--border);background:var(--surface-strong);border-radius:14px;width:min(440px,100%);box-shadow:0 20px 55px oklch(20% .02 245/.2)}.student-dialog__header,.student-dialog__content,.student-dialog__actions{padding:16px}.student-dialog__header{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;display:flex}.student-dialog__header h2{margin:0;font-size:1.35rem}.student-dialog__header p{color:var(--muted);margin:2px 0 0}.student-dialog__actions{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.student-dialog__rules{gap:8px;margin-top:16px;display:grid}.student-group-stats{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;flex-wrap:wrap;align-content:start;gap:6px;max-height:112px;padding:8px;display:flex;overflow-y:auto}.student-dialog__actions .text-button{grid-column:1/-1;padding:7px}.student-bank--paused{background:#e8ecefab}.student-bank__list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.student-chip{background:var(--surface-strong);color:var(--text);cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #16324f1a;border-radius:999px;align-items:center;gap:7px;padding:8px 10px 8px 12px;font-weight:650;display:inline-flex}.student-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.student-chip--selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab, var(--accent) 18%, transparent)}.student-chip__action{background:var(--surface-muted);width:22px;height:22px;color:var(--text);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.student-details--empty{color:var(--muted)}.student-details textarea,.paste-import textarea{resize:vertical;min-height:88px}.detail-rule-list{flex-wrap:wrap;gap:6px;display:flex}.rule-chip{background:color-mix(in oklab, var(--accent) 13%, var(--surface));color:var(--accent-strong);border-radius:999px;padding:5px 8px;font-size:.78rem}.flash-message{background:color-mix(in oklab, var(--accent-soft) 74%, var(--surface));color:var(--accent-strong);border-radius:14px;padding:12px 14px;font-weight:600}.directory{gap:14px;display:grid}.directory__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.directory__header h2{letter-spacing:-.03em;margin:0;font-family:inherit;font-size:1.65rem}.directory__tools{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:start;gap:20px;display:grid}.directory__quick-actions{gap:10px;display:flex}.directory__quick-actions .secondary-button{width:auto}.student-name-cell{align-items:center;gap:7px;display:flex}.student-rule-chips{gap:3px;display:inline-flex}.student-rule-chips i{background:color-mix(in oklab, var(--accent) 14%, var(--surface));min-width:18px;height:18px;color:var(--accent-strong);border-radius:999px;justify-content:center;place-items:center;padding:0 4px;font-size:.7rem;font-style:normal;display:inline-flex}.directory__add,.paste-import,.student-table{border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:20px;box-shadow:0 12px 35px #223f5a14}.paste-import__preview{color:var(--muted);gap:6px;margin-top:12px;font-size:.88rem;display:grid}.student-table{gap:2px;display:grid;overflow-x:auto}.student-table__head,.student-table__row{grid-template-columns:1.1fr 1.1fr 1fr .8fr 1.5fr;align-items:center;gap:10px;min-width:720px;display:grid}.student-table__head{color:var(--muted);padding:0 12px 9px;font-size:.78rem;font-weight:700}.student-table__row{background:var(--surface-strong);border-radius:8px;padding:12px;transition:background .16s cubic-bezier(.22,1,.36,1)}.student-table__row:hover{background:color-mix(in oklab, var(--accent-soft) 24%, var(--surface))}.student-table__row input{border:1px solid var(--border);border-radius:8px;min-width:0;padding:7px 8px}.student-table__actions{gap:6px;display:flex}.student-table__entry{gap:2px;display:grid}.student-settings{background:color-mix(in oklab, var(--accent-soft) 28%, var(--surface));border-radius:0 0 12px 12px;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:18px;padding:14px 12px 16px;display:grid}.student-settings__rules{gap:8px;display:grid}.rule-editor{background:color-mix(in oklab, var(--surface-strong) 78%, transparent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.rule-editor select{border:1px solid var(--border);background:var(--surface-strong);min-width:125px;color:var(--text);border-radius:8px;flex:150px;padding:7px 8px}.rule-editor__button{border:1px solid var(--border);background:var(--surface-strong);min-height:30px;color:var(--text);border-radius:8px;padding:5px 8px;font-size:.78rem;font-weight:700}.text-button--danger{color:#9f372b}.map-controls__clear{margin:14px 0 0 auto;display:block}.status-pill{color:#2f6b4d;background:#508c6d21;border-radius:999px;width:fit-content;padding:4px 8px;font-size:.78rem;font-weight:700}.status-pill--paused{color:#536574;background:#606f7c21}.student-row{background:color-mix(in oklab, var(--surface-strong) 78%, transparent);border:1px solid #16324f14;border-radius:18px;gap:12px;padding:14px;display:grid}.student-row--paused{background:#e8ecefe6}.student-row__main{justify-content:space-between;align-items:center;gap:12px;display:flex}.student-row__main div{gap:4px;display:grid}.student-row__main span{color:var(--muted);font-size:.9rem}.student-row__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.text-button{color:#8a4a28;background:0 0;border:0;padding:0;font-weight:600}.text-button:disabled{opacity:.45;cursor:default}.hidden-input{display:none}.fatal-error{border:1px solid var(--border);background:var(--surface-strong);width:min(620px,100% - 40px);box-shadow:var(--shadow);border-radius:16px;margin:12vh auto;padding:28px}.fatal-error h1{margin:0}.fatal-error p:not(.eyebrow){color:var(--muted)}.fatal-error .ghost-button{width:auto}.info-tip{width:18px;height:18px;color:var(--muted);cursor:help;border:0;place-items:center;font-size:.7rem;font-style:normal;font-weight:800;display:inline-grid;position:relative}.info-tip:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:50%}.info-tip__content{z-index:50;background:var(--text);width:max-content;max-width:min(280px,80vw);color:var(--surface-strong);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:8px;padding:8px 10px;font-size:.76rem;font-weight:500;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.info-tip:hover .info-tip__content,.info-tip:focus .info-tip__content{opacity:1;transform:translate(-50%)}.print-menu{position:relative}.print-menu>summary{-webkit-user-select:none;user-select:none;width:auto;list-style:none}.print-menu>summary::-webkit-details-marker{display:none}.print-menu[open]>summary{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab, var(--accent) 15%, transparent)}.print-menu__panel{z-index:20;border:1px solid var(--border);background:var(--surface-strong);border-radius:12px;gap:9px;width:300px;padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 45px oklch(25% .035 245/.18)}.print-menu__heading{align-items:center;gap:7px;display:flex}.print-menu__panel>p{color:var(--muted);margin:0;font-size:.72rem}.print-menu__panel>.print-menu__error{color:#92382d;font-weight:700}.print-theme-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.print-theme{border:1px solid var(--border);cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:7px;padding:7px;display:grid}.print-theme--selected{border-color:var(--accent);background:var(--accent-soft)}.print-theme input{opacity:0;pointer-events:none;position:absolute}.print-theme__swatch{border:2px solid;border-radius:5px;width:22px;height:22px}.print-theme strong,.print-theme small{display:block}.print-theme strong{font-size:.76rem}.print-theme small{color:var(--muted);font-size:.62rem;line-height:1.2}.help-page{gap:24px;max-width:1120px;margin:18px auto 40px;display:grid}.help-page__intro{max-width:68ch}.help-page__intro h2{letter-spacing:-.035em;margin:0;font-size:2rem}.help-page__intro>p:last-child{color:var(--muted);font-size:1.04rem}.help-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.help-steps article{border:1px solid var(--border);background:var(--surface-strong);border-radius:12px;gap:10px;padding:16px;display:flex}.help-steps article>span{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.help-page h3,.help-page p{margin-top:0}.help-steps h3,.help-card h3{margin-bottom:5px;font-size:1rem}.help-steps p,.help-card p,.help-faq p{color:var(--muted);margin-bottom:0;font-size:.88rem}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.help-card,.help-faq{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:18px}.help-faq h3{align-items:center;gap:7px;display:flex}.help-faq details{border-top:1px solid var(--border);padding:11px 0}.help-faq summary{cursor:pointer;font-weight:700}.help-faq details p{padding-top:8px}@media (width<=960px){.app-shell{padding:20px}.app-header,.layout-card__header,.student-row__main,.section-heading{flex-direction:column;align-items:stretch}.app-header__right{justify-items:stretch}.app-nav{overflow-x:auto}.workspace,.field-grid,.admin-grid,.directory__tools{grid-template-columns:1fr}.classroom-builder__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-card__header,.classroom-editor,.student-settings{grid-template-columns:1fr}.workspace__main{position:static}.map-view-controls{flex-wrap:wrap;justify-content:flex-start;width:100%;margin-left:0}.map-context-controls,.help-steps,.help-grid{grid-template-columns:1fr}.print-menu__panel{left:0;right:auto}}:root[data-theme=fjord]{--surface:oklch(98% .015 235);--surface-muted:oklch(92% .035 230);--surface-strong:oklch(100% .006 235);--border:oklch(76% .045 230);--accent:oklch(52% .13 230);--accent-strong:oklch(43% .14 235);--accent-soft:oklch(88% .08 215);--text:oklch(25% .045 245);--muted:oklch(48% .04 240)}:root[data-theme=kritt]{--surface:oklch(98% .015 125);--surface-muted:oklch(91% .035 135);--surface-strong:oklch(100% .006 110);--border:oklch(75% .04 145);--accent:oklch(47% .1 155);--accent-strong:oklch(37% .1 155);--accent-soft:oklch(87% .07 135);--text:oklch(24% .035 155);--muted:oklch(47% .03 155)}:root[data-theme=eplehage]{--surface:oklch(98% .018 80);--surface-muted:oklch(92% .04 95);--surface-strong:oklch(100% .008 75);--border:oklch(78% .05 85);--accent:oklch(56% .15 35);--accent-strong:oklch(46% .15 30);--accent-soft:oklch(88% .09 80);--text:oklch(25% .04 65);--muted:oklch(48% .035 65)}:root[data-theme=cyberpunk]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:oklch(18% .04 315);--surface-muted:oklch(22% .07 304);--surface-strong:oklch(13% .025 300);--border:oklch(57% .19 320);--accent:oklch(68% .3 340);--accent-strong:oklch(82% .16 348);--accent-soft:oklch(30% .12 325);--text:oklch(96% .025 325);--muted:oklch(78% .055 315);--shadow:0 12px 34px oklch(5% .02 300/.58), 0 0 22px oklch(68% .3 340/.14);--glass-panel:color-mix(in oklab, var(--surface) 86%, transparent);--glass-toolbar:color-mix(in oklab, var(--surface-strong) 88%, transparent);--glass-highlight:oklch(82% .16 195/.18)}:root[data-theme=pride]{--surface:oklch(98% .018 345);--surface-muted:oklch(94% .045 325);--surface-strong:oklch(99% .01 345);--border:oklch(76% .1 330);--accent:oklch(58% .25 350);--accent-strong:oklch(45% .2 345);--accent-soft:oklch(89% .095 345);--text:oklch(24% .055 315);--muted:oklch(46% .065 315);--glass-panel:color-mix(in oklab, var(--surface) 90%, transparent);--glass-toolbar:color-mix(in oklab, var(--surface-strong) 84%, transparent);--glass-highlight:oklch(99% .01 345/.78)}body{background:radial-gradient(circle at 8% 8%, color-mix(in oklab, var(--accent-soft) 48%, transparent), transparent 28rem), linear-gradient(145deg, var(--surface-muted), color-mix(in oklab, var(--surface) 88%, var(--accent-soft)));background-attachment:fixed}:root[data-theme=cyberpunk] body{background-color:oklch(8% .045 290);background-image:linear-gradient(oklch(82% .16 195/.09) 1px,#0000 1px),linear-gradient(90deg,oklch(82% .16 195/.09) 1px,#0000 1px),radial-gradient(circle at 12% 4%,oklch(68% .3 340/.52),#0000 32rem),radial-gradient(circle at 88% 88%,oklch(82% .16 195/.38),#0000 34rem),linear-gradient(135deg,oklch(8% .045 290) 20%,oklch(18% .105 302) 58%,oklch(9% .055 325));background-size:42px 42px,42px 42px,auto,auto,auto}:root[data-theme=cyberpunk] .app-header,:root[data-theme=cyberpunk] .sidebar-card,:root[data-theme=cyberpunk] .layout-card,:root[data-theme=cyberpunk] .help-card,:root[data-theme=cyberpunk] .theme-picker{border-color:color-mix(in oklab, var(--accent) 64%, var(--border));box-shadow:inset 0 0 0 1px oklch(82% .16 195/.12), var(--shadow)}:root[data-theme=cyberpunk] .ghost-button,:root[data-theme=cyberpunk] .segmented-control__button--active{color:oklch(10% .035 320);box-shadow:0 0 18px oklch(68% .3 340/.38)}:root[data-theme=cyberpunk] .app-header,:root[data-theme=cyberpunk] .app-nav{background:color-mix(in oklab, var(--surface-strong) 92%, var(--surface-muted))}:root[data-theme=cyberpunk] .app-nav__button--active{color:oklch(10% .035 320);box-shadow:0 0 16px oklch(68% .3 340/.38)}:root[data-theme=pride] .app-header,:root[data-theme=pride] .app-nav{background:color-mix(in oklab, var(--surface-strong) 86%, var(--accent-soft))}.theme-choice[data-theme-preview=snork]{--choice-bg:oklch(98% .012 75);--choice-border:oklch(76% .06 55);--choice-accent:oklch(57% .13 44);--choice-text:oklch(25% .035 245);--choice-muted:oklch(45% .035 55)}.theme-choice[data-theme-preview=fjord]{--choice-bg:oklch(96% .025 225);--choice-border:oklch(72% .075 225);--choice-accent:oklch(52% .13 230);--choice-text:oklch(25% .045 245);--choice-muted:oklch(43% .055 235)}.theme-choice[data-theme-preview=kritt]{--choice-bg:oklch(95% .035 125);--choice-border:oklch(70% .065 145);--choice-accent:oklch(47% .1 155);--choice-text:oklch(24% .035 155);--choice-muted:oklch(42% .04 155)}.theme-choice[data-theme-preview=eplehage]{--choice-bg:oklch(96% .04 88);--choice-border:oklch(73% .085 65);--choice-accent:oklch(56% .15 35);--choice-text:oklch(25% .04 65);--choice-muted:oklch(43% .045 60)}.theme-choice[data-theme-preview=cyberpunk]{--choice-bg:oklch(15% .045 305);--choice-border:oklch(66% .24 337);--choice-accent:oklch(68% .3 340);--choice-text:oklch(96% .025 325);--choice-muted:oklch(78% .055 315)}.theme-choice[data-theme-preview=pride]{--choice-bg:linear-gradient(120deg, oklch(95% .055 25), oklch(97% .055 100) 34%, oklch(96% .045 155) 58%, oklch(95% .055 290));--choice-border:oklch(70% .16 340);--choice-accent:oklch(58% .25 350);--choice-text:oklch(24% .055 315);--choice-muted:oklch(42% .07 315)}.theme-choice[data-theme-preview=snork]>span{background:linear-gradient(135deg,oklch(86% .06 63),oklch(57% .13 44))}.theme-choice[data-theme-preview=fjord]>span{background:linear-gradient(135deg,oklch(88% .08 215),oklch(52% .13 230))}.theme-choice[data-theme-preview=kritt]>span{background:linear-gradient(135deg,oklch(87% .07 135),oklch(47% .1 155))}.theme-choice[data-theme-preview=eplehage]>span{background:linear-gradient(135deg,oklch(88% .09 80),oklch(56% .15 35))}.theme-choice[data-theme-preview=cyberpunk]>span{background:linear-gradient(135deg,oklch(72% .3 340),oklch(82% .16 195))}.theme-choice[data-theme-preview=pride]>span{background:linear-gradient(135deg,oklch(65% .25 25),oklch(86% .17 95) 34%,oklch(66% .2 150) 56%,oklch(60% .2 255) 76%,oklch(58% .22 315))}:root[data-theme=pride] body{background-image:radial-gradient(circle at 8% 8%,oklch(68% .25 25/.38),#0000 24rem),radial-gradient(circle at 92% 7%,oklch(56% .24 300/.36),#0000 26rem),linear-gradient(120deg,oklch(90% .11 25),oklch(94% .12 95) 24%,oklch(91% .11 150) 46%,oklch(91% .1 235) 68%,oklch(90% .12 300) 84%,oklch(91% .1 350))}.classroom-builder__intro{justify-content:space-between;align-items:end;gap:18px;display:flex}.classroom-builder__intro .ghost-button,.classroom-builder__manual .secondary-button{width:auto}.classroom-builder__manual{gap:8px;display:grid}.classroom-builder__manual>span{font-size:.82rem;font-weight:700}.class-panel{align-items:stretch;display:grid}.class-panel__bar{grid-template-columns:minmax(260px,1fr) auto auto;align-items:end;display:grid}.class-panel__bar .secondary-button{width:auto;min-height:43px}.class-panel__bar .icon-button{border-radius:10px;width:43px;height:43px}.class-panel__create{border-top:1px solid var(--border);grid-template-columns:minmax(220px,1fr) minmax(180px,.5fr) auto;gap:12px;width:100%;padding-top:14px;display:grid}.class-panel__create .ghost-button{align-self:end;min-height:43px}.icon-button--danger{color:#a23831}.layout-placeholder__seat{padding:6px 7px 8px;transition:border-color .14s,box-shadow .14s;position:relative}.layout-placeholder__seat:hover{border-color:var(--accent);box-shadow:0 5px 15px color-mix(in oklab, var(--accent) 16%, transparent);transform:none}.layout-placeholder__seat .seat-name,.print-sheet__name{flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;line-height:1.02;display:flex;overflow:hidden}.layout-placeholder__seat .seat-name{padding-bottom:13px}.layout-placeholder__seat .seat-name span,.print-sheet__name span{white-space:nowrap;max-width:100%;display:block}.layout-placeholder__group{z-index:0;border:1px solid color-mix(in oklab, var(--accent) 34%, transparent);background:color-mix(in oklab, var(--accent-soft) 20%, transparent);pointer-events:none;border-radius:12px;position:absolute}.seat-rule-dot{z-index:2;background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 2px var(--surface-strong);border-radius:50%;position:absolute;top:4px;right:5px}.seat-actions{border-radius:5px;width:21px;height:18px;font-size:.9rem;bottom:2px;left:50%;right:auto;transform:translate(-50%)}.student-bank__ignore{color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin:4px 0 9px;font-size:.74rem;text-decoration:none;display:flex}.student-bank__ignore input{accent-color:var(--accent)}.history-panel{min-width:0}.sidebar-card.history-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.history-list{gap:12px;margin-top:14px;display:grid}.history-card{border:1px solid var(--border);background:var(--surface-strong);border-radius:12px;gap:11px;padding:14px;display:grid}.history-card__top,.history-card__actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.history-card__top>div:first-child{display:grid}.history-card__top span{color:var(--muted);font-size:.78rem}.history-star{color:var(--border)}.history-star--active{color:#e7aa18;filter:drop-shadow(0 1px 1px #8d5e09aa)}.history-card__icon-actions{align-self:start;gap:4px;display:flex}.history-icon-button{width:30px;height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;display:grid}.history-icon-button:hover,.history-icon-button--active{border-color:var(--border);background:var(--surface-muted);color:var(--text)}.history-icon-button.history-star--active{color:oklch(72% .16 82)}.history-card__comment-preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.history-card__actions .ghost-button,.history-card__actions .secondary-button{width:auto}.history-card__comment textarea{resize:vertical;border:1px solid var(--border);background:var(--surface);min-height:68px;color:var(--text);border-radius:9px;padding:9px}.history-card__preview{gap:8px;display:grid}.history-card__preview .segmented-control{justify-self:start}.history-preview{aspect-ratio:1.414;border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;position:relative;overflow:hidden}.history-preview__seat,.history-preview__teacher{position:absolute;transform:translate(-50%,-50%)}.history-preview__seat{width:var(--seat-width);height:var(--seat-height);border:1px solid var(--border);background:var(--surface-strong);white-space:nowrap;border-radius:3px;place-items:center;font-size:clamp(4px,.55vw,8px);font-weight:700;display:grid;overflow:hidden}.history-preview__teacher{background:var(--accent-soft);border-radius:999px;padding:3px 6px;font-size:7px;font-weight:700}.theme-picker{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:14px;padding:18px;display:grid}.theme-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.theme-choice{border:1px solid var(--choice-border,var(--border));background:var(--choice-bg,var(--surface-strong));color:var(--choice-text,var(--text));text-align:left;border-radius:10px;grid-template-columns:28px 1fr;align-items:center;gap:2px 8px;padding:10px;display:grid}.theme-choice>span{background:linear-gradient(135deg, var(--accent-soft), var(--accent));border-radius:8px;grid-row:1/3;width:28px;height:28px}.theme-choice small{color:var(--choice-muted,var(--muted))}.theme-choice--active{border-color:var(--choice-accent,var(--accent));box-shadow:0 0 0 2px color-mix(in oklab, var(--choice-accent,var(--accent)) 18%, transparent)}.app-header,.app-nav,.layout-card,.sidebar-card,.class-panel,.classroom-builder__controls,.classroom-builder__preview,.classroom-builder__saved,.directory__add,.paste-import,.student-table,.history-card,.help-card,.help-faq,.theme-picker{border-color:color-mix(in oklab, var(--border) 78%, var(--glass-highlight));background:var(--glass-panel);box-shadow:inset 0 1px 0 var(--glass-highlight), var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(118%);backdrop-filter:blur(18px)saturate(118%)}.app-header,.app-nav{background:var(--glass-toolbar)}.secondary-button,.icon-button,.student-chip__action{border-color:color-mix(in oklab, var(--border) 82%, var(--glass-highlight));background:color-mix(in oklab, var(--surface-strong) 88%, transparent);box-shadow:inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(10px)saturate(112%);backdrop-filter:blur(10px)saturate(112%)}.secondary-button:hover,.icon-button:hover,.student-chip__action:hover{border-color:var(--accent);background:color-mix(in oklab, var(--surface-strong) 80%, var(--accent-soft))}.print-document{visibility:hidden;pointer-events:none;width:277mm;position:fixed;top:0;left:-10000px}.print-sheet{background:var(--print-page);width:277mm;height:190mm;color:var(--print-text);-webkit-print-color-adjust:exact;print-color-adjust:exact;position:relative;overflow:hidden}.print-sheet__seat,.print-sheet__teacher{z-index:2;position:absolute;transform:translate(-50%,-50%)}.print-sheet__seat{width:var(--seat-width);height:var(--seat-height);border:.3mm solid var(--print-border);background:var(--print-seat);border-radius:2mm;place-items:center;padding:1.2mm;display:grid}.print-sheet__teacher{border:.35mm solid var(--print-accent);background:var(--print-seat);text-align:center;border-radius:2mm;min-width:31mm;padding:2mm 4mm;font-size:10pt;font-weight:750}@media print{body>#root{display:none!important}body{width:auto!important;height:auto!important;margin:0!important;overflow:visible!important}html,body,#root,.app-shell,.workspace,.workspace__main,.layout-card{width:auto;height:auto;overflow:visible}.layout-card>:not(.print-document){display:none!important}.print-document{visibility:visible!important;width:277mm!important;height:auto!important;display:block!important;position:static!important;overflow:visible!important}.print-sheet{break-after:page;page-break-after:always;width:277mm!important;height:190mm!important;display:block!important;overflow:hidden!important}.print-sheet:last-child{break-after:auto;page-break-after:auto}}@media (width<=960px){.class-panel__bar,.class-panel__create,.theme-picker__grid{grid-template-columns:1fr}.classroom-builder__intro,.directory__header{flex-direction:column;align-items:stretch}.directory__quick-actions{flex-wrap:wrap}}