/* Glass workspace: UI layers only; PDF canvas retains its original appearance. */
:root{--glass:rgba(255,255,255,.43);--glass-strong:rgba(255,255,255,.7);--glass-button:rgba(255,255,255,.18);--glass-hover:rgba(255,255,255,.55);--glass-line:rgba(255,255,255,.76);--glass-edge:rgba(116,146,166,.2);--glass-shadow:0 12px 35px rgba(38,73,99,.09),inset 0 1px 0 rgba(255,255,255,.86);--ink:#263e50;--muted:#5a7486;--accent:#38657f;--selected:rgba(106,160,191,.2);--focus:#467fa1}
html[data-theme="dark"]{--glass:rgba(40,34,29,.46);--glass-strong:rgba(44,36,30,.75);--glass-button:rgba(224,184,145,.07);--glass-hover:rgba(224,184,145,.16);--glass-line:rgba(239,213,185,.23);--glass-edge:rgba(238,192,146,.16);--glass-shadow:0 12px 35px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,228,203,.13);--ink:#f0e6dc;--muted:#d2c1b0;--accent:#e6bc97;--selected:rgba(216,169,126,.19);--focus:#d4a577}
body{background:radial-gradient(ellipse at 9% 15%,#cce0e7 0,transparent 45%),radial-gradient(ellipse at 83% 80%,#e1d9cd 0,transparent 43%),linear-gradient(140deg,#edf5f8,#e0eaf0 60%,#edf0ee)!important;color:var(--ink);letter-spacing:-.15px}
html[data-theme="dark"] body{background:radial-gradient(ellipse at 10% 12%,#514032 0,transparent 48%),radial-gradient(ellipse at 88% 84%,#3d3328 0,transparent 42%),linear-gradient(140deg,#201d1a,#171615 65%,#26211c)!important}
header{margin:12px;height:87px;border:1px solid var(--glass-line)!important;border-radius:25px;background:var(--glass)!important;box-shadow:var(--glass-shadow);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);padding:15px 22px}
main{height:calc(100dvh - 123px);grid-template-columns:210px minmax(0,1fr) 244px;gap:12px;margin:0 12px 12px}
aside{border:1px solid var(--glass-line)!important;border-radius:25px;background:var(--glass)!important;box-shadow:var(--glass-shadow);backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);scrollbar-width:thin;padding:22px 15px}
.workspace{border:1px solid var(--glass-line);border-radius:27px;background:rgba(255,255,255,.13);box-shadow:var(--glass-shadow);overflow:hidden;position:relative}
html[data-theme="dark"] .workspace{background:rgba(15,13,12,.16)}
.toolbar{margin:10px 10px 0;padding:10px;border:1px solid var(--glass-line)!important;border-radius:20px;background:var(--glass)!important;box-shadow:0 4px 16px #00000006,inset 0 1px 0 #ffffff30;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.tools{padding:4px;border-radius:16px;background:rgba(125,151,169,.08);gap:3px}.controls{gap:7px}
button,.button{border:1px solid var(--glass-line)!important;border-radius:14px;background:var(--glass-button)!important;color:var(--ink)!important;box-shadow:0 3px 10px #00000004,inset 0 1px 0 #ffffff2b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .18s,box-shadow .18s,transform .18s;font-weight:500;min-height:40px}
button:hover,.button:hover{background:var(--glass-hover)!important;box-shadow:0 5px 16px #00000009,inset 0 1px 0 #ffffff40}button:active,.button:active{transform:scale(.98)}button:disabled{opacity:.4;transform:none}
.primary{background:var(--selected)!important;color:var(--accent)!important;border-color:var(--glass-edge)!important;font-weight:650}
.primary:hover,.tools button.active{background:var(--selected)!important;color:var(--accent)!important;border-color:var(--glass-edge)!important;box-shadow:0 4px 12px #00000006,inset 0 1px 0 #ffffff38}
.theme-toggle{border-radius:50%;width:42px;height:42px;min-height:42px}header .brand img{width:59px;height:59px}header .brand strong{font-weight:650;letter-spacing:-.5px}.brand small{color:var(--muted)!important}.private{color:var(--muted)!important;background:var(--glass-button);border:1px solid var(--glass-line);padding:9px 12px;border-radius:30px}
.pagebar{padding:13px 19px;color:var(--muted)!important}.pagebar button{min-height:33px;width:33px;border-radius:50%;padding:2px}.pagebar select{border-radius:12px;padding:7px;border:1px solid var(--glass-line)}
select,textarea,.inspector input,.controls input{background:var(--glass-button)!important;color:var(--ink)!important;border:1px solid var(--glass-line)!important;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff1c}.controls input{border-radius:9px}.inspector textarea::placeholder{color:var(--muted);opacity:.7}input[type="color"]{padding:3px}
.section{color:var(--muted)!important;font-size:10px;letter-spacing:1.6px}.section #count{background:var(--selected);padding:3px 7px;border-radius:10px;letter-spacing:0;float:right}label,#hint,.notice,.pageitem span{color:var(--muted)!important}.notice{border-color:var(--glass-edge)!important}
.pageitem{background:var(--glass-button)!important;border:1px solid var(--glass-line)!important;border-radius:16px;color:var(--ink)!important;box-shadow:inset 0 1px 0 #ffffff2b}.pageitem.active{background:var(--selected)!important;border-color:var(--glass-edge)!important}.pageitem b{background:var(--glass-button)!important;border:1px solid var(--glass-line);border-radius:9px;color:var(--accent)}
footer{border-top:1px solid var(--glass-line);background:var(--glass)!important;color:var(--muted)!important;padding:10px 16px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}footer button{min-height:30px;font-size:11px;border-radius:12px}
#empty{padding:30px 18px;margin:45px auto}#empty h1{font-weight:600;letter-spacing:-1.2px}#empty p,#empty small{color:var(--muted)!important}.docicon{width:90px;height:90px;display:grid;place-items:center;margin:auto;border-radius:25px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);color:var(--accent);font-size:48px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
#stage{scrollbar-width:thin}#paper{border-radius:2px;background:white!important}.danger{color:#a35248!important}html[data-theme="dark"] .danger{color:#e5a99c!important}
dialog{background:var(--glass-strong)!important;color:var(--ink)!important;border:1px solid var(--glass-line)!important;border-radius:28px;backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);box-shadow:var(--glass-shadow)}dialog::backdrop{background:#1d2b364d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:1100px){main{grid-template-columns:165px minmax(0,1fr) 215px;gap:9px}.toolbar{gap:7px}.toolbar button{font-size:12px;padding:8px}.private{display:none}}
@media(max-width:760px){header{height:auto;margin:9px;padding:13px;border-radius:23px;gap:8px}header .brand{width:100%}header .brand img{width:55px;height:55px}header button{min-height:43px;font-size:12px}header .theme-toggle{flex:0 0 43px}.brand strong{font-size:20px}main{height:auto;min-height:calc(100dvh - 140px);grid-template-columns:1fr;margin:0 9px 9px;gap:10px}aside{padding:13px;border-radius:23px;gap:7px}aside>.section{margin:6px 0}aside>.button,aside>button{min-height:39px;margin-bottom:0}.workspace{min-height:75dvh;border-radius:23px}.toolbar{margin:8px 8px 0;border-radius:18px;padding:8px}.tools{width:100%;justify-content:space-between;flex-wrap:nowrap}.tools button{padding:8px 6px;font-size:11px;min-height:38px}.controls{width:100%;justify-content:flex-start;gap:7px}.controls button{font-size:12px;padding:7px 9px}.pagebar{padding:11px}.pagebar>div{gap:6px}.inspector{padding:17px}.inspector>button,.inspector>.button{margin-bottom:7px}.pair button{width:100%}#empty{margin:18px auto;padding:24px 12px}#empty h1{font-size:25px}.docicon{width:75px;height:75px;font-size:40px}footer{gap:8px;padding:9px 11px}footer span{line-height:1.5}dialog{width:calc(100% - 24px);padding:23px}}
@media(prefers-reduced-transparency:reduce){:root{--glass:#eef3f6;--glass-strong:#f5f7f9;--glass-button:#e6edf1;--glass-hover:#d9e6ee}html[data-theme="dark"]{--glass:#29241f;--glass-strong:#302821;--glass-button:#373027;--glass-hover:#49392d}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}button:active,.button:active{transform:none}}