@font-face{font-family:나눔스퀘어;src:local("나눔스퀘어"),local("나눔스퀘어 "),local("NanumSquare"),local("NanumSquare "),url(/seating_chart/assets/NanumSquareR-B3L7lffE.woff2) format("woff2"),url(/seating_chart/assets/NanumSquareR-D4ez7Z-t.woff) format("woff");font-display:swap;font-weight:400}@font-face{font-family:나눔스퀘어;src:local("나눔스퀘어"),local("나눔스퀘어 "),local("NanumSquare"),local("NanumSquare "),url(/seating_chart/assets/NanumSquareL-Ca_tyjSv.woff2) format("woff2"),url(/seating_chart/assets/NanumSquareL-BkMOY-Vj.woff) format("woff");font-display:swap;font-weight:300}@font-face{font-family:나눔스퀘어;src:local("나눔스퀘어"),local("나눔스퀘어 "),local("NanumSquare"),local("NanumSquare "),url(/seating_chart/assets/NanumSquareB-B6c8fNBR.woff2) format("woff2"),url(/seating_chart/assets/NanumSquareB-CrhDXvgg.woff) format("woff");font-display:swap;font-weight:700}@font-face{font-family:나눔스퀘어;src:local("나눔스퀘어"),local("나눔스퀘어 "),local("NanumSquare"),local("NanumSquare "),url(/seating_chart/assets/NanumSquareEB-CQBx_uMw.woff2) format("woff2"),url(/seating_chart/assets/NanumSquareEB-CzHfwh-B.woff) format("woff");font-display:swap;font-weight:800}:root{font-family:Pretendard,Noto Sans KR,sans-serif;color:#20303d;--gender-male-accent: #7280c2;--gender-female-accent: #b48757;--gender-unknown-accent: #99a6af;--tv-surface: #f5f7fa;--tv-surface-strong: #ffffff;--tv-ink: #0f1720;--tv-muted: #5f6d78;--tv-empty: #dbe3ea;--tv-active: #f4c95d;--tv-fixed: #158a63;color-scheme:light;background:radial-gradient(circle at top right,rgba(244,201,93,.28),transparent 30%),radial-gradient(circle at top left,rgba(102,144,190,.14),transparent 34%),linear-gradient(160deg,#f2efe6,#eaf0f6 46%,#d6e1eb);line-height:1.45;font-weight:400}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;overflow-y:auto}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:18px}.panel,.workspace,.inspector-section,.canvas-section,.topbar{border:1px solid rgba(32,48,61,.09);border-radius:24px;background:linear-gradient(180deg,#fffffff5,#f8fafce0);box-shadow:0 22px 54px #12263417,inset 0 1px #fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel{display:flex;flex-direction:column;gap:14px;padding:18px;overflow-y:auto}.panel-section,.inspector-section{display:flex;flex-direction:column;gap:10px}.collapse-panel{padding:14px;border:1px solid rgba(48,75,92,.08);border-radius:20px;background:#f6f9fbc7}.collapse-panel summary{cursor:pointer;font-weight:700;color:#304b5c;list-style:none}.collapse-panel summary::-webkit-details-marker{display:none}.collapse-panel[open] summary{margin-bottom:12px}.section-header h1,.topbar h2,.empty-state h2{margin:0}.section-header p,.topbar p,.empty-state p{margin:4px 0 0;color:#5a6d79;max-width:62ch}.mini-title,.eyebrow{color:#61737e;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.classroom-list,.snapshot-list,.student-list,.rule-list,.button-stack{display:flex;flex-direction:column;gap:8px}.classroom-picker{position:relative;z-index:2}.classroom-selector-controls{display:flex;align-items:stretch;flex:0 1 clamp(320px,36vw,420px);gap:8px;min-width:0;width:min(100%,420px)}.classroom-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:10px 14px;border:1px solid rgba(48,75,92,.14);border-radius:18px;background:#fff;text-align:left}.classroom-picker-trigger>div{display:flex;align-items:baseline;gap:6px;min-width:0;flex:1 1 auto}.classroom-picker-trigger strong{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classroom-picker-trigger>div>span,.classroom-picker-trigger>span:last-child{flex:0 0 auto;white-space:nowrap}.classroom-picker-trigger span{display:block;color:#667680;font-size:.84rem}.classroom-picker-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:200;max-height:280px;overflow-y:auto;padding:10px;border:1px solid rgba(48,75,92,.12);border-radius:18px;background:#fffffff5;box-shadow:0 18px 48px #1226341f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.classroom-picker.open .classroom-picker-menu{display:flex;flex-direction:column;gap:8px}.classroom-overflow-menu{position:relative;z-index:2;flex:0 0 auto}.classroom-overflow-trigger{display:inline-flex;align-items:center;justify-content:center;width:48px;min-width:48px;min-height:48px;border:1px solid rgba(48,75,92,.14);border-radius:18px;background:#fff;color:#5b6b75}.classroom-overflow-trigger svg{width:18px;height:18px;fill:currentColor}.classroom-overflow-trigger.active{border-color:#d4a21a7a;background:#fbf3d7;color:#7a5b04}.classroom-overflow-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:200;min-width:236px;max-width:min(280px,calc(100vw - 32px));padding:10px;border:1px solid rgba(48,75,92,.12);border-radius:18px;background:#fffffff5;box-shadow:0 18px 48px #1226341f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.classroom-overflow-item{width:100%;padding:12px 14px;border:1px solid rgba(48,75,92,.14);border-radius:14px;background:#fff;color:#20303d;text-align:left;white-space:nowrap}.classroom-overflow-item:disabled{cursor:not-allowed;opacity:.6}.classroom-overflow-group{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid rgba(48,75,92,.08);border-radius:16px;background:#304b5c08}.classroom-overflow-divider{height:1px;margin:10px 2px;background:#304b5c1a}.classroom-overflow-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px}.classroom-overflow-toggle span:first-child{white-space:nowrap}.classroom-overflow-toggle span:last-child{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 10px;border-radius:999px;background:#304b5c14;font-size:.8rem;font-weight:800;letter-spacing:.04em;color:#4c5f6d}.classroom-overflow-toggle.active{border-color:#d4a21a7a;background:#fbf3d7;color:#7a5b04}.classroom-overflow-toggle.active span:last-child{background:#f4c95d;color:#5b4100}.classroom-overflow-helper{margin:8px 2px 0;font-size:.78rem;line-height:1.45;color:#60707b}.classroom-overflow-helper.active{color:#7a5b04}.student-row{display:flex;align-items:stretch;gap:8px}.classroom-card,.snapshot-card,.student-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;border:1px solid rgba(48,75,92,.14);border-radius:18px;background:#fff;text-align:left}.classroom-card{min-width:0}.classroom-card strong{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classroom-card span,.snapshot-card span,.student-chip span{display:block;color:#667680;font-size:.88rem}.classroom-card span{flex:0 0 auto;white-space:nowrap}.student-chip{position:relative;flex:1;border:1px solid rgba(48,75,92,.14);cursor:pointer;user-select:none;-webkit-user-select:none;overflow:hidden}.student-chip:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:transparent}.student-chip.gender-male:before{background:var(--gender-male-accent)}.student-chip.gender-female:before{background:var(--gender-female-accent)}.student-chip.gender-unknown:before{background:var(--gender-unknown-accent)}.student-chip span.gender-male,.student-chip span.gender-female,.student-chip span.gender-unknown{color:inherit;font-weight:600}.classroom-card.active,.student-chip.active{border-color:#20303d;background:#20303d;color:#f6f1e8}.classroom-card.active span,.student-chip.active span{color:#f6f1e8d1}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:.88rem;color:#51636d}.field input,.field select,textarea{width:100%;padding:11px 12px;border:1px solid rgba(48,75,92,.18);border-radius:14px;background:#fffffff0}textarea{resize:vertical}.compact{max-width:220px}.primary-button,.secondary-button,.mode-button,.ghost-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:0;padding:11px 16px;text-align:center;transition:transform .12s ease,opacity .12s ease,background .12s ease}.primary-button:disabled,.secondary-button:disabled,.mode-button:disabled,.ghost-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.primary-button{background:#20303d;color:#f6f1e8}.secondary-button{background:#e9eef2;color:#20303d}.mode-button{background:#20303d14;color:#20303d}.mode-button.active{background:#f4c95d}.ghost-button{padding:6px 10px;background:transparent;color:#5b6b75}.danger-button{background:#f7d9d6;color:#8d2e2e}.button-row,.segment-control{display:flex;gap:8px}.button-row{flex-wrap:wrap}.segment-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.segment-control .mode-button{width:100%;min-width:0;padding-inline:12px;white-space:nowrap}.board-layout-field{gap:0}.board-layout-control{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,248px);max-width:240px}.board-layout-control .mode-button{min-height:40px;line-height:1}.base-plan-arm-control{display:flex;flex-direction:column;gap:8px}.base-plan-arm-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 14px;border:1px solid rgba(48,75,92,.14);border-radius:18px;background:#fff;color:#20303d;text-align:left;transition:border-color .12s ease,background .12s ease,opacity .12s ease}.base-plan-arm-toggle span:last-child{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 10px;border-radius:999px;background:#20303d14;color:#51636d;font-size:.82rem;font-weight:700}.base-plan-arm-toggle.active{border-color:#d4a21a7a;background:#fbf3d7}.base-plan-arm-toggle.active span:last-child{background:#f4c95d;color:#5b4100}.base-plan-arm-toggle:disabled{opacity:.6;cursor:not-allowed}.base-plan-arm-helper.active{color:#7a5b04}.preset-grid-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workspace{display:flex;flex-direction:column;gap:12px;padding:14px}.topbar{position:relative;z-index:50;overflow:visible;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}.topbar-left{display:flex;align-items:center;flex-wrap:wrap;flex:1 1 auto;gap:10px;min-width:0}.topbar.base-plan-edit-active{border-radius:22px;box-shadow:inset 0 0 0 1px #d4a21a47;background:linear-gradient(180deg,#fbf3d7b3,#fbf3d700)}.topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:0 1 auto;justify-content:flex-end}.base-plan-edit-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid rgba(212,162,26,.22);border-radius:20px;background:linear-gradient(180deg,#fffbf0f2,#fffbf0d1),#ffffffb8}.base-plan-edit-bar-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.base-plan-edit-bar-copy strong{color:#20303d;font-size:.96rem}.base-plan-edit-bar-copy span{color:#5e6f79;font-size:.84rem}.base-plan-edit-summary{color:#7a5b04}.base-plan-edit-bar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.header-classroom-picker{flex:1 1 auto;width:auto;min-width:0}.topbar-create-wrap{position:relative;z-index:70}.topbar-create-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,calc(100vw - 48px));padding:14px;gap:12px;box-shadow:0 18px 48px #12263429}.autosave-pill{display:inline-flex;align-items:center;flex-shrink:0;height:40px;padding:0 14px;border-radius:999px;background:#e9eef2e6;color:#5f7280;font-size:.9rem;white-space:nowrap}.mode-status-pill{display:inline-flex;align-items:center;flex-shrink:0;height:40px;padding:0 14px;border:1px solid rgba(212,162,26,.24);border-radius:999px;background:linear-gradient(180deg,#fdf4d6f2,#f8e3a0db);color:#6b5106;font-size:.9rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.workspace-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) clamp(248px,18vw,280px);gap:12px;align-items:start}.canvas-section{display:flex;flex-direction:column;gap:8px;padding:10px 16px}.helper-text{margin:0;color:#667680;font-size:.84rem}.seat-pin-button svg{width:18px;height:18px}.board-shell{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(24,34,44,.08);background:linear-gradient(180deg,#edf1f5,#e1e8ef);box-shadow:inset 0 1px #ffffffa3,0 16px 34px #11182014;padding:6px}.board-shell.tv-readable{padding:4px 14px;border-color:#1118203d;background:radial-gradient(circle at top center,rgba(255,255,255,.1),transparent 36%),linear-gradient(180deg,#253140,#1b2530);box-shadow:inset 0 1px #ffffff14,0 24px 44px #0f17202e}.board-shell.fullscreen-active{width:100vw;height:100vh;border:0;border-radius:0;padding:20px;background:#e4eaef}.board-shell.fullscreen-active.tv-readable{padding:12px 28px;background:radial-gradient(circle at top center,rgba(255,255,255,.1),transparent 36%),linear-gradient(180deg,#253140,#1b2530)}.board-shell.fullscreen-active .board-stage{height:100%!important;align-items:center}.board-presentation-overlay{position:absolute;top:16px;right:16px;z-index:6;display:flex;align-items:center;gap:8px;pointer-events:none}.board-presentation-overlay>*{pointer-events:auto}.board-presentation-hint{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border-radius:999px;background:#111820c2;color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.04em}.board-stage{display:flex;justify-content:center;align-items:flex-start;width:100%;overflow:visible}.board-stage-inner{flex:0 0 auto;position:relative;max-width:100%;margin:0 auto}.board-canvas{position:absolute;inset:0 auto auto 0;width:980px;border-radius:22px;transform-origin:top left;background:linear-gradient(0deg,#ffffff8f,#ffffff8f),repeating-linear-gradient(90deg,rgba(32,48,61,.03),rgba(32,48,61,.03) 1px,transparent 1px,transparent 78px),repeating-linear-gradient(0deg,rgba(32,48,61,.03),rgba(32,48,61,.03) 1px,transparent 1px,transparent 78px),linear-gradient(180deg,#f6f5ef,#ecf0f4)}.board-canvas.tv-readable{border-radius:18px;background:linear-gradient(180deg,#ffffffe6,#f4f7faf2),repeating-linear-gradient(90deg,rgba(36,49,62,.04),rgba(36,49,62,.04) 1px,transparent 1px,transparent 78px),repeating-linear-gradient(0deg,rgba(36,49,62,.04),rgba(36,49,62,.04) 1px,transparent 1px,transparent 78px),linear-gradient(180deg,#f8fafc,#eef3f7)}.board-label,.seat-group-outline,.seat-card{position:absolute}.board-label{left:50%;top:18px;transform:translate(-50%);border-radius:999px;padding:8px 14px;background:#20303d;color:#f6f1e8;font-weight:700}.board-label.student-anchor{top:auto;bottom:18px}.board-canvas.tv-readable .board-label{padding:10px 18px;background:linear-gradient(180deg,#111820,#1c2732);color:#fff;font-size:1.02rem;font-weight:800;letter-spacing:.05em;box-shadow:0 10px 24px #0f17202e}.seat-group-outline{border:2px dashed;border-radius:22px;pointer-events:none}.board-canvas.tv-readable .seat-group-outline{border-width:2px;border-style:solid;border-radius:24px;box-shadow:inset 0 0 0 1px #fff3}.board-canvas.tv-readable .seat-group-outline.preset-group4,.board-canvas.tv-readable .seat-group-outline.preset-group6{border-width:3px;border-radius:26px}.board-canvas.tv-readable .seat-group-outline.preset-single,.board-canvas.tv-readable .seat-group-outline.preset-pair{border-radius:20px}.group-badge{position:absolute;top:-12px;left:14px;padding:3px 8px;border:0;border-radius:999px;background:#fff;font-size:.72rem;font-weight:700;color:#20303d;pointer-events:none}.board-canvas.tv-readable .group-badge{top:-14px;left:16px;padding:6px 12px;background:linear-gradient(180deg,#111820,#253140);color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.08em;box-shadow:0 8px 20px #0f172029}.board-canvas.tv-readable .group-badge.preset-single,.board-canvas.tv-readable .group-badge.preset-pair{top:-12px;left:12px;padding:4px 9px;background:#111820c2;font-size:.7rem;letter-spacing:.05em;box-shadow:0 6px 14px #0f17201f}.seat-card{width:136px;height:70px;overflow:visible;padding:0;border:2px solid rgba(32,48,61,.14);border-radius:16px;background:#fff;text-align:center;box-shadow:0 8px 16px #20303d14;user-select:none;-webkit-user-select:none;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,opacity .14s ease}.seat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;border-radius:14px 0 0 14px;background:transparent}.seat-card.occupied.gender-male{border-color:#20303d24;background:#fff}.seat-card.occupied.gender-male:before{background:var(--gender-male-accent)}.seat-card.occupied.gender-female{border-color:#20303d24;background:#fff}.seat-card.occupied.gender-female:before{background:var(--gender-female-accent)}.seat-card.occupied.gender-unknown{border-color:#20303d24;background:#fff}.seat-card.occupied.gender-unknown:before{background:var(--gender-unknown-accent)}.seat-card.empty{border-color:#5d6d7929;background:linear-gradient(180deg,#f1f4f7,#e8edf2);box-shadow:inset 0 0 0 1px #ffffff57;opacity:.86}.board-canvas.tv-readable .seat-card{border:1px solid rgba(20,31,43,.08);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 14px 28px #0f17201f,0 3px 8px #0f17200f}.board-canvas.tv-readable .seat-card.empty{border-style:solid;border-color:#5a6d792e;background:linear-gradient(180deg,#eef3f6,#e2e9ee);box-shadow:inset 0 0 0 1px #ffffff59;opacity:.88}.board-canvas.tv-readable .seat-card.occupied.gender-male,.board-canvas.tv-readable .seat-card.occupied.gender-female,.board-canvas.tv-readable .seat-card.occupied.gender-unknown{background:linear-gradient(180deg,#fff,#f5f8fb)}.seat-card.clickable{cursor:pointer}.seat-card.active{border-color:#f4c95d;box-shadow:0 0 0 4px #f4c95d33}.board-canvas.tv-readable .seat-card.active{border-color:#f4c95dad;background:linear-gradient(180deg,#fffaf0,#fff2cb);box-shadow:0 0 0 4px #f4c95d47,0 16px 30px #0f17202e;transform:translateY(-1px)}.seat-card.fixed{border-color:#1d8a65}.board-canvas.tv-readable .seat-card.fixed{border-color:#1d8a6542;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 14px 28px #0f17201f,0 0 0 1px #1d8a651f}.board-canvas.tv-readable .seat-card.empty:after{content:"비어 있음";position:absolute;bottom:8px;left:50%;transform:translate(-50%);color:#6b7c88;font-size:.64rem;font-weight:700;letter-spacing:.03em}.seat-content{position:relative;height:100%;padding:6px 9px 5px;text-align:center}.board-canvas.tv-readable .seat-content{padding:8px 10px 7px}.seat-content strong{position:absolute;top:50%;left:50%;font-size:.98rem;font-family:NanumSquare,나눔스퀘어,Pretendard Variable,Pretendard,Noto Sans KR,sans-serif;line-height:1.1;word-break:keep-all;text-align:center;transform:translate(-50%,-58%);width:calc(100% - 22px)}.seat-card.empty strong{color:#74838d;font-weight:700}.board-canvas.name-focus .seat-content{padding:6px 10px}.board-canvas.name-focus .seat-content strong{width:calc(100% - 18px);font-size:1.3rem;font-weight:700;line-height:1.02;letter-spacing:-.02em;transform:translate(-50%,-50%)}.board-canvas.name-focus .seat-card.empty strong{color:#7b8992;font-weight:700}.board-canvas.name-focus .seat-meta{display:none}.board-canvas.tv-readable .seat-content strong{width:calc(100% - 14px);font-size:1.18rem;font-weight:800;line-height:1.08;color:#0f1720;letter-spacing:-.02em;text-shadow:0 1px 0 rgba(255,255,255,.65);transform:translate(-50%,-50%)}.board-canvas.tv-readable .seat-card.empty strong{color:#6d7d88;font-weight:800;letter-spacing:.01em;transform:translate(-50%,-62%)}.board-canvas.tv-readable .seat-card.fixed strong{transform:translate(-50%,-50%)}.seat-pin-button{position:absolute;top:-4px;right:-4px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:2px solid rgba(255,255,255,.92);border-radius:999px;background:#f4f7f8fa;box-shadow:0 4px 10px #20303d24;color:#71838d;transition:background .12s ease,color .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease}.seat-pin-button.active{border-color:#0f6b4e;background:#1d8a65;box-shadow:0 6px 14px #1d8a6547;color:#f7fffb;transform:scale(1.05)}.board-canvas.tv-readable .seat-pin-button{border-color:#fffffff0;background:#fffffffa;box-shadow:0 6px 14px #0f17202e,0 1px 3px #0f17201f}.drag-handle{border:0;border-radius:999px;padding:5px 10px;background:#20303d14;font-size:.72rem}.seat-meta{display:inline-flex;width:fit-content;border-radius:999px;padding:1px 6px;font-size:.64rem}.seat-meta{position:absolute;top:calc(50% + 8px);left:50%;transform:translate(-50%);justify-content:center;color:#667680;padding:0;border-radius:0;background:transparent;font-size:.64rem;width:calc(100% - 18px)}.seat-meta.gender-male,.seat-meta.gender-female,.seat-meta.gender-unknown{color:inherit;font-weight:600}.board-canvas.tv-readable .seat-meta{display:none}.board-canvas.tv-readable .seat-card.empty:before{width:100%;border-radius:inherit;background:linear-gradient(135deg,#ffffff52,#fff0)}.board-canvas.tv-readable .seat-card.active.fixed{border-color:#f4c95dcc;background:linear-gradient(180deg,#fffaf0,#fff2cb);box-shadow:0 0 0 4px #f4c95d47,0 18px 34px #0f172024}.board-canvas.tv-readable .seat-meta.gender-male,.board-canvas.tv-readable .seat-meta.gender-female,.board-canvas.tv-readable .seat-meta.gender-unknown{color:var(--tv-muted)}.inspector{display:flex;flex-direction:column;gap:10px;position:sticky;top:14px}.inspector-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.inspector-tabs .mode-button{padding:10px 12px;font-size:.94rem}.inspector-section{padding:14px;gap:8px}.status-card{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:16px;background:#f4f7f8;color:#3f525d}.compact-status{font-size:.86rem}.student-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.rule-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:14px;background:#f7f9fa}.snapshot-list,.student-list{max-height:44vh;overflow-y:auto}.empty-state{display:grid;place-items:center;min-height:50vh;text-align:center}.empty-state-card{width:min(420px,100%)}@media(max-width:1280px){.workspace-grid{grid-template-columns:1fr}}@media(max-width:768px){.app-shell,.workspace,.canvas-section,.inspector-section,.panel,.topbar{border-radius:18px}.app-shell{padding:12px}.topbar{flex-direction:column;align-items:stretch}.classroom-selector-controls{flex:1 1 auto;width:100%}.topbar-left,.topbar-actions,.base-plan-edit-bar-actions{align-items:stretch}.base-plan-edit-bar{flex-direction:column;align-items:stretch}.inspector-tabs{grid-template-columns:1fr 1fr}}@media print{@page{margin:8mm}:root{background:#fff}body{background:#fff;overflow:visible}.app-shell{display:block;padding:0}.topbar,.print-hidden{display:none!important}.workspace,.topbar,.canvas-section,.board-shell,.inspector{border:0;box-shadow:none;background:#fff;padding:0}.workspace,.canvas-section{gap:0}.workspace-grid{display:block}.board-shell{overflow:visible;break-inside:avoid;page-break-inside:avoid}.board-stage{display:block;width:var(--print-stage-width-portrait, auto);height:var(--print-stage-height-portrait, auto)!important;margin:0 auto;overflow:visible}.board-stage-inner{width:100%!important;height:100%!important}.board-canvas{position:relative;inset:auto;transform:scale(var(--print-scale-portrait, 1))!important;transform-origin:top left;margin:0;background:#fff}}@media print and (orientation:landscape){.board-stage{width:var(--print-stage-width-landscape, auto);height:var(--print-stage-height-landscape, auto)!important}.board-canvas{transform:scale(var(--print-scale-landscape, 1))!important}}