/* A quiet sheet; tools appear only when they are needed. */
.focus-mode .workspace{display:block;height:100dvh;padding:0}.focus-mode .editor{height:100dvh;width:100%;display:flex;flex-direction:column}.focus-mode .canvas-viewport{padding:58px 32px 110px;background:#eef0f4;background-image:radial-gradient(#c9ced8 .7px,transparent .7px);background-size:20px 20px}.focus-mode .paper-wrap{box-shadow:0 8px 45px #26365313,0 1px 4px #26365312}.focus-mode #paper{outline:none}
.menu-zone{position:fixed;top:0;left:0;right:0;height:34px;z-index:25}.focus-mode .topbar{position:absolute;inset:0 0 auto;height:68px;gap:16px;padding:0 24px;transform:translateY(-100%);transition:transform .18s;box-shadow:0 4px 20px #1b2a4210}.menu-zone:hover .topbar,.menu-zone:focus-within .topbar,.menu-pinned .topbar{transform:translateY(0)}#menu-peek{position:absolute;top:12px;left:18px;display:flex;align-items:center;gap:9px;padding:9px 14px;background:#fff;border:1px solid #e0e5ed;border-radius:30px;box-shadow:0 2px 8px #1b2a4209;color:#576681;font-size:15px}#menu-peek strong{color:#182641;font-size:19px;letter-spacing:-1px}.menu-zone:hover #menu-peek,.menu-zone:focus-within #menu-peek,.menu-pinned #menu-peek{opacity:0;pointer-events:none}.focus-mode .brandtag,.focus-mode .top-divider{display:none}.focus-mode .docmeta{flex:1;max-width:420px}.focus-mode .docmeta input{width:100%}.focus-mode .topbar>.quiet{display:block;white-space:nowrap}.focus-mode .brand{font-size:26px}.focus-mode .brandmark{width:30px;height:32px;font-size:25px}.focus-mode .topbar .primary{white-space:nowrap}
.focus-mode .canvas-toolbar{position:fixed;top:68px;left:50%;transform:translate(-50%,-8px);width:auto;min-width:400px;height:48px;z-index:24;border:1px solid #e2e6ed;border-radius:0 0 12px 12px;box-shadow:0 6px 12px #1b2a4208;opacity:0;pointer-events:none;transition:.15s;background:white;gap:20px}.menu-zone:hover+.workspace .canvas-toolbar,.menu-zone:focus-within+.workspace .canvas-toolbar,.focus-mode .canvas-toolbar:hover,.focus-mode .canvas-toolbar:focus-within,.menu-pinned .canvas-toolbar{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.focus-mode #mobile-props{display:block}.focus-mode .margin-control{white-space:nowrap}.focus-mode .canvas-toolbar .tiny-square{display:none}.focus-mode .canvas-footer{position:fixed;bottom:20px;right:24px;left:auto;width:auto;height:46px;gap:20px;border:1px solid #e2e6ed;border-radius:12px;box-shadow:0 3px 18px #1b2a4209;z-index:12;opacity:0;transition:opacity .15s;padding:0 12px;background:white}.focus-mode .canvas-footer:hover,.focus-mode .canvas-footer:focus-within,.menu-pinned .canvas-footer,.menu-zone:hover+.workspace .canvas-footer{opacity:1}.focus-mode .page-controls{max-width:200px}.focus-mode .touch-tip{display:none}
.focus-mode .rail{display:none;position:fixed;left:12px;top:90px;bottom:80px;height:auto;width:64px;border:1px solid #e1e6ed;border-radius:16px;background:#fff;z-index:22;box-shadow:0 8px 26px #26365314;color:#65758e;padding:12px 4px;gap:4px}.focus-mode .railbtn{width:54px;font-size:11px;color:#718096;border-radius:9px}.focus-mode .railbtn.active{background:#edf2ff;color:#254bef}.focus-mode .avatar{display:none}.library-open .rail{display:flex}.focus-mode .library{display:none;position:fixed;left:84px;top:90px;bottom:80px;width:280px;border:1px solid #e1e6ed;border-radius:14px;z-index:22;box-shadow:0 8px 26px #26365314;padding:22px;background:white}.library-open .library.mobile-open{display:block}.focus-mode .inspector{display:none;position:fixed;right:20px;top:85px;bottom:84px;width:290px;border:1px solid #e1e6ed;border-radius:14px;z-index:23;box-shadow:0 8px 26px #26365314;background:white}.focus-mode .inspector.mobile-open{display:block}
#radial-trigger{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#254bef;color:white;font-size:32px;font-weight:300;box-shadow:0 5px 20px #254bef35;z-index:15;line-height:1}#radial-trigger:hover{background:#173ccf;transform:translateX(-50%) scale(1.05)}.canvas-hint{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);font-size:11px;color:#8791a3;white-space:nowrap;pointer-events:none}#empty-hint{position:absolute;left:0;top:34%;width:100%;text-align:center;pointer-events:none;color:#a0a9b9;padding:20px}#empty-hint span{font-family:Georgia,serif;font-size:26px;color:#a4afc0}#empty-hint p{font-size:14px;line-height:1.8;margin:16px 0}#empty-hint small{font-size:12px}#empty-hint[hidden]{display:none}.focus-mode #toast{bottom:95px}
.radial-menu{position:fixed;width:360px;z-index:40;user-select:none;touch-action:none;filter:drop-shadow(0 13px 16px #1c2c4430) drop-shadow(0 3px 3px #1c2c4424)}.radial-menu[hidden],.radial-ghost[hidden],#quick-editor[hidden]{display:none}.radial-wheel{display:block;width:100%;height:auto;overflow:visible}.radial-sector{cursor:grab;outline:none;color:#27354d}.radial-sector{transition:filter .14s}.radial-sector>.sector-face{stroke:#253247;stroke-opacity:.25;stroke-width:1}.radial-sector>.sector-light{stroke:white;stroke-opacity:.32;stroke-width:1}.radial-sector:hover{filter:brightness(1.08)}.radial-sector:focus-visible>.sector-face{stroke:#fff;stroke-opacity:1;stroke-width:2.5}.radial-sector:active{filter:brightness(.96);cursor:grabbing}.radial-primary{color:white}.radial-sector text{text-anchor:middle;fill:currentColor;font-family:Arial,sans-serif}.radial-label{font-size:12px;font-weight:600}.radial-glyph{font-size:29px;font-weight:500}.radial-close{cursor:pointer;outline:none}.radial-close .center-face{transition:filter .14s}.radial-close:hover .center-face{filter:brightness(1.04)}.radial-close:focus-visible .center-face{stroke:#254bef;stroke-width:2.5}.radial-close:active .center-face{filter:brightness(.96)}.radial-x{text-anchor:middle;font-size:30px;fill:#6e7c93;font-family:Arial}.radial-close-label{text-anchor:middle;font-size:11px;fill:#67758a;font-family:Arial}.radial-menu>p{margin:10px 0 0;text-align:center;font-size:12px;color:#54627a;background:#fff;border-radius:20px;padding:8px 12px;width:max-content;max-width:100%;margin-left:auto;margin-right:auto}.radial-menu.dragging{opacity:.15}.radial-ghost{pointer-events:none;position:fixed;transform:translate(-50%,-50%);width:124px;height:98px;border:2px dashed #254bef;border-radius:12px;background:#f6f8ffee;z-index:45;display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:column;color:#254bef;box-shadow:0 6px 20px #1b2a4217}.radial-ghost svg{width:30px;height:30px}.radial-ghost b{font-size:26px}.radial-ghost span{font-size:12px}.radial-ghost.outside{border-color:#a7aebd;color:#8490a4}
#quick-editor{position:fixed;width:316px;padding:14px;background:white;border:1px solid #dce4f3;border-radius:14px;box-shadow:0 12px 38px #1d335322;z-index:20}.quick-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.quick-head strong{font-size:14px;color:#334765}.quick-head button{width:30px;height:30px;background:#f0f4ff;border-radius:50%;color:#254bef}.quick-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#75839b;margin-bottom:10px}.quick-field input{font-size:16px;padding:10px 12px}.quick-field textarea{font-size:14px;min-height:62px;max-height:130px;padding:9px 12px;resize:vertical}.quick-carousel{display:flex;align-items:center;gap:7px;margin:8px 0 14px}.quick-carousel button{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid #e2e8f5;color:#254bef;font-size:19px}.quick-carousel span{flex:1;text-align:center;font-size:12px;line-height:1.5;color:#64738e}.quick-actions{display:flex;gap:6px;align-items:center}.quick-actions button{padding:8px 10px;font-size:12px;border-radius:7px}.quick-actions button:first-child{background:#f1f4fa;color:#536781}.quick-actions .primary{margin-left:auto}.quick-actions [data-quick-delete]{color:#9c6c78}.quick-actions+.property-note{margin-bottom:0}#quick-editor>p{font-size:13px;line-height:1.5;color:#718099}
@media(max-width:760px){.focus-mode .topbar{gap:8px;padding:9px 12px;height:auto;min-height:68px;flex-wrap:wrap}.focus-mode .brand{display:none}.focus-mode .docmeta{max-width:none;min-width:110px;flex-basis:35%}.focus-mode .docmeta span{font-size:10px}.focus-mode .topbar>.quiet{padding:6px;font-size:12px;order:2}.focus-mode .history{margin-left:auto}.focus-mode .topbar .primary{padding:10px;font-size:13px}.focus-mode .canvas-toolbar{top:100px;min-width:0;width:calc(100% - 24px);gap:8px;padding:0 10px;font-size:12px}.focus-mode .canvas-toolbar .margin-control{display:none}.focus-mode .canvas-viewport{padding:64px 12px 112px}.focus-mode .canvas-footer{right:12px;bottom:88px;max-width:calc(100% - 24px);height:44px;padding:0 8px;gap:10px}.focus-mode .page-controls{max-width:175px}.focus-mode .library{left:78px;width:calc(100% - 90px);max-width:285px;top:155px;bottom:80px}.focus-mode .rail{left:8px;top:155px;bottom:80px}.focus-mode .inspector{right:12px;top:150px;bottom:80px;width:calc(100% - 24px);max-width:320px}.canvas-hint{font-size:10px}#empty-hint span{font-size:20px}#empty-hint p{font-size:12px}.radial-menu>p{font-size:11px}.quick-field input,.quick-field textarea{font-size:16px}#menu-peek{left:12px}}
@media(prefers-reduced-motion:reduce){.focus-mode *{transition:none!important}}