:root{--bg: #f8f9fb;--surface: #ffffff;--primary: #5b6abf;--primary-light: #eef0fb;--danger: #d9534f;--success: #3a9e5c;--success-light: #c3e6cb;--accent: #e67e22;--gender-a-bg: #e0f2f1;--gender-a-border: #80cbc4;--gender-a-text: #00695c;--gender-b-bg: #fce4ec;--gender-b-border: #f48fb1;--gender-b-text: #ad1457;--gender-c-bg: #ede7f6;--gender-c-border: #b39ddb;--gender-c-text: #4527a0;--text: #2c3e50;--text-light: #8899a6;--text-secondary: #5a6c7d;--border: #e8ecf0;--radius: 10px;--radius-sm: 6px;--fs-xs: .6875rem;--fs-sm: .75rem;--fs-base: .8125rem;--fs-md: .875rem;--fs-lg: 1rem;--fs-xl: 1.125rem}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;height:100%}#root{height:100%}.app{height:100%;display:flex;flex-direction:column;overflow:hidden}.app-header{background:var(--surface);border-bottom:1px solid var(--border);padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.header-left{display:flex;align-items:baseline;gap:.5rem}.app-title{font-size:var(--fs-lg);font-weight:700;color:var(--primary)}.app-subtitle{font-size:var(--fs-xs);color:var(--text-light)}.header-right{display:flex;align-items:center;gap:.5rem}.app-main{flex:1;padding:.5rem;overflow:hidden;display:flex;flex-direction:column;min-height:0}.main-layout{display:grid;grid-template-columns:260px 1fr;gap:.5rem;flex:1;min-height:0;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:.375rem;min-height:0;overflow-y:auto;overflow-x:hidden}.language-switcher{display:flex;gap:2px;background:var(--bg);padding:2px;border-radius:var(--radius)}.lang-btn{display:flex;align-items:center;gap:3px;padding:3px 8px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-xs);color:var(--text-light);transition:all .15s}.lang-btn:hover{background:var(--surface);color:var(--text)}.lang-btn.active{background:var(--surface);color:var(--primary);font-weight:600}.lang-flag{font-size:var(--fs-md)}.panel{background:var(--surface);border-radius:var(--radius);padding:.625rem;border:1px solid var(--border);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-title{font-size:var(--fs-base);font-weight:600;margin-bottom:.375rem}.compact-title{font-size:var(--fs-sm);margin-bottom:.25rem}.step-title{font-size:var(--fs-sm);font-weight:700;color:var(--primary);padding:.25rem .5rem;background:var(--primary-light);border-radius:var(--radius-sm);margin-bottom:0;border-left:3px solid var(--primary)}.btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:none;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#e8ecf0}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{opacity:.9}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:3px 8px;font-size:var(--fs-xs)}.csv-uploader{font-size:var(--fs-sm)}.section-divider{height:1px;background:var(--border);margin:.375rem 0}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:.75rem;text-align:center;cursor:pointer;transition:all .15s;margin-bottom:.375rem}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--primary);background:var(--primary-light)}.drop-icon{font-size:1.25rem;margin-bottom:2px}.drop-zone p{color:var(--text-light);font-size:var(--fs-xs)}.drop-hint{font-size:.625rem!important;color:#aaa!important}.students-summary{margin-top:.375rem}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.student-count{font-weight:600;font-size:var(--fs-xs)}.gender-summary{font-weight:400;color:var(--text-light);margin-left:4px;font-size:.625rem}.student-list{display:flex;flex-wrap:wrap;gap:3px;max-height:100px;overflow-y:auto;padding:4px;background:var(--bg);border-radius:var(--radius-sm)}.student-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:12px;font-size:.625rem;font-weight:500}.student-chip.gender-a{background:var(--gender-a-bg);color:var(--gender-a-text)}.student-chip.gender-b{background:var(--gender-b-bg);color:var(--gender-b-text)}.student-chip.gender-c{background:var(--gender-c-bg);color:var(--gender-c-text)}.chip-dot{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;font-size:.5rem;font-weight:700;color:#fff;flex-shrink:0}.gender-a .chip-dot{background:var(--gender-a-border)}.gender-b .chip-dot{background:var(--gender-b-border)}.gender-c .chip-dot{background:var(--gender-c-border)}.chip-remove{background:none;border:none;cursor:pointer;font-size:var(--fs-sm);line-height:1;opacity:.4;padding:0 2px;color:inherit}.chip-remove:hover{opacity:1}.add-student-form{display:flex;gap:4px;margin-top:.375rem}.input,.select{padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-family:inherit;background:var(--surface);color:var(--text)}.input:focus,.select:focus{outline:none;border-color:var(--primary)}.input{flex:1;min-width:0}.select{min-width:48px}.sidebar-controls{display:flex;flex-direction:column;gap:.375rem}.sidebar-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;padding:.375rem .5rem}.sidebar-step .step-title{margin-bottom:0}.step-content{padding:.25rem 0 0;display:flex;flex-direction:column;gap:.375rem}.presets-grid{display:flex;flex-wrap:wrap;gap:3px}.btn-preset{display:flex;align-items:center;padding:4px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;font-family:inherit}.btn-preset:hover{border-color:var(--primary);background:var(--primary-light)}.preset-icon{font-size:var(--fs-md)}.preset-name{font-size:var(--fs-xs);color:var(--text);font-weight:500}.step-actions{display:flex;flex-wrap:wrap;gap:4px}.desk-count-info{font-size:.625rem;font-weight:600;color:var(--text-light);text-align:center;padding:2px 0}.unassigned-sidebar{background:var(--bg);border-radius:var(--radius-sm);padding:4px 6px;transition:all .15s}.unassigned-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-light);white-space:nowrap;display:block;margin-bottom:3px}.unassigned-chips{display:flex;flex-wrap:wrap;gap:3px;max-height:80px;overflow-y:auto}.all-assigned-inline{color:var(--success);font-size:var(--fs-xs);font-weight:500}.no-students-bar{text-align:center;color:var(--text-light);font-size:var(--fs-xs);padding:6px;background:var(--bg);border-radius:var(--radius-sm)}.student-card{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:500;transition:all .15s}.student-card.gender-a{background:var(--gender-a-bg);color:var(--gender-a-text)}.student-card.gender-b{background:var(--gender-b-bg);color:var(--gender-b-text)}.student-card.gender-c{background:var(--gender-c-bg);color:var(--gender-c-text)}.student-card.draggable{cursor:grab}.student-card.draggable:active{cursor:grabbing;opacity:.6}.student-card:hover{opacity:.8}.message-banner{background:var(--primary);color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:500;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.combined-panel{overflow:hidden;display:flex;flex-direction:column}.room-container{background:var(--bg);border-radius:var(--radius-sm);padding:.375rem;-webkit-user-select:none;user-select:none;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.teacher-desk-area{display:flex;justify-content:center;margin-bottom:.375rem;flex-shrink:0}.compact-teacher{margin-bottom:.25rem}.teacher-desk{background:var(--text);color:#fff;padding:3px 20px;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:600}.grid-info-bar{display:flex;justify-content:center;padding:1px 0;margin-bottom:2px;flex-shrink:0}.edge-info{font-size:.625rem;font-weight:600;color:var(--text-light)}.edge-row-top{display:grid;gap:2px;margin-bottom:2px;flex-shrink:0}.edge-col-left{display:grid;gap:2px;flex-shrink:0;margin-right:2px}.edge-btn-cell{display:flex;align-items:center;justify-content:center;border:none;border-radius:3px;font-size:var(--fs-xs);font-weight:700;cursor:pointer;transition:all .12s;font-family:inherit;padding:0;min-width:18px;min-height:18px}.edge-btn-minus{background:#fde8e8;color:var(--danger)}.edge-btn-minus:hover:not(:disabled){background:var(--danger);color:#fff}.edge-btn-cell:disabled{opacity:.15;cursor:not-allowed}.grid-with-edges{display:flex;gap:0;flex:1;min-height:0;overflow:hidden}.edge-add-strip{border:2px dashed var(--success-light);border-radius:var(--radius-sm);background:#f0faf3;color:var(--success);font-size:var(--fs-lg);font-weight:700;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.edge-add-strip:hover:not(:disabled){background:var(--success);color:#fff;border-color:var(--success);border-style:solid}.edge-add-strip:disabled{opacity:.2;cursor:not-allowed}.edge-add-col{width:24px;min-height:100%;flex-shrink:0;margin-left:2px}.edge-add-row{width:100%;height:24px;margin-top:2px;flex-shrink:0}.combined-grid{display:grid;gap:2px;flex:1;min-height:0;overflow:hidden}.grid-cell{display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;font-size:var(--fs-base);transition:all .12s;min-height:22px}.grid-cell.active{background:var(--primary-light);border:1.5px solid var(--primary)}.grid-cell.inactive{background:#f0f0f0;border:1.5px dashed #ddd;opacity:.35}.grid-cell.inactive:hover{opacity:.6;border-color:var(--primary)}.grid-cell.active:hover{background:#dde1f7}.seat-cell{min-height:0;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .12s}.seat-cell.empty-cell{background:transparent}.seat-cell.desk-cell{cursor:pointer}.seat-cell.vacant{background:#f0f0f0;border:1.5px dashed #d4d4d4}.seat-cell.vacant:hover{border-color:var(--primary);background:var(--primary-light)}.seat-cell.occupied-a{background:var(--gender-a-bg);border:1.5px solid var(--gender-a-border);cursor:grab}.seat-cell.occupied-a:hover{background:#c8e6c9}.seat-cell.occupied-a:active{cursor:grabbing}.seat-cell.occupied-b{background:var(--gender-b-bg);border:1.5px solid var(--gender-b-border);cursor:grab}.seat-cell.occupied-b:hover{background:#f8bbd0}.seat-cell.occupied-b:active{cursor:grabbing}.seat-cell.occupied-c{background:var(--gender-c-bg);border:1.5px solid var(--gender-c-border);cursor:grab}.seat-cell.occupied-c:hover{background:#d1c4e9}.seat-cell.occupied-c:active{cursor:grabbing}.seat-cell.drag-over{outline:2px solid var(--primary)!important;outline-offset:-2px;background:var(--primary-light)!important;transform:scale(1.04)}.unassigned-sidebar.drop-target-active{outline:2px dashed var(--primary);outline-offset:-2px;background:var(--primary-light)}.seated-student{display:flex;flex-direction:column;align-items:center;gap:0}.seated-emoji{font-size:var(--fs-md)}.seated-name{font-size:.625rem;font-weight:600;text-align:center;line-height:1.1;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-seat{font-size:var(--fs-lg);opacity:.3}.print-chart-title{display:none}@media (max-width: 640px){:root{--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.1875rem}html,body{overflow:auto;height:auto}#root{height:auto}.app{height:auto;overflow:visible}.app-main{overflow:visible}.app-header{padding:.625rem .75rem;flex-wrap:wrap;gap:.375rem}.header-left{gap:.375rem}.app-subtitle{display:none}.main-layout{grid-template-columns:1fr;overflow:visible;gap:.5rem}.sidebar{overflow-y:visible}.panel{padding:.75rem}.csv-uploader{max-height:none}.combined-panel{overflow:visible;min-height:60vh}.room-container{min-height:300px;overflow:visible}.grid-with-edges{min-height:200px}.drop-zone{padding:1rem}.student-list{max-height:160px}.add-student-form{gap:6px}.input,.select{padding:6px 10px;font-size:var(--fs-sm)}.btn-preset{padding:6px 10px}.preset-name{font-size:var(--fs-sm)}.btn{padding:6px 12px;font-size:var(--fs-sm)}.btn-sm{padding:5px 10px;font-size:var(--fs-xs)}.teacher-desk{padding:4px 16px;font-size:var(--fs-xs)}.grid-cell{min-height:28px}.seated-name{font-size:var(--fs-xs);max-width:48px}.unassigned-chips{max-height:80px}.student-card{padding:4px 8px;font-size:var(--fs-xs)}.edge-btn-cell{min-width:24px;min-height:24px;font-size:var(--fs-sm)}.edge-add-col{width:28px}.edge-add-row{height:28px}.step-title{font-size:var(--fs-sm);padding:.375rem .625rem}.step-content{padding:.5rem .625rem}}@media (min-width: 641px) and (max-width: 1024px){:root{--fs-xs: .6875rem;--fs-sm: .75rem;--fs-base: .8125rem;--fs-md: .875rem;--fs-lg: 1rem;--fs-xl: 1.125rem}.main-layout{grid-template-columns:220px 1fr;gap:.5rem}html,body{overflow:hidden}.seated-name{font-size:.625rem}}@media (min-width: 1440px){:root{--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem}.main-layout{grid-template-columns:300px 1fr;gap:.75rem}.panel{padding:.875rem}.grid-cell{min-height:28px}.seated-name{font-size:.6875rem;max-width:72px}.student-chip{font-size:.6875rem;padding:3px 8px}.chip-dot{width:16px;height:16px;font-size:.5625rem}.drop-zone{padding:1rem}.student-list{max-height:120px}.btn-preset{padding:6px 12px}}@media (min-width: 1920px){:root{--fs-xs: .8125rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.0625rem;--fs-lg: 1.1875rem;--fs-xl: 1.375rem}.main-layout{grid-template-columns:340px 1fr;max-width:1800px;margin:0 auto}.app-header{padding:.625rem 1.5rem}.app-main{padding:.75rem}.grid-cell{min-height:32px}.seated-name{font-size:var(--fs-xs);max-width:80px}.edge-btn-cell{min-width:22px;min-height:22px}.edge-add-col{width:28px}.edge-add-row{height:28px}}@media (min-width: 1025px) and (max-width: 1439px){html,body{overflow:hidden}}@media print{.no-print,.app-header,.sidebar,.sidebar-controls,.edge-row-top,.edge-col-left,.edge-add-strip,.grid-info-bar,.message-banner{display:none!important}.print-chart-title{display:block!important;text-align:center;padding:.5rem 0}.print-chart-title h1{font-size:1.25rem;font-weight:700;color:#333;margin:0}body{background:#fff;overflow:visible!important;height:auto!important}.app{height:auto;overflow:visible}.app-main{padding:0;overflow:visible}.main-layout{display:block}.panel,.room-container{border:none;padding:0}.teacher-desk{background:#333!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.seat-cell.occupied-a,.seat-cell.occupied-b,.seat-cell.occupied-c{-webkit-print-color-adjust:exact;print-color-adjust:exact}.seat-cell{min-height:40px;border:1px solid #999!important}.seated-name{font-size:.625rem}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#aaa}