html.ez-workspace-modal-open { overflow:hidden; }
/* Preview-first workspace, scoped to the English worksheet tool. */
.english-zitie-page { max-width:1680px; }
.english-zitie-page .ez-workspace-bar { display:flex; align-items:center; gap:20px; padding:8px 0 18px; }
.english-zitie-page .ez-workspace-bar h1 { margin:0; font-size:20px; line-height:1.4; font-weight:650; color:var(--ez-text); }
.english-zitie-page .ez-workspace-tools,.english-zitie-page .ez-workspace-export { display:flex; gap:8px; align-items:center; }
.english-zitie-page .ez-workspace-export { margin-left:auto; }
.english-zitie-page .ez-workspace-bar button,.english-zitie-page .ez-drawer-head button,.english-zitie-page .ez-drawer-done { min-height:42px; padding:9px 14px; border:1px solid var(--ez-border); border-radius:9px; color:var(--ez-text-2); background:var(--ez-surface); font:inherit; font-size:13px; cursor:pointer; }
.english-zitie-page .ez-workspace-bar button:hover,.english-zitie-page #ez-settings-toggle.is-active { background:var(--ez-yellow); color:var(--ez-primary); border-color:var(--ez-warm); }
.english-zitie-page .ez-workspace-bar button.is-primary,.english-zitie-page .ez-drawer-done { background:var(--ez-primary); color:#fff; border-color:var(--ez-primary); }
.english-zitie-page .ez-workspace-bar button:disabled { opacity:.55; cursor:wait; }
.english-zitie-page .ez-workspace-bar button i { margin-right:5px; }
.english-zitie-page .ez-workspace-feedback { margin:0; color:var(--ez-primary); font-size:13px; line-height:1.6; }
.english-zitie-page .ez-workspace-feedback:not(:empty) { margin-bottom:12px; }
.english-zitie-page .ez-app { grid-template-columns:minmax(0,0) minmax(0,1fr); gap:0; transition:grid-template-columns 220ms ease,gap 220ms ease; }
.english-zitie-page.is-settings-open .ez-app { grid-template-columns:340px minmax(0,1fr); gap:18px; }
.english-zitie-page .ez-preview-wrap { grid-column:2; border-radius:12px; background:#f0eee8; scroll-margin-top:140px; }
.english-zitie-page .ez-settings-drawer { grid-column:1; grid-row:1; position:sticky; top:132px; margin:0; padding:0; width:340px; max-width:100%; max-height:calc(100dvh - 100px); border:1px solid var(--ez-border); border-radius:12px; color:var(--ez-text); background:var(--ez-surface); overflow:auto; overscroll-behavior:contain; box-sizing:border-box; }
.english-zitie-page .ez-settings-drawer:not([open]),.english-zitie-page .ez-textbook-dialog:not([open]) { display:none; }
.english-zitie-page .ez-settings-drawer .ez-panel { position:static; border:0; border-radius:0; padding:0 18px 18px; box-shadow:none; max-width:none; }
.english-zitie-page .ez-drawer-head { display:flex; align-items:center; justify-content:space-between; gap:12px; position:sticky; top:0; z-index:3; padding:14px 0 12px; background:var(--ez-surface); }
.english-zitie-page .ez-drawer-head h2 { margin:0; font-size:15px; line-height:1.5; font-weight:650; }
.english-zitie-page .ez-drawer-head button { border:0; min-height:36px; padding:6px 8px; font-size:12px; color:var(--ez-text-3); }
.english-zitie-page .ez-drawer-head button span { font-size:20px; vertical-align:-1px; padding-left:5px; }
.english-zitie-page .ez-drawer-done { display:block; position:sticky; bottom:0; width:100%; margin-top:16px; box-shadow:0 0 0 8px var(--ez-surface); }
.english-zitie-page .ez-textbook-dialog { position:fixed; inset:0; margin:auto; width:min(1120px,calc(100vw - 64px)); max-width:none; max-height:86dvh; padding:0; border:0; border-radius:18px; background:var(--ez-surface); color:var(--ez-text); overflow:auto; overscroll-behavior:contain; box-shadow:0 25px 100px #0004; }
.english-zitie-page .ez-textbook-dialog::backdrop,.english-zitie-page .ez-settings-drawer::backdrop { background:#21190f80; }
.english-zitie-page .ez-textbook-dialog-head { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 28px 18px; position:sticky; top:0; background:var(--ez-surface); z-index:5; border-bottom:1px solid var(--ez-border); }
.english-zitie-page .ez-textbook-dialog-head h2 { margin:0 0 5px; font-size:20px; line-height:1.4; }
.english-zitie-page .ez-textbook-dialog-head p { margin:0; font-size:12px; color:var(--ez-text-3); }
.english-zitie-page .ez-textbook-dialog-head button { min-width:44px; height:44px; border:0; background:transparent; color:var(--ez-text-3); font-size:26px; cursor:pointer; }
.english-zitie-page .ez-textbook-dialog .ez-textbook-body { padding:18px 28px 28px; border:0; }
.english-zitie-page .ez-textbook-dialog .ez-textbook-fields { grid-template-columns:repeat(4,minmax(0,1fr)); }
.english-zitie-page .ez-textbook-dialog .ez-textbook-field-wide { grid-column:span 2; }
.english-zitie-page .ez-textbook-dialog .ez-textbook-covers { grid-template-columns:repeat(6,minmax(0,1fr)); }
.english-zitie-page .ez-textbook-dialog .ez-textbook-list { max-height:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.english-zitie-page .ez-textbook-dialog .ez-textbook-card { margin:0; }
.english-zitie-page button:focus-visible,.english-zitie-page summary:focus-visible { outline:2px solid var(--ez-primary); outline-offset:3px; }
@media(min-width:992px) { .english-zitie-page .ez-workspace-bar { position:sticky; top:56px; z-index:10; background:var(--ez-bg); padding:12px 0; margin-bottom:12px; } .english-zitie-page .ez-textbook-source summary::after { content:'↗'; } }
@media(max-width:991px) {
 .english-zitie-page .ez-app,.english-zitie-page.is-settings-open .ez-app { display:block; }
 .english-zitie-page .ez-workspace-bar { flex-wrap:wrap; gap:10px; padding-bottom:12px; }
 .english-zitie-page .ez-workspace-bar h1 { font-size:18px; }
 .english-zitie-page .ez-workspace-tools { margin-left:auto; }
 .english-zitie-page .ez-settings-drawer { position:fixed; inset:0 auto 0 0; width:min(400px,92vw); max-width:none; max-height:none; height:100dvh; margin:0; border:0; border-radius:0 16px 16px 0; padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px); }
 .english-zitie-page .ez-settings-drawer[open] { animation:ez-drawer-enter 200ms ease-out; }
 .english-zitie-page .ez-drawer-done { min-height:46px; }
}
@media(max-width:768px) {
 .english-zitie-page .ez-workspace-export { display:none; }
 .english-zitie-page .ez-workspace-bar { align-items:flex-start; }
 .english-zitie-page .ez-workspace-tools { width:100%; margin:0; }
 .english-zitie-page .ez-workspace-tools button { flex:1; }
 .english-zitie-page .ez-preview-wrap { padding:10px; min-height:420px; }
}
@keyframes ez-drawer-enter { from { transform:translateX(-100%); } to { transform:translateX(0); } }
@media(prefers-reduced-motion:reduce) { .english-zitie-page .ez-app { transition:none; } .english-zitie-page .ez-settings-drawer[open] { animation:none; } }
@media print { .english-zitie-page .ez-workspace-bar,.english-zitie-page .ez-workspace-feedback,.english-zitie-page .ez-settings-drawer,.english-zitie-page .ez-textbook-dialog { display:none!important; } .english-zitie-page .ez-app { display:block!important; } }
[data-theme="dark"] .english-zitie-page .ez-workspace-bar { background:#2d2722; }
[data-theme="dark"] .english-zitie-page .ez-workspace-bar button.is-primary,
[data-theme="dark"] .english-zitie-page .ez-drawer-done { color:#35261a; }
[data-theme="dark"] .english-zitie-page .ez-textbook-dialog .ez-textbook-cover,
[data-theme="dark"] .english-zitie-page .ez-textbook-dialog .ez-textbook-card,
[data-theme="dark"] .english-zitie-page .ez-settings-drawer .ez-textbook-source,
[data-theme="dark"] .english-zitie-page .ez-settings-drawer .ez-textbook-cover,
[data-theme="dark"] .english-zitie-page .ez-settings-drawer .ez-textbook-card { background:#433a33; border-color:#806a58; }
[data-theme="dark"] .english-zitie-page .ez-textbook-field input,
[data-theme="dark"] .english-zitie-page .ez-textbook-field select { background:#312a25; color:#f5ece3; border-color:#806a58; }
[data-theme="dark"] .english-zitie-page .ez-textbook-fill { background:#57412e; color:#f4c475; border-color:#987b55; }