body{display:flex;flex-direction:column}.menubar{display:flex;flex:none;align-items:center;gap:2px;box-sizing:border-box;height:32px;padding:0 8px}.menubar-brand{display:inline-flex;align-items:center;gap:6px;margin-right:8px;padding:0 4px;color:#121314;font-weight:700;white-space:nowrap}.menubar-brand img{width:18px;height:18px}.menubar-menus{display:flex;min-width:0;overflow-x:auto;scrollbar-width:none}.menubar-item{flex:none;height:26px;padding:0 10px;border-radius:6px;color:#47494d}a.menubar-item{display:inline-flex;align-items:center;color:#47494d;text-decoration:none}.menubar-item:hover,.menubar-item.is-open{background:#dfe2e8;color:#121314}.menu-panel{position:fixed;z-index:50;min-width:248px;max-width:360px;max-height:calc(100vh - 16px);overflow-y:auto;padding:5px;border:1px solid #d9dbe0;border-radius:10px;background:#fff;box-shadow:0 10px 32px #00000029}.menu-item{display:flex;align-items:center;width:100%;height:30px;padding:0 10px 0 4px;border-radius:6px;color:#121314;text-align:left}.menu-item:hover:not(:disabled),.menu-item:focus-visible{outline:none;background:#dee8ff;color:#2861d2}.menu-item:disabled{color:#8d9299;cursor:default}.menu-check{display:inline-flex;flex:none;align-items:center;justify-content:center;width:22px}.menu-check svg,.menu-hint svg{width:14px;height:14px}.menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-hint{display:inline-flex;flex:none;margin-left:24px;color:#8d9299;font-size:12px}.menu-separator{height:1px;margin:5px 6px;background:#e6e8ec}.frames{position:relative;flex:1;min-height:0;background:#e4e6ea}.doc-frame{position:absolute;inset:0;width:100%;height:100%;border:0;visibility:hidden}.doc-frame.is-active{visibility:visible}.host-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#12131447}.host-dialog{width:min(440px,calc(100vw - 32px));padding:22px 24px 18px;border-radius:14px;background:#fff;box-shadow:0 16px 48px #00000038;user-select:text}.host-dialog-message{margin:0 0 8px;color:#121314;font-size:16px;font-weight:600;line-height:1.5}.host-dialog-detail{margin:0;color:#47494d;font-size:13.5px;line-height:1.6;white-space:pre-line}.host-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.host-button{height:34px;padding:0 14px;border:1px solid #d9dbe0;border-radius:8px;background:#fff;color:#47494d;font-weight:500}.host-button:hover{background:#f3f5fa;color:#121314}.host-button.primary{border-color:#2e6ff2;background:#2e6ff2;color:#fff}.host-button.primary:hover{background:#2861d2}.host-button:focus-visible{outline:2px solid #2e6ff2;outline-offset:1px}.host-toasts{position:fixed;left:50%;bottom:40px;z-index:80;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%);pointer-events:none}.host-toast{max-width:480px;margin:0;padding:10px 16px;border-radius:10px;background:#2b2d31;box-shadow:0 8px 24px #00000029;color:#fff;font-size:13.5px;line-height:1.5}