:root{--blue:#1745bb;--purple:#9025aa;--pink:#cc52bf;--bg:#f5f6fd;--text:#202640;--border:#e2e6f4;--shadow:0 10px 32px #25358112}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.6 Tahoma,Arial,sans-serif;color:var(--text)}button,select,input,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:10px;padding:9px 13px;background:#fff;color:var(--text)}button:hover{filter:brightness(.97)}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.primary{color:white;border:0;background:linear-gradient(110deg,var(--blue),var(--purple),var(--pink));font-weight:700}.muted{background:#f4f4fc}.wide{width:100%;margin-top:12px}.top{background:white;padding:10px 27px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:75px;height:58px;object-fit:contain}.brand strong{display:block;font-size:21px;color:var(--blue)}.brand small,.aiHead small{font-size:11px;color:#667085}.topactions{display:flex;align-items:center;gap:10px}.topactions span{font-size:12px;color:#6c7690}.dedication{text-align:center;background:linear-gradient(110deg,#13369e,#86219d);color:white;line-height:1.8;padding:11px 12px;font-size:13px}.layout{display:grid;grid-template-columns:230px minmax(0,1fr) 290px;gap:15px;max-width:1700px;margin:20px auto;padding:0 17px;align-items:start}.panel,.workspace{background:white;border-radius:17px;box-shadow:var(--shadow);border:1px solid #e9eafa;padding:17px}.panel h2{font-size:17px;margin:0 0 8px}.hint{font-size:12px;color:#747d96}.documents .doc{padding:9px;border:1px solid var(--border);border-radius:10px;margin:8px 0;display:flex;align-items:center;gap:4px}.doc .open{flex:1;text-align:right;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.doc .trash{padding:5px;color:#be2453}.editorHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.editorHead input{font-size:19px;font-weight:700;border:0;width:100%;max-width:370px;outline:0;color:#273356}.export{display:flex;gap:7px}.toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:10px;background:#f8f9fe;border:1px solid var(--border);border-radius:11px}.toolbar button,.toolbar select{padding:6px 9px;min-height:35px;font-size:13px}.toolbar select{max-width:130px;border:1px solid var(--border);border-radius:8px;background:white}.sep{height:27px;width:1px;background:var(--border);margin:3px 2px}.colorLabel{font-size:12px;display:flex;align-items:center;gap:4px}.colorLabel input{width:30px;height:29px;border:0;background:none;cursor:pointer}.paperWrap{overflow:auto;background:#eef0f8;border-radius:12px;padding:22px 10px;margin-top:12px}.paper{background:#fff;max-width:794px;min-height:860px;margin:0 auto;padding:55px 65px;box-shadow:0 4px 20px #2c335c1b;outline:0;overflow-wrap:anywhere;line-height:1.9}.paper h1,.paper h2{line-height:1.4}.paper img{max-width:100%;height:auto}.paper table{border-collapse:collapse;width:100%}.paper td{border:1px solid #9aa3b8;padding:8px;min-width:40px}.footnote{font-size:11px;color:#7b8196;margin:10px 2px}.aiHead{display:flex;gap:10px;align-items:center}.aiIcon{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(125deg,var(--blue),var(--pink));border-radius:13px;color:white;font-size:25px}.assistant label{display:block;font-weight:700;margin:15px 0 6px;font-size:13px}.assistant textarea,.assistant select{width:100%;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fff;resize:vertical}.resultButtons{display:flex;gap:8px;margin-top:10px}.resultButtons button{flex:1}.aiNotice{background:#f7f2fc;border-radius:10px;color:#68537b;padding:10px;font-size:11px;margin-top:17px}#toast{position:fixed;bottom:20px;left:20px;background:#263360;color:white;padding:10px 17px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}@media(max-width:1250px){.layout{grid-template-columns:1fr 285px}.documents{grid-column:1/-1;order:3}.workspace{min-width:0}}@media(max-width:800px){.top{padding:10px;flex-wrap:wrap}.topactions{flex-wrap:wrap}.layout{display:flex;flex-direction:column;padding:0 10px}.layout>*{width:100%}.workspace{order:1}.assistant{order:2}.documents{order:3}.paper{padding:25px 22px;min-height:550px}.paperWrap{padding:9px}.editorHead{flex-wrap:wrap}}@media print{body{background:white}.top,.dedication,.documents,.assistant,.editorHead,.toolbar,.footnote{display:none!important}.layout,.workspace,.paperWrap{display:block!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:white!important}.paper{box-shadow:none!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important}@page{size:A4;margin:18mm}}

/* Profiles */
.gate{position:fixed;inset:0;background:linear-gradient(145deg,#e8eaff,#faf4ff);z-index:99999;display:grid;place-items:center;padding:16px}.gate[hidden]{display:none}.gateCard{max-width:490px;width:100%;background:white;border-radius:22px;padding:25px;text-align:center;box-shadow:0 12px 50px #152a7829}.gateCard img{height:116px;max-width:95%;object-fit:contain}.gateCard h1{font-size:23px;color:#253b9f}.profileGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.profileGrid button{background:linear-gradient(115deg,#2447bb,#bc38bd);border:0;color:white;padding:18px 8px;font-size:20px;border-radius:14px;cursor:pointer}.gateCard small{font-size:12px;color:#64748b}#activeProfileName{font-weight:700;color:#4d2c94}

/* Nour AI • refreshed application shell */
:root{--blue:#2945b8;--purple:#7429bd;--pink:#ba41b9;--bg:#f5f6fc;--text:#192143;--border:#e5e7f2;--shadow:0 16px 44px #2533710d}
body{font-family:Tahoma,'Segoe UI',Arial,sans-serif;background:radial-gradient(circle at 80% 0%,#f0e9fd 0%,transparent 37%),#f5f6fc}
button{transition:transform .16s ease,background .16s ease,box-shadow .16s ease;display:inline-flex;gap:7px;align-items:center;justify-content:center}
button:not(:disabled):hover{transform:translateY(-1px)}.icon,[data-icon]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:none}.icon svg,[data-icon] svg{width:19px;height:19px}
.top{padding:12px clamp(16px,3vw,40px);box-shadow:0 3px 22px #20315a08;position:relative;z-index:2}.brand strong{color:#2744b7;font-size:22px}.brand img{height:65px;width:78px}.dedication{background:linear-gradient(110deg,#213eb0,#7130ad,#b545ad);letter-spacing:.05px;padding:9px;font-size:12px}
.layout{grid-template-columns:240px minmax(0,1fr) 335px;gap:18px;max-width:1840px;margin:23px auto;padding:0 22px}.panel,.workspace{border:1px solid #ebebf7;border-radius:22px;padding:20px;box-shadow:var(--shadow)}.panel h2{font-size:18px}.documents,.assistant{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;scrollbar-width:thin}.workspace{padding:20px 22px}.workspaceBanner{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding:12px 15px;background:linear-gradient(110deg,#edf2ff,#faf0ff);border:1px solid #e8e9fa;border-radius:14px}.workspaceBanner>.icon{width:42px;height:42px;background:white;color:#4052bc;border-radius:12px;box-shadow:0 2px 10px #25358116}.workspaceBanner strong{display:block;font-size:15px}.workspaceBanner small{display:block;font-size:11px;color:#69728b}.editorHead{padding-bottom:12px}.editorHead input{font-size:21px}.toolbar{background:#fbfbff;border-radius:13px;gap:6px;padding:12px}.toolbar button:hover{background:#ecedff}.paperWrap{background:#eef1f9;border:1px solid #e1e4f1;border-radius:16px;padding:25px 13px}.paper{border-radius:3px;line-height:1.95;box-shadow:0 12px 36px #202b5412}.documents .doc{background:#fafbff;border-color:#eef0fa}.aiHead{padding-bottom:16px;border-bottom:1px solid #ecedf7}.aiHead h2{font-size:18px;margin:0}.aiHead small{font-size:11px}.aiIcon{width:49px;height:49px;flex:none;box-shadow:0 7px 18px #8a2eaa27}.aiIcon svg{width:27px;height:27px}.assistant textarea,.assistant select{border-radius:12px;padding:13px;background:#fcfcff;line-height:1.7}.assistant textarea:focus,.assistant select:focus{border-color:#8a69d1;outline:2px solid #e6daf8}.assistant .primary.wide{min-height:49px}.resultButtons button{min-height:43px}
.gate{background:radial-gradient(circle at 16% 10%,#e9e4fc,transparent 45%),linear-gradient(145deg,#f5f7ff,#fbf1fc)}.gateCard{max-width:585px;padding:33px;border:1px solid #edebfb;border-radius:28px;box-shadow:0 22px 65px #1b27602a}.gateCard h1{font-size:24px;margin:16px 0 7px}.gateLogo{height:115px!important;max-width:240px!important;object-fit:contain}.profileGrid{gap:13px;margin:24px 0}.profileGrid button{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-height:114px;background:#fff;color:#1c2855;border:1px solid #e5e7f4;box-shadow:0 5px 20px #172d570b;font-weight:700}.profileGrid button:hover{border-color:#915ce0;background:#faf7ff;box-shadow:0 12px 25px #5836a422}.profileIcon{width:44px;height:44px;border-radius:13px;color:#fff;background:linear-gradient(120deg,#2a49bd,#c046bc)}.profileIcon svg{width:23px;height:23px}.profileGrid button:nth-child(2) .profileIcon{background:linear-gradient(120deg,#dc5693,#f8ae7b)}.profileGrid button:nth-child(3) .profileIcon{background:linear-gradient(120deg,#e1a02d,#ef619a)}.profileGrid button:nth-child(4) .profileIcon{background:linear-gradient(120deg,#557ad3,#bd74df)}
.passwordOverlay,.welcomeOverlay{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;padding:18px;background:#16213f91;backdrop-filter:blur(9px)}.passwordOverlay[hidden],.welcomeOverlay[hidden]{display:none}.passwordCard,.welcomeCard{background:#fff;border:1px solid #ebe8f8;border-radius:25px;box-shadow:0 25px 65px #0e124844;max-width:420px;width:100%;padding:30px;text-align:center;position:relative;overflow:hidden}.passwordCard h2,.welcomeCard h2{font-size:25px;color:#263a93;margin:12px 0}.passwordCard p{color:#63708a}.passwordCard label{display:block;text-align:right;font-weight:700;margin:14px 0 7px}.passwordCard input{width:100%;padding:13px;border:1px solid #d9d9ed;border-radius:12px}.passwordActions{display:flex;gap:10px;margin-top:14px}.passwordActions button{flex:1}.passwordError{min-height:20px;color:#c32d54!important;font-size:13px;margin:4px}.lockBubble{width:64px;height:64px;border-radius:20px;background:#efebfc;color:#6d3cbd;display:grid;place-items:center;margin:auto}.lockBubble svg{width:30px;height:30px}.welcomeCard{max-width:490px;z-index:1;padding:40px 28px}.welcomeEmoji{font-size:78px;animation:bouncy 900ms cubic-bezier(.2,1.4,.3,1) both}.welcomeEyebrow{font-size:13px;color:#875ab8;font-weight:700}.welcomeCard h2{font-size:clamp(23px,4vw,34px);line-height:1.5}.welcomeCard #welcomeSubtitle{font-size:19px;color:#963bb4;font-weight:700;line-height:1.7}.welcomeContinue{margin-top:15px;min-height:47px;padding:12px 24px}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti span{position:absolute;top:-15px;left:var(--x);width:10px;height:16px;background:var(--color);border-radius:2px;animation:confettiFall 2.8s ease-in var(--delay) both}.welcomeOverlay{background:linear-gradient(120deg,#23388ab3,#5f279bb3);overflow:hidden}
@keyframes bouncy{from{opacity:0;transform:translateY(55px) scale(.3) rotate(-15deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}100%{transform:translateY(100vh) rotate(620deg);opacity:0}}
@media(max-width:1360px){.layout{grid-template-columns:220px minmax(0,1fr) 300px;gap:12px;padding:0 12px}.panel,.workspace{padding:15px}}
@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr) 320px}.documents{position:static;grid-column:1/-1;order:3;max-height:none}.assistant{position:static;max-height:none}.workspace{min-width:0}}
@media(max-width:760px){.layout{display:flex;flex-direction:column;gap:13px}.layout>*{width:100%}.assistant{order:2}.documents{order:3}.topactions{justify-content:center}.gateCard{padding:22px 14px}.profileGrid button{min-height:100px}.workspace{order:1}.paperWrap{padding:10px}.paper{padding:26px 19px;min-height:570px}.editorHead{gap:9px}}
@media(prefers-reduced-motion:reduce){.confetti span,.welcomeEmoji{animation:none}button{transition:none}}
@media print{.welcomeOverlay,.passwordOverlay{display:none!important}}

/* Nour Ai identity badge at the left of the Arabic heading */
.aiHead{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;gap:12px}
.nourIdentity{display:flex;align-items:center;gap:10px;min-width:0}.nourIdentity h2{margin:0;font-size:19px}.nourIdentity small{display:block;margin-top:5px}
.nourMark{flex:0 0 auto;width:61px;height:61px;border-radius:20px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#1d43ad 0%,#8051db 55%,#cf48b6 100%);color:white;box-shadow:0 8px 24px #6936b64d;overflow:hidden}
.nourMark strong{font-size:29px;font-family:Arial,sans-serif;font-weight:900;position:relative;z-index:2}.nourOrbit{position:absolute;inset:7px;border:1.5px solid #ffffffa6;border-radius:50%;transform:rotate(-25deg) scaleX(.7);animation:nourOrbit 4s linear infinite}.nourTwinkle{position:absolute;top:2px;left:8px;font-size:16px;animation:nourPulse 1.6s ease-in-out infinite}
@keyframes nourOrbit{to{transform:rotate(335deg) scaleX(.7)}}@keyframes nourPulse{50%{opacity:.4;transform:scale(1.4)}}
.welcomeOverlay .welcomeCard{animation:welcomePop .55s cubic-bezier(.16,1.5,.35,1) both}
@keyframes welcomePop{from{opacity:0;transform:scale(.75) translateY(25px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:500px){.nourMark{width:48px;height:48px;border-radius:15px}.nourIdentity h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.nourOrbit,.nourTwinkle,.welcomeOverlay .welcomeCard{animation:none}}

/* Study-break accordion */
.break-zone{margin-top:22px;border-top:1px solid #e4e6f4;padding-top:18px}
.break-zone details{border:1px solid #dedff4;border-radius:18px;background:linear-gradient(155deg,#fbfaff,#f4f7ff);overflow:hidden}
.break-zone summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:15px;user-select:none}
.break-zone summary::-webkit-details-marker{display:none}
.break-heading{display:flex;align-items:center;gap:11px}.break-emoji{font-size:27px}.break-heading strong{display:block;color:#263b98;font-size:17px}.break-heading small{display:block;color:#686a89;font-size:12px;margin-top:4px}.break-chevron{font-size:24px;color:#8d4ebe}
.break-content{padding:4px 14px 18px}.break-intro{background:white;border-radius:12px;padding:12px;color:#624a8f;font-size:13px}
.break-content h3{font-size:16px;color:#253a96;margin:20px 0 12px}.break-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.break-tiles article{padding:12px;background:white;border:1px solid #e8e5f5;border-radius:13px}.break-tiles article>span{font-size:24px;display:block;margin-bottom:6px}.break-tiles b{font-size:13px}.break-tiles p,.study-steps p{font-size:12px;line-height:1.8;margin:5px 0;color:#414964}.break-safety{font-size:12px;color:#765a85}.study-steps{background:white;padding:10px;border-radius:12px}
.break-joke-btn{background:linear-gradient(110deg,#274fc3,#bb43b9);color:#fff;border:none;border-radius:12px;padding:13px 15px;width:100%;font-weight:700;cursor:pointer}.break-joke-btn:disabled{opacity:.65;cursor:wait}.break-joke-result{background:#fff;border:1px solid #e4dff1;border-radius:12px;padding:13px;white-space:pre-wrap;line-height:1.9;margin-top:10px;color:#2c3270}
.pdf-export-page{position:fixed;left:-99999px;top:0;z-index:-1;direction:rtl}.pdf-export-page img{max-width:100%;height:auto}.pdf-export-page table{border-collapse:collapse;max-width:100%;width:100%}.pdf-export-page td,.pdf-export-page th{border:1px solid #aaa;padding:6px}.pdf-export-page p{margin:0 0 10px}
@media(max-width:430px){.break-tiles{grid-template-columns:1fr}}

/* Advanced features */
.extra-block{border-top:1px solid #dfe3fa;margin-top:16px;padding-top:13px}.extra-block h3{font-size:1rem;margin:5px 0 10px}.extra-block input,.advanced-ai input,.advanced-ai textarea,.extra-block textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:10px;margin:5px 0;background:white;color:#1b2541;font:inherit}.extra-actions{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.extra-actions button{flex:1;min-width:72px}.extra-block>.wide{margin:5px 0}.advanced-ai{margin:18px 0}.advanced-ai details{border:1px solid #d8dafa;border-radius:13px;margin:10px 0;background:#fafaff;padding:12px;color:#1e2453}.advanced-ai summary{cursor:pointer;font-weight:700;padding:4px}.chatLog{height:230px;max-height:40vh;overflow:auto;background:#fff;border:1px solid #e0e3f7;border-radius:12px;margin:10px 0;padding:10px}.chatBubble{padding:9px 12px;border-radius:12px;margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef2ff;color:#24325c}.chatBubble.me{background:#ede4ff}.quizItem{padding:12px;border:1px solid #dce0ed;border-radius:10px;margin:10px 0;background:#fff}.quizItem label{display:block;margin:7px 0;line-height:1.5;cursor:pointer}.quizFeedback{font-weight:600;margin-top:6px}#voiceBtn[aria-pressed=true]{background:#ffdce5;color:#ab174d}@media(max-width:600px){.extra-actions{flex-direction:column}.advanced-ai details{padding:9px}.chatLog{height:180px}}


/* CLEAN & EASY UI — local-only edition */
:root{--blue:#4565d6;--purple:#8655c7;--pink:#bb68b8;--bg:#f6f7fc;--text:#26334e;--border:#e3e8f4;--shadow:0 8px 30px rgba(41,54,95,.065)}
body{background:radial-gradient(circle at 90% 0%,#f0eaff 0,transparent 38%),#f6f7fc;color:var(--text);line-height:1.7}
.top{padding:15px clamp(16px,3vw,42px);box-shadow:0 3px 15px #303c5d08;position:relative;z-index:2}
.topactions{flex-wrap:wrap}
.brand strong{font-weight:800;letter-spacing:-.3px}
.dedication{background:linear-gradient(100deg,#465fd1,#8b59bf);font-size:12px;padding:8px 14px}
.layout{grid-template-columns:minmax(185px,215px) minmax(0,1fr) minmax(260px,310px);gap:17px;max-width:1750px;margin:22px auto;padding:0 20px}
.panel,.workspace{border:1px solid #e7eafa;border-radius:22px;box-shadow:var(--shadow);padding:20px}
.workspace{padding:22px}
.panel h2{font-size:17px;color:#303d68}
.documents .hint{line-height:1.85}
.documents .doc{background:#fafbff;border:1px solid #e7eafa;padding:8px;border-radius:12px}
.documents .doc:hover{border-color:#9faeed;background:#f2f4ff}
.documents .doc .open{background:transparent}
button{border-radius:12px;border:1px solid #e2e6f2;min-height:40px;transition:background .18s ease,border-color .18s ease,transform .18s ease}
button:hover{filter:none;transform:translateY(-1px);border-color:#b4bced;background:#f7f7fe}
button.primary:hover{background:linear-gradient(115deg,#3e59c3,#8350ba,#b25bab);filter:brightness(1.05)}
.primary{background:linear-gradient(115deg,#4869db,#8c58c9);border:0;color:#fff;box-shadow:0 4px 12px rgba(78,87,179,.13)}
.muted{background:#f5f6fd}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ad99e7;outline-offset:2px}
.workspaceBanner{border-radius:16px;background:linear-gradient(105deg,#f1efff,#f3f7ff);border:1px solid #e4e3fc;padding:13px 16px;margin-bottom:16px}
.editorHead{padding:5px 2px 16px;gap:15px}
.editorHead input{font-size:21px;font-weight:750;max-width:100%}
.toolbar{padding:12px;gap:7px;border-radius:15px;background:#f7f9fe;border-color:#e9ecf7}
.toolbar button,.toolbar select{border-radius:10px;min-height:40px}
.paperWrap{border-radius:16px;overflow:hidden}
.paper{max-width:850px;margin:0 auto;box-shadow:0 6px 20px rgba(24,37,67,.05);outline:none}
.assistant label{font-size:13px;font-weight:700;color:#44517a}
.assistant textarea,.assistant select{border-radius:12px;border:1px solid #dce2f2;background:#fff;line-height:1.7}
.aiHead{padding:0 0 13px;border-bottom:1px solid #eaecf5;margin-bottom:14px}
.nourMark{box-shadow:0 6px 18px #7762c92e}
.advanced-ai{margin-top:20px;padding-top:8px;border-top:1px solid #eaecf5}
.advanced-ai details{background:#fff;border:1px solid #e1e6f5;border-radius:13px;padding:0;margin:8px 0;overflow:hidden}
.advanced-ai summary{padding:13px 14px;background:#f9faff;color:#374873;font-size:13px;list-style-position:inside}
.advanced-ai details[open]{padding:0 12px 12px}
.advanced-ai details[open] summary{margin:0 -12px 10px;background:#f3f3ff}
.extra-block{margin-top:13px;border-top:none;padding-top:6px}
.local-tools{margin-top:13px;border:1px solid #e5e8f5;border-radius:13px;overflow:hidden;background:#fafbff}
.local-tools>summary{cursor:pointer;display:block;padding:12px 11px;font-weight:700;font-size:13px;color:#42517a}
.local-tools[open]{padding-bottom:10px}
.local-tools .extra-block{padding:5px 12px 0;margin:0;border:0}
.local-tools .extra-block h3{display:none}
.local-tools button{font-size:12px}
.import-action{margin-top:14px!important;border:1px solid #c9d6f4!important;background:#f1f5ff!important;color:#304caa!important;font-weight:700}
.footnote{font-size:12px;line-height:1.8;color:#596b82}
@media(max-width:1300px){.layout{grid-template-columns:185px minmax(0,1fr) 275px;gap:12px;padding:0 12px}.panel,.workspace{padding:16px}}
@media(max-width:1080px){.layout{grid-template-columns:minmax(0,1fr) 300px}.workspace{grid-column:1;grid-row:1}.assistant{grid-column:2;grid-row:1}.documents{grid-column:1/-1;grid-row:2;display:block}.documents #docList{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.documents .doc{margin:0}}
@media(max-width:780px){.layout{display:flex;flex-direction:column;padding:0 11px;gap:12px;margin:12px auto}.workspace{order:1}.assistant{order:2}.documents{order:3}.layout>*{width:100%}.top{gap:10px;padding:12px}.topactions{justify-content:center}.brand img{width:52px;height:46px}.brand strong{font-size:18px}.workspace{padding:14px}.panel{padding:14px}.paperWrap{padding:8px}.paper{min-height:440px;padding:22px 17px}.toolbar{max-height:180px;overflow-y:auto}.editorHead{flex-wrap:wrap}.editorHead .export{width:100%}.editorHead #pdfBtn{width:100%}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover{transform:none}}