.teacher-page-range-demo { display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,39%); gap:12px 8px; padding:9px 10px; border:1px solid #a9d4e8; border-radius:7px; background:#eaf4fb; }
.teacher-page-range-pills { grid-column:1; grid-row:2; }
.teacher-page-range-fields { grid-column:2; grid-row:2; }
.teacher-page-range-demo > strong { grid-column:1; align-self:center; color:#355b71; font-size:11px; }
.teacher-page-range-pills { display:flex; flex-wrap:wrap; align-content:start; gap:6px; min-width:0; }
.teacher-page-range-pills button { min-height:31px; display:inline-flex; align-items:center; gap:5px; padding:4px 11px; border:1px solid var(--line,#d4c9ba); border-radius:999px; background:var(--surface,#fff); color:var(--text,#24201d); font:inherit; font-size:11px; cursor:pointer; }
.teacher-page-range-pills button.selected { border-color:var(--green,#24755a); background:rgba(14,203,129,.12); color:var(--green,#24755a); font-weight:800; }
.teacher-page-range-pills small { font-size:10px; opacity:.8; }
.teacher-page-range-fields { display:flex; align-items:end; gap:7px; min-width:0; }
.teacher-page-range-fields label { display:grid; gap:3px; min-width:0; flex:1 1 0; color:var(--muted,#70675d); font-size:10px; }
.teacher-page-range-fields input { box-sizing:border-box; width:100%; min-width:0; height:34px; padding:0 8px; border:1px solid var(--line,#d4c9ba); border-radius:5px; background:var(--surface,#fff); color:var(--text,#24201d); font:inherit; }
.teacher-page-range-manage { grid-column:2; justify-self:end; min-height:27px; padding:2px 9px; border:1px solid #e5bc52; border-radius:6px; background:#fff0b8; color:#76520a; font:inherit; font-size:10px; font-weight:700; cursor:pointer; }
.teacher-page-range-manage:hover { background:#ffe69a; }
.teacher-page-range-add { flex:0 0 auto; min-height:34px; padding:0 8px; border:1px solid var(--green,#24755a); border-radius:6px; background:rgba(14,203,129,.12); color:var(--green,#24755a); font:inherit; font-size:11px; font-weight:700; cursor:pointer; }
.teacher-page-range-list { grid-column:1/-1; display:grid; gap:5px; min-width:0; }
.teacher-page-range-item { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; padding:6px 8px; border:1px solid var(--line,#d4c9ba); border-radius:5px; background:var(--surface,#fff); color:var(--text,#24201d); font-size:11px; }
.teacher-page-range-remove { flex:0 0 auto; min-height:26px; padding:2px 8px; border:1px solid var(--line,#d4c9ba); border-radius:5px; background:var(--canvas,#fffaf3); color:var(--muted,#70675d); font:inherit; font-size:10px; cursor:pointer; }
.teacher-page-range-demo-note { grid-column:1/-1; color:#496b7d; font-size:10px; }
.today-textbook-input-preview[hidden] { display:none !important; }
.class-textbook-list .demo-active-book-label { display:inline-flex; align-items:center; width:fit-content; min-height:25px; margin-left:6px; padding:0 8px; border:1px solid #b9d6c2; border-radius:7px; background:#edf6ef; color:#2f6849; font-size:10px; font-weight:800; }

@media (max-width:520px) {
  .teacher-page-range-demo { grid-template-columns:minmax(64px,.8fr) minmax(190px,1.5fr); gap:7px; padding:8px; }
  .teacher-page-range-fields { gap:5px; }
  .teacher-page-range-fields label { font-size:9px; }
  .teacher-page-range-fields input { height:34px; padding:0 6px; }
  .teacher-page-range-add { min-width:60px; }
}
.yuljae-textbook-only-dialog {box-sizing:border-box;width:min(1200px,96vw);height:92dvh;max-height:92dvh;padding:16px;border:1px solid #d4c9ba;border-radius:12px;background:#fffdf9;color:#24201d;overflow:auto;}
.yuljae-textbook-only-dialog::backdrop {background:rgba(20,25,30,.48);}
.yuljae-textbook-only-header {position:sticky;top:-16px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;background:#fffdf9;}
.yuljae-textbook-only-header button {padding:8px 12px;border:1px solid #d4c9ba;border-radius:7px;background:#fff0b8;color:#76520a;}
.yuljae-textbook-only-dialog .class-textbook-panel-actions>button:first-child {display:none;}
.yuljae-textbook-only-dialog .textbook-management {min-width:0;}
@media(max-width:520px){.yuljae-textbook-only-dialog{width:98vw;padding:10px}.yuljae-textbook-only-header{top:-10px;font-size:12px}}