@font-face{font-family:Be Vietnam Pro;src:url(/assets/BeVietnamPro-Regular-DxE1rDs9.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Be Vietnam Pro;src:url(/assets/BeVietnamPro-Bold-C_pM0_D6.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Be Vietnam Pro;src:url(/assets/BeVietnamPro-Italic-BlKmb9sD.ttf) format("truetype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Be Vietnam Pro;src:url(/assets/BeVietnamPro-BoldItalic-B3rBoTRE.ttf) format("truetype");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Variable-63TK8RbS.ttf) format("truetype");font-style:normal;font-weight:200 900;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Italic-Variable-BTsQxeXc.ttf) format("truetype");font-style:italic;font-weight:200 900;font-display:swap}@font-face{font-family:Patrick Hand;src:url(/assets/PatrickHand-Regular-CyLOmwMC.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#eef2f7;font-synthesis:none;--app-bg: #eef2f7;--app-surface: #ffffff;--app-surface-raised: #ffffff;--app-surface-muted: #f6f7fb;--app-text: #172033;--app-text-muted: #64748b;--app-border: #dce3ed;--app-accent: #6650d5;--app-accent-soft: #f2efff;--app-shadow: 0 20px 55px rgba(15, 23, 42, .14)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}.loading-page{display:grid;place-content:center;justify-items:center;gap:12px;width:100%;height:100%;color:#334155;background:radial-gradient(circle at 50% 40%,#fff,#eef2f7)}.loading-page h1{margin:0;font-size:18px}.app-bootstrap{gap:10px;text-align:center}.app-bootstrap .brand-logo{margin-bottom:8px}.app-bootstrap p{max-width:360px;margin:0;color:#718096;font-size:12px}.loading-page.board-error-page{position:relative;isolation:isolate;overflow:hidden;padding:clamp(20px,4vw,56px);background:radial-gradient(circle at 20% 18%,rgba(102,80,213,.14),transparent 32%),radial-gradient(circle at 82% 78%,rgba(59,130,246,.1),transparent 30%),var(--app-bg)}.board-error-page:before{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(100,116,139,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.06) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);mask-image:radial-gradient(circle at center,black,transparent 72%);content:""}.board-load-error{display:grid;grid-template-columns:minmax(250px,.88fr) minmax(360px,1.12fr);width:min(780px,100%);min-height:430px;overflow:hidden;border:1px solid color-mix(in srgb,var(--app-border) 84%,transparent);border-radius:28px;color:var(--app-text);background:color-mix(in srgb,var(--app-surface-raised) 94%,transparent);box-shadow:var(--app-shadow)}.board-load-error-visual{position:relative;display:grid;place-items:center;min-height:100%;overflow:hidden;padding:34px;background:radial-gradient(circle at 24% 16%,rgba(255,255,255,.28),transparent 28%),linear-gradient(145deg,#7865eb,#5742c8 48%,#342477)}.board-error-orbit{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%}.board-error-orbit-one{width:270px;height:270px;top:-92px;left:-96px}.board-error-orbit-two{width:190px;height:190px;right:-84px;bottom:-56px}.board-error-preview{position:relative;width:min(232px,100%);aspect-ratio:1.22;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:20px;background:#f7f8fff5;box-shadow:0 28px 55px #140c4557,inset 0 1px #ffffffd9;transform:rotate(-2deg)}.board-error-preview-bar{display:flex;align-items:center;gap:5px;height:28px;padding:0 11px;border-bottom:1px solid #e6e8f2;background:#fff}.board-error-preview-bar span{width:6px;height:6px;border-radius:50%;background:#cbd2e1}.board-error-preview-bar span:first-child{background:#8877ed}.board-error-preview-canvas{position:relative;height:calc(100% - 28px);background-image:radial-gradient(#d6dbe8 1px,transparent 1px);background-size:14px 14px}.board-error-preview-note,.board-error-preview-shape,.board-error-preview-line{position:absolute;display:block}.board-error-preview-note{top:25px;left:26px;width:62px;height:52px;border-radius:8px;background:#f4d66f;box-shadow:0 8px 16px #61491629}.board-error-preview-shape{right:30px;bottom:23px;width:60px;height:48px;border:3px solid #7763df;border-radius:14px;background:#7763df1a}.board-error-preview-line{top:82px;left:77px;width:76px;height:3px;border-radius:999px;background:#586174;transform:rotate(25deg);transform-origin:left center}.board-error-offline-badge{position:absolute;right:26px;bottom:42px;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;background:#191244b8;box-shadow:0 12px 26px #180f4342;font-size:11px;font-weight:750;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.board-error-offline-badge svg{width:15px;height:15px}.board-load-error-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:clamp(34px,5vw,54px);text-align:left}.board-load-error-brand{display:flex;align-items:center;gap:10px;margin-bottom:34px;color:var(--app-text);font-size:13px;font-weight:800;letter-spacing:-.01em}.app-bootstrap .board-load-error-brand .brand-logo{width:34px;height:34px;margin:0;border-radius:10px}.board-load-error-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--app-accent) 20%,var(--app-border));border-radius:14px;color:var(--app-accent);background:var(--app-accent-soft)}.board-load-error-icon svg{width:21px;height:21px}.board-load-error-eyebrow{margin-bottom:8px;color:var(--app-accent);font-size:10px;font-weight:850;letter-spacing:.13em}.loading-page .board-load-error h1{margin:0;color:var(--app-text);font-size:clamp(24px,3vw,32px);line-height:1.16;letter-spacing:-.04em}.app-bootstrap .board-load-error .board-load-error-message{max-width:390px;margin-top:12px;color:var(--app-text-muted);font-size:13px;line-height:1.65}.board-load-error-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.board-load-error-actions button,.loading-page .board-load-error-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin:0;padding:10px 15px;border:1px solid var(--app-accent);border-radius:12px;color:#fff;background:var(--app-accent);box-shadow:0 9px 20px color-mix(in srgb,var(--app-accent) 24%,transparent);font-size:12px;font-weight:780;line-height:1;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.loading-page .board-load-error-actions a{border-color:var(--app-border);color:var(--app-text);background:var(--app-surface-muted);box-shadow:none}.board-load-error-actions button:hover,.loading-page .board-load-error-actions a:hover{transform:translateY(-1px)}.board-load-error-actions button:hover{box-shadow:0 12px 25px color-mix(in srgb,var(--app-accent) 32%,transparent)}.loading-page .board-load-error-actions a:hover{border-color:color-mix(in srgb,var(--app-accent) 48%,var(--app-border));background:var(--app-accent-soft)}.board-load-error-actions svg{width:15px;height:15px}.app-bootstrap .board-load-error .board-load-error-hint{max-width:390px;margin-top:18px;color:var(--app-text-muted);font-size:10px;line-height:1.55;opacity:.8}html[data-theme=dark] .loading-page.board-error-page{background:radial-gradient(circle at 20% 18%,rgba(126,103,235,.15),transparent 32%),radial-gradient(circle at 82% 78%,rgba(59,130,246,.08),transparent 30%),var(--app-bg)}html[data-theme=glass] .loading-page.board-error-page{background:radial-gradient(circle at 12% 18%,rgba(92,194,255,.45),transparent 34%),radial-gradient(circle at 88% 10%,rgba(192,132,252,.34),transparent 34%),radial-gradient(circle at 65% 92%,rgba(251,113,133,.22),transparent 38%),linear-gradient(145deg,#eaf7ff,#e8e5ff 52%,#fff1f7)}html[data-theme=glass] .board-load-error{border-color:#ffffffbd;background:#ffffff9e;-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%)}@media(max-width:720px){.loading-page.board-error-page{align-content:center;overflow-y:auto;padding:16px}.board-load-error{grid-template-columns:1fr;width:min(460px,100%);min-height:0;border-radius:22px}.board-load-error-visual{min-height:190px;padding:24px}.board-error-preview{width:180px}.board-error-offline-badge{right:20px;bottom:22px}.board-load-error-content{padding:28px}.board-load-error-brand{margin-bottom:24px}}@media(max-width:420px){.board-load-error-visual{min-height:150px}.board-error-preview{width:150px}.board-error-offline-badge{display:none}.board-load-error-actions{display:grid;width:100%}.board-load-error-actions button,.loading-page .board-load-error-actions a{width:100%}}@media(prefers-reduced-motion:reduce){.board-load-error-actions button,.loading-page .board-load-error-actions a{transition:none}}.app-bootstrap-spinner{width:30px;height:30px;border:3px solid #ddd8f8;border-top-color:#6650d5;border-radius:50%;animation:board-loading-spin .7s linear infinite}.loading-page a{padding:10px 16px;border-radius:10px;color:#fff;background:#6650d5;text-decoration:none;font-weight:700}.loading-page.app-bootstrap{position:relative;isolation:isolate;display:grid;place-content:normal;place-items:center;align-content:center;gap:0;min-height:100%;overflow:auto;overflow-anchor:none;padding:clamp(16px,4vw,36px);color:var(--app-text);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--app-accent) 12%,transparent),transparent 30%),radial-gradient(circle at 84% 80%,rgba(59,130,246,.08),transparent 28%),var(--app-bg);text-align:left;animation:settings-overlay-in .32s ease-out}.loading-page.app-bootstrap:before{position:absolute;z-index:-1;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--app-border) 54%,transparent) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 62% 74% at center,#000 22%,transparent 76%);mask-image:radial-gradient(ellipse 62% 74% at center,#000 22%,transparent 76%);content:"";pointer-events:none}.loading-page.app-bootstrap.board-error-page{padding:clamp(16px,4vw,36px);background:radial-gradient(circle at 20% 20%,rgba(239,68,68,.06),transparent 28%),radial-gradient(circle at 82% 78%,color-mix(in srgb,var(--app-accent) 9%,transparent),transparent 28%),var(--app-bg)}.bootstrap-card,.bootstrap-card.board-load-error{position:relative;z-index:1;display:block;grid-template-columns:none;width:min(520px,100%);min-height:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--app-border) 92%,transparent);border-radius:22px;color:var(--app-text);background:color-mix(in srgb,var(--app-surface-raised) 96%,transparent);box-shadow:0 24px 70px #0f172a21,0 2px 8px #0f172a0d;transform-origin:center;animation:board-status-dialog-in .42s cubic-bezier(.22,1,.36,1)}.bootstrap-loading-card{width:min(500px,100%)}.bootstrap-card.board-load-error{animation-name:board-status-error-in}.bootstrap-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:14px 20px;border-bottom:1px solid color-mix(in srgb,var(--app-border) 76%,transparent)}.bootstrap-brand{display:flex;align-items:center;gap:10px;min-width:0;color:var(--app-text);font-size:13px;font-weight:800;letter-spacing:-.01em}.app-bootstrap .bootstrap-brand .brand-logo{width:34px;height:34px;flex:0 0 34px;margin:0;border-radius:10px}.bootstrap-status{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;border:1px solid var(--app-border);border-radius:999px;font-size:10px;font-weight:750;line-height:1;white-space:nowrap}.bootstrap-status svg{width:13px;height:13px}.bootstrap-status-error{border-color:color-mix(in srgb,#ef4444 23%,var(--app-border));color:#dc3f4f;background:color-mix(in srgb,#ef4444 8%,var(--app-surface))}.bootstrap-status-loading{border-color:color-mix(in srgb,var(--app-accent) 22%,var(--app-border));color:var(--app-accent);background:var(--app-accent-soft)}.bootstrap-status-dot,.bootstrap-footer-dot{display:block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}.bootstrap-status-dot{box-shadow:0 0 color-mix(in srgb,var(--app-accent) 38%,transparent);animation:bootstrap-status-pulse 1.6s ease-out infinite}.bootstrap-card-body{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:17px;padding:25px 24px 20px}.bootstrap-loading-card .bootstrap-card-body{padding-block:28px 24px}.bootstrap-state-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--app-accent) 19%,var(--app-border));border-radius:16px;color:var(--app-accent);background:var(--app-accent-soft)}.bootstrap-state-icon svg{width:23px;height:23px}.bootstrap-state-icon-error{border-color:color-mix(in srgb,#ef4444 20%,var(--app-border));color:#e04756;background:color-mix(in srgb,#ef4444 7%,var(--app-surface))}.bootstrap-state-icon .app-bootstrap-spinner{width:25px;height:25px;border-width:3px;border-color:color-mix(in srgb,var(--app-accent) 21%,transparent);border-top-color:var(--app-accent)}.bootstrap-copy{min-width:0}.bootstrap-eyebrow{display:block;margin-bottom:5px;color:var(--app-accent);font-size:9px;font-weight:850;letter-spacing:.12em;line-height:1.4}.board-error-page .bootstrap-eyebrow{color:#d84453}.loading-page .bootstrap-copy h1{margin:0;color:var(--app-text);font-size:clamp(20px,4vw,25px);font-weight:800;line-height:1.22;letter-spacing:-.035em}.app-bootstrap .bootstrap-copy p{max-width:none;margin:7px 0 0;color:var(--app-text-muted);font-size:12px;line-height:1.55;overflow-wrap:anywhere}.bootstrap-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 24px 22px}.bootstrap-actions button,.loading-page .bootstrap-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin:0;padding:9px 14px;border:1px solid transparent;border-radius:11px;font-size:12px;font-weight:750;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.bootstrap-actions svg{width:15px;height:15px;flex:0 0 15px}.bootstrap-primary-action{color:#fff;background:var(--app-accent);box-shadow:0 8px 18px color-mix(in srgb,var(--app-accent) 25%,transparent)}.loading-page .bootstrap-secondary-action{border-color:var(--app-border);color:var(--app-text);background:var(--app-surface-muted);box-shadow:none}.bootstrap-actions button:hover,.loading-page .bootstrap-actions a:hover{transform:translateY(-1px)}.bootstrap-primary-action:hover{box-shadow:0 11px 23px color-mix(in srgb,var(--app-accent) 33%,transparent)}.loading-page .bootstrap-secondary-action:hover{border-color:color-mix(in srgb,var(--app-accent) 42%,var(--app-border));background:var(--app-accent-soft)}.bootstrap-progress{height:5px;margin:0 24px 23px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--app-border) 65%,transparent)}.bootstrap-progress span{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--app-accent),#8a78ed);animation:bootstrap-progress-slide 1.45s ease-in-out infinite}.bootstrap-card-footer{min-height:40px;padding:11px 20px;border-top:1px solid color-mix(in srgb,var(--app-border) 72%,transparent);color:var(--app-text-muted);background:color-mix(in srgb,var(--app-surface-muted) 74%,transparent);font-size:10.5px;line-height:1.5;text-align:center}.bootstrap-loading-footer{display:flex;align-items:center;justify-content:center;gap:7px}.bootstrap-loading-footer .bootstrap-footer-dot{color:#22a56f}html[data-theme=glass] .bootstrap-card{border-color:#ffffffb8;background:#ffffffb3;box-shadow:0 24px 70px #3f347a2e;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}@keyframes bootstrap-status-pulse{70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes bootstrap-progress-slide{0%{transform:translate(-115%)}55%{transform:translate(115%)}to{transform:translate(270%)}}@media(max-width:520px){.loading-page.app-bootstrap,.loading-page.app-bootstrap.board-error-page{align-content:center;padding:12px}.bootstrap-card,.bootstrap-card.board-load-error{border-radius:18px}.bootstrap-card-header{min-height:58px;padding:12px 15px}.bootstrap-card-body,.bootstrap-loading-card .bootstrap-card-body{grid-template-columns:48px minmax(0,1fr);gap:13px;padding:21px 17px 18px}.bootstrap-state-icon{width:48px;height:48px;border-radius:14px}.bootstrap-actions{padding:0 17px 18px}.bootstrap-progress{margin:0 17px 19px}}@media(max-width:380px){.bootstrap-card-body,.bootstrap-loading-card .bootstrap-card-body,.bootstrap-actions{grid-template-columns:1fr}.bootstrap-status{max-width:128px;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){.loading-page.app-bootstrap,.bootstrap-card,.bootstrap-status-dot,.bootstrap-progress span{animation:none}.bootstrap-progress span{width:68%}.bootstrap-actions button,.loading-page .bootstrap-actions a{transition:none}}.dashboard{min-height:100%;overflow-y:auto;padding:28px;background:#f4f6fa}.dashboard>header{display:flex;align-items:center;gap:12px;max-width:1180px;margin:0 auto 28px}.dashboard>header h1{margin:2px 0 0;font-size:20px}.dashboard-account-slot{position:relative;margin-left:auto}.create-board .primary-button svg{width:16px;height:16px}.brand-logo{display:block;width:44px;height:44px;padding:3px;border-radius:13px;background:linear-gradient(145deg,#211b3d,#111827);box-shadow:0 8px 20px #4f36be3d;object-fit:contain}.brand-logo.compact{width:32px;height:32px;border-radius:10px}.dashboard-grid{display:grid;grid-template-columns:250px 1fr;gap:20px;max-width:1180px;margin:auto}.dashboard-grid>aside,.dashboard-grid>section,.login-card{border:1px solid #e0e6ef;border-radius:18px;background:#fff;box-shadow:0 16px 40px #0f172a12}.dashboard-grid>aside{padding:16px}.dashboard-grid>aside h2,.dashboard-heading h2{margin:0 0 14px;font-size:17px}.dashboard-grid>aside>button{display:grid;width:100%;gap:3px;margin:4px 0;padding:11px;text-align:left;border:0;border-radius:10px;background:transparent;cursor:pointer}.dashboard-grid>aside>button.active{color:#5740c0;background:#f1effd}.dashboard-grid>aside small,.board-grid small{color:#7b8797}.create-card{display:grid;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #edf1f5}.create-card input,.create-board input{min-width:0;height:38px;padding:0 10px;border:1px solid #d6dee9;border-radius:9px}.dashboard-grid>section{min-height:440px;padding:20px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.create-board{display:flex;gap:8px}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:13px;margin-top:18px}.board-grid a{display:grid;gap:5px;padding:10px;color:inherit;border:1px solid #e2e8f0;border-radius:13px;text-decoration:none;transition:transform .15s,box-shadow .15s}.board-grid a:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a17}.board-thumbnail{display:grid;place-items:center;height:105px;margin-bottom:5px;color:#7562d8;border-radius:9px;background:linear-gradient(145deg,#faf9ff,#eeebfd)}.board-thumbnail svg{width:30px}.dashboard-status{color:#b45309;font-size:13px}.login-card{display:grid;justify-items:center;max-width:440px;margin:80px auto;padding:35px;text-align:center}.login-card>svg{width:35px;height:35px;color:#6650d5}.login-card h2{margin-bottom:0}.login-card p{color:#64748b}.login-card a{padding:11px 17px;border-radius:10px;color:#fff;background:#6650d5;text-decoration:none;font-weight:750}.loading-page .login-card{margin:0}.auth-card{width:min(380px,calc(100vw - 32px));max-width:100%;min-width:0;padding:28px}.auth-brand{display:flex;align-items:center;max-width:100%;min-width:0;gap:10px;font-size:22px}.auth-brand>div{display:grid;justify-items:start;min-width:0;gap:1px}.auth-brand span{color:#64748b;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.auth-card h2{margin:22px 0 0;font-size:19px}.auth-card>p{margin:8px 0 20px;font-size:13px;line-height:1.55}.auth-card .mezon-login{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;padding:11px 17px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,#7157ee,#5238c6);font-weight:750;line-height:1;cursor:pointer}.auth-card .mezon-login:disabled{opacity:.68;cursor:wait}.mezon-login img{display:block;flex:0 0 22px;width:22px;height:22px;border-radius:50%;object-fit:contain;object-position:center}.auth-divider{display:flex;align-items:center;width:100%;gap:12px;margin:20px 0;color:#94a3b8;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.invite-login-form{display:grid;width:100%;min-width:0;gap:9px;text-align:left}.invite-login-form label{font-size:12px;font-weight:700}.invite-login-row{display:flex;min-width:0;gap:8px}.invite-login-row input{flex:1;min-width:0;height:42px;padding:0 11px;border:1px solid #d7deea;border-radius:9px;background:#fafbfc;text-transform:uppercase;letter-spacing:.06em;outline:0}.invite-login-row input:focus{border-color:#7562d8;box-shadow:0 0 0 3px #6650d51f}.invite-login-row button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 12px;color:#4f36c7;border:1px solid #c9bff1;border-radius:9px;background:#f7f5ff;font-weight:750;cursor:pointer}.invite-login-row button svg{width:15px}.invite-login-row button:disabled{opacity:.48;cursor:default}.auth-legal{color:#64748b;font-size:11px;line-height:1.5}.guest-start{display:grid;width:100%;gap:7px;margin-top:22px;padding-top:20px;border-top:1px solid #e2e8f0}.guest-start-button,.save-account-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;color:#4f36c7;border:2px solid #b9adef;border-radius:10px;background:#f7f5ff;font-weight:750;cursor:pointer}.guest-start-button:hover,.save-account-button:hover{background:#efebff}.guest-start-button:disabled{opacity:.55;cursor:wait}.guest-start-button svg,.save-account-button svg{width:17px}.guest-start small{color:#64748b;font-size:11px;line-height:1.5}.guest-entry-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;gap:22px;width:min(900px,100%);margin:48px auto}.guest-entry-layout .login-card{width:100%;max-width:none;margin:0}.guest-join-card{display:grid;gap:12px;padding:28px;border:1px solid #ded8f7;border-radius:18px;background:linear-gradient(145deg,#fcfbff,#f3f0ff);box-shadow:0 16px 40px #412d9114}.guest-join-card h2,.guest-join-card p{margin:0}.guest-join-card p{color:#64748b;font-size:13px;line-height:1.55}.guest-join-card input{height:44px;padding:0 12px;border:1px solid #cfc6f2;border-radius:10px;background:#fff;text-transform:uppercase;letter-spacing:.08em;outline:none}.guest-join-card input:focus{border-color:#7562d8;box-shadow:0 0 0 3px #6650d51f}.auth-legal{margin-top:22px}.dashboard-general{grid-template-columns:280px 1fr}.aside-description{margin:-5px 0 8px;color:#64748b;font-size:12px;line-height:1.5}.invite-card{margin-top:8px;padding-top:0;border-top:0}.invite-card input{text-transform:uppercase;letter-spacing:.08em}.invite-card .primary-button svg,.import-card svg{width:16px}.import-card{display:grid;gap:7px;margin-top:22px;padding:16px;border-radius:12px;background:#f7f8fc}.import-card small{line-height:1.45}.empty-boards{grid-column:1 / -1;display:grid;justify-items:center;gap:7px;padding:54px 20px;color:#64748b;border:1px dashed #cbd5e1;border-radius:13px;text-align:center}.empty-boards svg{width:30px;color:#7562d8}button{color:inherit}.app-shell{display:grid;grid-template-rows:50px 1fr;width:100%;height:100%}.topbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 14px;background:#fffffff5;border-bottom:1px solid #e2e8f0;z-index:22}.topbar-leading{grid-column:1;display:flex;min-width:0;align-items:center;gap:8px}.title-block{flex:0 1 auto;min-width:0;max-width:240px}.title-block h1,.panel-header h2{margin:1px 0 0;font-size:16px;line-height:1.2}.topbar .title-block h1{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.topbar .eyebrow{font-size:8px}.eyebrow{display:flex;align-items:center;gap:5px;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.1em}.eyebrow svg{width:13px}.save-state{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;padding:4px 7px;border:1px solid #d4f3de;border-radius:999px;color:#16803d;background:#effcf4;font-size:10px;line-height:1;white-space:nowrap}.save-state:not(.local){min-width:64px}.save-state svg{width:12px;height:12px}.save-state i{color:#86c99d;font-style:normal}.save-state strong{font-weight:700}.save-state.saving{color:#a16207;border-color:#f5e9a9;background:#fefce8}.save-state.local{color:#854d0e;border-color:#fde68a;background:#fffbeb}.save-state.error{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.top-actions{display:flex;gap:4px;align-items:center}.edit-actions{position:relative;justify-self:center}.header-edit-toolbar{position:fixed;z-index:30;top:7px;left:50%;gap:1px;padding:3px;border:0;border-radius:999px;background:color-mix(in srgb,var(--app-surface-raised) 94%,transparent);box-shadow:0 0 14px color-mix(in srgb,#0f172a 16%,transparent);isolation:isolate;transform:translate(-50%)}.header-edit-button{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;padding:0;color:var(--app-text-muted);border:0;border-radius:8px;background:transparent;cursor:pointer;transition:color .14s ease,background-color .14s ease,box-shadow .14s ease,transform .12s ease}.header-edit-button.mobile-tool{display:none}.header-edit-button.history-button,.header-edit-button.tools-trigger,.header-edit-button.delete-selection-button,.header-edit-button.overflow-trigger{border-radius:50%}.header-edit-button svg{width:15px;height:15px;stroke-width:1.9}.header-edit-button:hover:not(:disabled),.header-edit-button:focus-visible{color:var(--app-text);background:var(--app-surface-muted);outline:none}.header-edit-button:active:not(:disabled){transform:scale(.92)}.header-edit-button.active,.header-edit-button.tool-button.active:hover{color:#fff;background:var(--app-accent);box-shadow:0 4px 12px color-mix(in srgb,var(--app-accent) 34%,transparent)}.header-edit-button.tools-trigger.menu-open,.header-edit-button.tools-trigger.menu-open:hover,.header-edit-button.overflow-trigger.active,.header-edit-button.overflow-trigger.active:hover{color:var(--app-accent);background:var(--app-accent-soft);box-shadow:none}.header-edit-button:disabled{opacity:.34;cursor:default}.header-edit-separator{flex:0 0 1px;width:1px;height:18px;margin:0 2px;background:var(--app-border)}.header-edit-overflow{position:absolute;z-index:80;top:calc(100% + 8px);right:0;display:grid;box-sizing:border-box;width:232px;padding:6px;border-radius:12px;transform-origin:top right;animation:board-context-menu-in .12s ease-out both}.header-tool-picker{position:absolute;z-index:80;top:calc(100% + 8px);right:32px;display:grid;grid-template-columns:repeat(3,28px);gap:3px;box-sizing:border-box;width:100px;max-height:69px;padding:5px;overflow-y:auto;border-radius:11px;transform-origin:top right;animation:board-context-menu-in .12s ease-out both;scrollbar-width:none}.header-tool-picker::-webkit-scrollbar{display:none}.header-edit-overflow button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:38px;padding:0 9px;color:var(--app-text);border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.header-tool-picker button{display:grid;place-items:center;width:28px;height:28px;padding:0;color:var(--app-text-muted);border:0;border-radius:7px;background:transparent;cursor:pointer}.header-edit-overflow button:hover:not(:disabled),.header-edit-overflow button:focus-visible{color:var(--app-accent);background:var(--app-accent-soft);outline:none}.header-tool-picker button:hover:not(:disabled),.header-tool-picker button:focus-visible{color:var(--app-text);background:var(--app-surface-muted);outline:none}.header-edit-overflow button:disabled,.header-tool-picker button:disabled{opacity:.4;cursor:default}.header-edit-overflow button svg,.header-tool-picker button svg{width:16px;height:16px;color:currentColor}.header-tool-picker button svg{width:14px;height:14px}.header-edit-overflow button span{min-width:0;overflow:hidden;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.header-tool-picker button.active,.header-tool-picker button.active:hover{color:#fff;background:var(--app-accent)}.header-edit-overflow-separator{height:1px;margin:4px -6px;background:var(--app-border)}.collaboration-actions{grid-column:2;justify-self:end}.header-leave-action{position:relative;display:flex}.topbar .leave-board-header-button{color:#b42318;border-color:#fecaca;background:#fff7f7}.topbar .leave-board-header-button:hover{background:#fff0ee}.header-leave-popover{position:absolute;z-index:40;top:calc(100% + 8px);right:0;display:grid;gap:7px;width:260px;padding:12px;border:1px solid #fecaca;border-radius:11px;color:#7f1d1d;background:#fff;box-shadow:0 14px 34px #4820202e;line-height:1.4}.header-leave-popover>strong{font-size:12px}.header-leave-popover>span{color:#9f3a38;font-size:10px}.header-leave-popover>div{display:flex;justify-content:flex-end;gap:7px;margin-top:3px}.header-leave-popover .error-message{margin:2px 0 0;font-size:10px}.save-account-button{min-height:32px;white-space:nowrap}.topbar .save-account-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;gap:5px;padding:0 9px;border-radius:9px;font-size:11px;font-weight:700}.topbar .save-account-button svg{display:block;flex:0 0 15px;width:15px;height:15px;min-width:15px;min-height:15px;max-width:15px;max-height:15px;aspect-ratio:1}.user-avatar{display:flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px;aspect-ratio:1;overflow:hidden;border-radius:50%;color:#fff!important;background:linear-gradient(145deg,#7359e6,#4f36bd);font-size:14px!important;font-weight:800;line-height:1}.user-avatar.small{width:26px;height:26px;min-width:26px;min-height:26px;max-width:26px;max-height:26px;font-size:10px!important}.user-avatar img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:center}.account-menu-wrap{position:relative;flex:0 0 auto;margin-left:3px}.account-trigger{display:flex;flex:0 0 32px;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;aspect-ratio:1;overflow:hidden;padding:1px;border:2px solid #d9e0ea;border-radius:50%;background:#f8f8f8;cursor:pointer}.account-trigger.active{border-color:#8d7afc;background:#dfdcfa}@keyframes account-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.account-menu{position:absolute;z-index:60;top:calc(100% + 8px);right:0;display:grid;width:260px;padding:8px;border:1px solid #dce3ed;border-radius:14px;background:#fff;box-shadow:0 18px 45px #0f172a2e;transform-origin:top right;animation:account-menu-in .14s ease-out}.account-menu-portal{z-index:90;max-width:calc(100vw - 16px);isolation:isolate}.account-menu-user{display:flex;align-items:center;gap:10px;margin-bottom:6px;padding:9px;border-bottom:1px solid #edf1f5}.account-menu-user .user-avatar{border:2px solid var(--color-surface-raised, #ffffff);box-shadow:0 0 0 2px var(--color-accent, #aea0f3)}.account-menu-user>div{display:grid;min-width:0;gap:2px}.account-menu-user strong,.account-menu-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-user strong{font-size:13px}.account-menu-user span{color:#64748b;font-size:11px}.account-menu>button{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 10px;color:#273247;border:0;border-radius:9px;background:transparent;text-decoration:none;font-size:12px;font-weight:700;cursor:pointer}.account-menu>button:hover{background:#f3f5f9}.account-menu>button:last-child{color:#b42318}.account-menu svg{width:17px;height:17px}.guest-auth-overlay{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow:hidden auto;overscroll-behavior:contain;background:var(--color-overlay, rgba(15, 23, 42, .58));-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);animation:settings-overlay-in .18s ease-out}.guest-auth-dialog{position:relative;width:min(380px,100%);max-width:100%;min-width:0;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);animation:settings-dialog-in .22s cubic-bezier(.22,1,.36,1)}.guest-auth-dialog .login-card{width:100%;max-width:100%;min-width:0;max-height:inherit;margin:0;overflow:hidden auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.guest-auth-close{position:absolute;z-index:1;top:10px;right:10px;color:#64748b;background:#fff}.icon-button,.toolbar button,.zoom-controls button{display:grid;place-items:center;border:0;background:transparent;border-radius:9px;cursor:pointer}.icon-button{width:36px;height:36px}.topbar .icon-button{width:30px;height:30px;border-radius:8px}.topbar .icon-button svg{width:16px;height:16px}.icon-button svg,.toolbar svg,.zoom-controls svg{width:19px;height:19px}.toolbar svg{width:17px;height:17px}.zoom-controls svg{width:15px;height:15px}.icon-button:hover,.toolbar button:hover,.zoom-controls button:hover{background:#f1f5f9}.icon-button:disabled{opacity:.35;cursor:default}.secondary-button,.ai-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;border-radius:10px;border:2px solid #d9e0ea;background:#fff;font-weight:700;white-space:nowrap;cursor:pointer}.secondary-button svg,.ai-button svg{width:17px;height:17px}.topbar .header-action-button{flex:0 0 32px;box-sizing:border-box;width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;aspect-ratio:1;gap:0;padding:0;line-height:0}.topbar .header-action-button svg{display:block;width:16px;height:16px;margin:0}.secondary-button.active{border:2px solid #8b7ce7;background:#f5f3ff}.ai-button{color:#fff;border-color:#6650d5;background:linear-gradient(135deg,#755bea,#5840c8);box-shadow:0 7px 17px #5b40c833}.ai-button.active{box-shadow:inset 0 0 0 2px #ffffff4d}.topbar .primary-button.active{box-shadow:inset 0 0 0 2px #ffffff59,0 7px 17px #5b40c833}@media(max-width:1200px){.app-shell{grid-template-rows:48px 1fr}.topbar{gap:8px;padding:0 12px}.topbar-leading{gap:8px}.brand-logo.compact{width:30px;height:30px;border-radius:9px}.title-block{min-width:0;max-width:138px}.title-block h1{overflow:hidden;margin-top:0;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.eyebrow{font-size:8px}.save-state{gap:3px;padding:3px 6px;font-size:9px}.top-actions{gap:3px}.header-edit-toolbar{gap:1px}.header-edit-button{flex-basis:28px;width:28px;height:28px}.topbar .icon-button{width:29px;height:29px;border-radius:8px}.topbar .icon-button svg{width:16px;height:16px}.topbar .secondary-button,.topbar .ai-button,.topbar .save-account-button{min-height:30px;gap:5px;padding:0 8px;border-radius:9px;font-size:11px}.account-trigger{flex-basis:30px;width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px;padding:1px}.topbar .account-trigger .user-avatar.small{width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px}.topbar .secondary-button svg,.topbar .ai-button svg,.topbar .save-account-button svg{width:15px;height:15px}.topbar .header-action-button{flex-basis:30px;width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px;padding:0}}@media(max-width:880px){.topbar .collaboration-actions>button{flex:0 0 28px;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;aspect-ratio:1;padding:0;font-size:0}.topbar .header-action-button{flex-basis:28px;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px}.topbar .save-account-button{display:inline-flex;align-items:center;justify-content:center;gap:0;line-height:0}.topbar .save-account-button span{display:none}.topbar .account-trigger{flex-basis:28px;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px}.topbar .account-trigger .user-avatar.small{width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px}}@media(max-width:560px){.topbar .title-block{min-width:0;max-width:80px}.header-edit-button{flex-basis:23px;width:23px;height:25px;border-radius:7px}.header-edit-button svg{width:13px;height:13px}.header-edit-separator{margin-inline:1px}}@media(max-width:420px){.topbar .title-block{display:none}.topbar{padding:0 8px}}@media(max-width:360px){.topbar .icon-button,.topbar .collaboration-actions>button{width:28px;height:28px;min-height:28px}.top-actions{gap:2px}.topbar .header-action-button{flex-basis:28px}.header-edit-button{flex-basis:21px;width:21px;height:24px}}.primary-button{color:#fff;border-color:#6047d1;background:#6650d5}.primary-button:disabled{opacity:.5;cursor:default}.primary-button.full{width:100%;margin-top:10px}.select-control{--select-control-height: 40px;--select-control-radius: 10px;position:relative;display:inline-grid;width:100%;min-width:0;min-height:var(--select-control-height);align-items:center;color:var(--color-text-primary, #172033);border:1px solid var(--color-border, #d8e0ea);border-radius:var(--select-control-radius);background:var(--color-control, #ffffff);box-shadow:0 1px 2px #0f172a0a;vertical-align:middle;transition:color .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.select-control:hover:not(.is-disabled){border-color:color-mix(in srgb,var(--color-accent, #6650d5) 58%,var(--color-border, #d8e0ea));background:var(--color-control-hover, #f6f4ff)}.select-control:focus-within{border-color:var(--color-accent, #6650d5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent, #6650d5) 18%,transparent)}.select-control>.select-control-trigger{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;box-sizing:border-box;width:100%;min-width:0;height:var(--select-control-height);min-height:var(--select-control-height);max-height:var(--select-control-height);min-block-size:var(--select-control-height);block-size:var(--select-control-height);margin:0;padding:0 11px 0 12px;overflow:hidden;color:inherit;border:0;border-radius:inherit;outline:0;background:transparent;background-image:none!important;font:inherit;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:normal;text-transform:none;text-align:left;cursor:pointer}.select-control-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-control-icon{position:static;z-index:auto;flex:0 0 auto;width:16px;height:16px;color:var(--color-text-secondary, #64748b);pointer-events:none;transform:rotate(0);transition:color .14s ease,transform .16s ease}.select-control:hover:not(.is-disabled) .select-control-icon,.select-control:focus-within .select-control-icon{color:var(--color-accent-strong, #4f36c7)}.select-control.is-open .select-control-icon{transform:rotate(180deg)}.select-control-compact{--select-control-height: 34px;--select-control-radius: 8px}.select-control-compact>.select-control-trigger{padding-right:9px;padding-left:10px;font-size:11px}.select-control-compact .select-control-icon{width:15px;height:15px}.select-control.is-disabled{opacity:.55;cursor:not-allowed}.select-control.is-disabled>.select-control-trigger{cursor:inherit}@media(pointer:coarse){.select-control>.select-control-trigger,.select-control-compact>.select-control-trigger{font-size:16px}}@media(forced-colors:active){.select-control,.select-control-popover{border-color:ButtonText}.select-control-option.is-active{outline:1px solid Highlight}}.select-control-popover{position:fixed;z-index:160;display:grid;align-content:start;gap:3px;padding:5px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;color:var(--color-text-primary, #172033);border:1px solid var(--color-border, #d8e0ea);border-radius:12px;background:var(--color-surface-raised, #ffffff);box-shadow:0 18px 45px color-mix(in srgb,var(--color-overlay, #0f172a) 34%,transparent);backdrop-filter:var(--surface-backdrop, blur(14px));-webkit-backdrop-filter:var(--surface-backdrop, blur(14px));scrollbar-color:color-mix(in srgb,var(--color-text-secondary, #64748b) 42%,transparent) transparent;scrollbar-width:thin;animation:select-control-popover-in .13s cubic-bezier(.22,1,.36,1)}.select-control-popover::-webkit-scrollbar{width:7px}.select-control-popover::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--color-text-secondary, #64748b) 42%,transparent);background-clip:padding-box}.select-control-option{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-height:38px;padding:8px 9px;color:var(--color-text-primary, #172033);border:0;border-radius:8px;outline:0;background:transparent;font-size:12px;font-weight:650;line-height:1.25;text-align:left;cursor:pointer;transition:color .11s ease,background .11s ease}.select-control-option:hover,.select-control-option.is-active{color:var(--color-text-primary, #172033);background:var(--color-control-hover, #f1efff)}.select-control-option.is-selected{color:var(--color-accent-strong, #4f36c7);background:var(--color-accent-soft, #f2efff);font-weight:800}.select-control-option.is-selected.is-active,.select-control-option.is-selected:hover{background:color-mix(in srgb,var(--color-accent-soft, #f2efff) 72%,var(--color-control-hover, #f1efff))}.select-control-option:disabled{opacity:.42;cursor:not-allowed}.select-control-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-control-option-check{width:16px;height:16px;color:var(--color-accent-strong, #4f36c7)}.select-control-popover-compact .select-control-option{min-height:34px;padding:7px 8px;font-size:11px}@keyframes select-control-popover-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.board-area{position:relative;min-height:0;overflow:hidden;background:#f8fafc}.viewport-follow-banner{position:absolute;z-index:8;top:12px;left:50%;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:7px 8px 7px 11px;border:1px solid var(--color-border, #d8e0ea);border-radius:999px;color:var(--color-text-primary, #243043);background:color-mix(in srgb,var(--color-surface-raised, #fff) 92%,transparent);box-shadow:0 8px 24px #0f172a29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%)}.viewport-follow-banner>svg{width:15px;height:15px;flex:0 0 auto;color:var(--color-accent, #6650d5)}.viewport-follow-banner span{min-width:0;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.viewport-follow-banner button{display:inline-flex;align-items:center;gap:3px;min-height:26px;padding:0 8px;border:0;border-radius:999px;color:#fff;background:var(--color-accent, #6650d5);font-size:10px;font-weight:800;cursor:pointer}.viewport-follow-banner button svg{width:12px;height:12px}.board-loading-overlay{position:absolute;z-index:11;inset:0;display:grid;place-items:center;overflow:auto;padding:18px;color:var(--app-text);background:color-mix(in srgb,var(--app-bg) 91%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:settings-overlay-in .32s ease-out}.board-loading-overlay:before{position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--app-border) 50%,transparent) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 58% 72% at center,#000 10%,transparent 76%);mask-image:radial-gradient(ellipse 58% 72% at center,#000 10%,transparent 76%);content:"";pointer-events:none}.board-loading-panel{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:14px;width:min(460px,100%);padding:18px;border:1px solid var(--app-border);border-radius:18px;background:color-mix(in srgb,var(--app-surface-raised) 97%,transparent);box-shadow:0 22px 60px #0f172a24,0 2px 8px #0f172a0d;transform-origin:center;animation:board-status-dialog-in .42s cubic-bezier(.22,1,.36,1)}.board-loading-overlay-error .board-loading-panel{animation-name:board-status-error-in}.board-loading-state-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid color-mix(in srgb,var(--app-accent) 20%,var(--app-border));border-radius:15px;color:var(--app-accent);background:var(--app-accent-soft)}.board-loading-state-icon.is-error{border-color:color-mix(in srgb,#ef4444 20%,var(--app-border));color:#e04756;background:color-mix(in srgb,#ef4444 7%,var(--app-surface))}.board-loading-state-icon svg{width:22px;height:22px}.board-loading-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3px}.board-loading-eyebrow{color:var(--app-accent);font-size:8.5px;font-weight:850;letter-spacing:.12em;line-height:1.4}.board-loading-overlay-error .board-loading-eyebrow{color:#d84453}.board-loading-copy strong{color:var(--app-text);font-size:14px;line-height:1.35}.board-loading-copy>span:last-child{color:var(--app-text-muted);font-size:10.5px;line-height:1.45;overflow-wrap:anywhere}.board-loading-panel>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 11px;border:0;border-radius:10px;color:#fff;background:var(--app-accent);font-size:10.5px;font-weight:750;white-space:nowrap;cursor:pointer}.board-loading-panel>button svg{width:14px;height:14px}.board-loading-progress{grid-column:1 / -1;height:4px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--app-border) 65%,transparent)}.board-loading-progress span{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--app-accent),#8a78ed);animation:bootstrap-progress-slide 1.45s ease-in-out infinite}@keyframes board-loading-spin{to{transform:rotate(360deg)}}@keyframes board-status-dialog-in{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes board-status-error-in{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}.board-loading-spinner{width:24px;height:24px;margin:0;border:3px solid #ddd8f8;border-top-color:#6650d5;border-radius:50%;animation:board-loading-spin .7s linear infinite}@media(max-width:430px){.board-loading-panel{grid-template-columns:46px minmax(0,1fr);padding:15px}.board-loading-state-icon{width:46px;height:46px}.board-loading-panel>button{grid-column:1 / -1;width:100%}}.board-file-drop-overlay{position:absolute;z-index:25;inset:18px;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;border:2px dashed #7c63df;border-radius:20px;color:#44329a;background:#f5f2ffeb;box-shadow:inset 0 0 0 5px #7c63df14,0 18px 50px #3c2a872e;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.board-file-drop-overlay strong{font-size:17px}.board-file-drop-overlay>span:last-child{color:#6f63a4;font-size:12px}.board-file-drop-icon{display:grid;width:52px;height:52px;margin-bottom:2px;place-items:center;border-radius:16px;color:#fff;background:#6650d5;box-shadow:0 10px 24px #6650d547}.board-file-drop-icon svg{width:25px;height:25px}.board-file-dragging .canvas-host{filter:saturate(.8)}.canvas-host{position:absolute;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}.canvas-host canvas{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.floating-panel,.side-panel{border:1px solid rgba(203,213,225,.9);background:#fffffff5;box-shadow:0 14px 35px #0f172a1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toolbar{position:absolute;z-index:10;top:70px;right:20px;bottom:auto;display:block;width:40px;height:40px;overflow:visible;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.toolbar-menu{position:absolute;top:0;right:calc(100% + 10px);bottom:auto;display:grid;grid-template-columns:repeat(4,36px);gap:4px;padding:7px;visibility:hidden;opacity:0;transform:translate3d(12px,0,0) scale(.9);transform-origin:top right;border:1px solid rgba(203,213,225,.9);border-radius:14px;background:#fffffff5;box-shadow:0 14px 35px #0f172a1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none;transition:opacity .15s ease,transform .18s cubic-bezier(.2,.9,.25,1.15),visibility 0s linear .18s}.toolbar.expanded .toolbar-menu{visibility:visible;opacity:1;transform:translateZ(0) scale(1);pointer-events:auto;transition-delay:0s}.toolbar-menu button{flex:0 0 36px;width:36px;height:36px;border-radius:8px}.toolbar-menu button.active{color:#fff;background:#6650d5;box-shadow:0 5px 12px #5b40c845}.toolbar button:disabled{opacity:.3;cursor:not-allowed}.toolbar .toolbar-trigger{position:relative;display:grid;place-items:center;width:40px;height:40px;color:#fff;border:1px solid rgba(255,255,255,.2);background:#6650d5;border-radius:14px;box-shadow:0 10px 25px #5b40c857;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.toolbar .toolbar-trigger:hover{background:#5b43c5;box-shadow:0 13px 30px #5b40c86b;transform:translateY(-1px)}.toolbar .toolbar-trigger:active{transform:translateY(0) scale(.94)}.toolbar.expanded .toolbar-trigger{background:#5941c2;box-shadow:0 10px 25px #5b40c859,0 0 0 4px #6650d529}.toolbar .toolbar-trigger svg{width:21px;height:21px;transition:transform .18s cubic-bezier(.2,.9,.25,1.15)}.toolbar.expanded .toolbar-trigger svg{transform:scale(1.08)}.style-panel{position:absolute;z-index:9;top:12px;right:20px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;width:188px;max-height:calc(100% - 140px);padding:14px;overflow:hidden;border-radius:14px;transition:height .22s cubic-bezier(.22,1,.36,1),width .22s cubic-bezier(.22,1,.36,1),padding .22s cubic-bezier(.22,1,.36,1)}.style-panel.text-style-mode{width:188px;padding:12px}.style-panel-header{display:flex;min-height:28px;min-width:0;align-items:center;padding-right:34px;overflow:hidden}.style-panel-header>strong{overflow:hidden;font-size:11px;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.style-panel-collapse{position:absolute;z-index:1;top:5px;right:5px;display:grid;place-items:center;width:28px;height:28px;padding:0;color:#64748b;border:1px solid #d8e0ea;border-radius:8px;background:transparent;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s cubic-bezier(.22,1,.36,1)}.style-panel-collapse:hover{color:#5b43c5;background:#f1efff}.style-panel-collapse:active{transform:scale(.9)}.style-panel-collapse-icon{display:grid;place-items:center;transform:rotate(0) scale(1);transition:color .18s ease,transform .26s cubic-bezier(.22,1,.36,1)}.style-panel.collapsed .style-panel-collapse-icon{color:var(--color-text-primary, #172033);transform:rotate(-16deg) scale(.9)}.style-panel-collapse svg{width:15px;height:15px}.style-panel-content-reveal{display:grid;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;margin-top:10px;transition:grid-template-rows .22s cubic-bezier(.22,1,.36,1),margin-top .22s cubic-bezier(.22,1,.36,1),visibility 0s}.style-panel-content{display:block;width:calc(100% + 8px);min-width:0;min-height:0;padding:4px;margin:-4px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.style-panel-content-inner{display:grid;gap:12px;width:100%;min-width:0;box-sizing:border-box}.style-panel-content::-webkit-scrollbar{display:none}.style-panel .text-style-title{display:none}.style-panel.collapsed,.style-panel.text-style-mode.collapsed{top:12px;width:40px;min-height:40px;padding:6px}.style-panel.collapsed .style-panel-header{min-height:26px}.style-panel.collapsed .style-panel-content-reveal{grid-template-rows:minmax(0,0fr);margin-top:0;visibility:hidden;transition:grid-template-rows .22s cubic-bezier(.22,1,.36,1),margin-top .22s cubic-bezier(.22,1,.36,1),visibility 0s .22s}.style-panel.collapsed .style-panel-header>strong{display:none}.panel-label{font-size:10px;font-weight:800;color:#64748b;letter-spacing:.1em}.style-panel input[type=color]{display:block;width:100%;max-width:100%;min-width:0;height:34px;padding:3px;border:.5px solid #d8e0ea;background:var(--color-control, white);cursor:pointer}.style-panel input[type=color]::-webkit-color-swatch-wrapper{padding:0}.style-panel input[type=color]::-webkit-color-swatch{border:0;border-radius:0}.style-panel input[type=color]::-moz-color-swatch{border:0;border-radius:0}.style-panel input[type=range]{width:100%;accent-color:#6650d5}.pen-options-panel{display:grid;gap:10px;width:100%;box-sizing:border-box;padding:0 0 12px;border-bottom:1px solid #e2e8f0}.pen-nib-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;box-sizing:border-box}.pen-nib-button{display:grid;width:100%;min-width:0;box-sizing:border-box;place-items:center;gap:4px;padding:7px 2px 6px;border:1.5px solid #d8e1ed;border-radius:9px;color:#475569;background:#fff;font:inherit;font-size:9px;font-weight:700;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,color .12s ease,background .12s ease}.pen-nib-button span{line-height:1.15;white-space:nowrap;font-size:9px;letter-spacing:-.02em}.pen-nib-button svg{width:18px;height:18px;stroke-width:1.8}.pen-nib-button:hover{border-color:#a5b4fc;color:#4f46e5;background:#f8f7ff}.pen-nib-button.active{border-color:#6d4ce8;color:#5b3dd1;background:#f2efff;box-shadow:inset 0 0 0 1px #6d4ce8}.pen-stabilization-control{display:grid;gap:5px}.pen-stabilization-control>span{display:flex;justify-content:space-between;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.04em}.pen-stabilization-control output{color:#5b3dd1;font-variant-numeric:tabular-nums}.pen-stabilization-hint,.pen-pressure-hint{margin:0;color:#64748b;font-size:10px;line-height:1.4}.pen-stabilization-hint{margin-top:-3px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.image-options-panel{position:absolute;z-index:20;display:flex;align-items:center;gap:4px;min-height:46px;padding:5px;transform:translate(-50%,-100%);border-radius:12px}.image-option-button{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:36px;height:34px;padding:0;border:0;border-radius:8px;color:#334155;background:transparent;text-decoration:none;cursor:pointer}.image-option-button:hover,.image-option-button:focus-visible{color:#4f36c7;background:#f1efff;outline:none}.image-option-button svg{width:17px;height:17px}.image-option-button.disabled{opacity:.38;pointer-events:none}.document-options-panel{position:absolute;z-index:21;display:flex;align-items:center;gap:3px;min-height:38px;max-width:min(680px,calc(100vw - 24px));padding:4px 5px 4px 8px;top:var(--anchored-panel-y, 0);left:var(--anchored-panel-x, 0);transform:translate(-50%,-100%);border-radius:10px;animation:document-options-appear .13s ease-out}.document-options-panel.is-below-anchor{transform:translate(-50%)}@keyframes document-options-appear{0%{opacity:0}to{opacity:1}}.document-object-loading{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;gap:9px;pointer-events:none;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 2px rgb(0 0 0 / 45%);background:#0f172a2e;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.document-object-loading-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgb(255 255 255 / 18%);border-radius:999px;background:#0f172ac7;box-shadow:0 8px 24px #00000038}.document-object-loading-indicator{flex:0 0 auto;width:14px;height:14px;border:2px solid rgb(255 255 255 / 35%);border-top-color:#fff;border-radius:50%;animation:board-loading-spin .7s linear infinite}.document-page-transition{--document-page-turn-duration: .76s;position:absolute;z-index:19;overflow:hidden;pointer-events:none;perspective:2200px;perspective-origin:50% 48%;isolation:isolate;transform-style:preserve-3d}.document-page-transition>img,.document-page-transition>.document-page-annotation-layer,.document-page-turn-sheet,.document-page-face,.document-page-face>img,.document-page-face>.document-page-annotation-layer,.document-page-book-spine,.document-page-cast-shadow{position:absolute;inset:0;width:100%;height:100%}.document-page-transition img{display:block;object-fit:fill;-webkit-user-select:none;user-select:none}.document-page-transition>img{z-index:0}.document-page-annotation-layer{z-index:1;display:block;overflow:visible;pointer-events:none}.document-page-turn-sheet{z-index:2;transform-style:preserve-3d;will-change:transform}.document-page-turn-sheet:after{position:absolute;z-index:3;top:0;bottom:0;width:3.2%;content:"";pointer-events:none}.document-page-face{overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d}.document-page-face:after{position:absolute;inset:0;content:"";pointer-events:none}.document-page-front{transform:translateZ(.35px)}.document-page-front:after{background:linear-gradient(90deg,#fff0 34%,#ffffff1a 62%,#0f172a4d);animation:document-page-front-shade var(--document-page-turn-duration) ease-in-out both}.document-page-back{transform:rotateY(180deg) translateZ(.35px)}.document-page-back:after{background:linear-gradient(90deg,#0f172a57,#ffffff1f 34%,#fff0 72%);animation:document-page-back-shade var(--document-page-turn-duration) ease-in-out both}.document-page-book-spine{z-index:4;width:clamp(4px,1.4%,14px);opacity:0;pointer-events:none;will-change:opacity}.document-page-cast-shadow{z-index:1;opacity:0;pointer-events:none;will-change:opacity,transform}.document-page-transition.next .document-page-turn-sheet{transform-origin:left center;animation:document-page-turn-next var(--document-page-turn-duration) cubic-bezier(.33,.72,.08,1) forwards}.document-page-transition.previous .document-page-turn-sheet{transform-origin:right center;animation:document-page-turn-previous var(--document-page-turn-duration) cubic-bezier(.33,.72,.08,1) forwards}.document-page-transition.next .document-page-turn-sheet:after{right:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 72%))}.document-page-transition.previous .document-page-turn-sheet:after{left:0;background:linear-gradient(270deg,transparent,rgb(255 255 255 / 72%))}.document-page-transition.next .document-page-book-spine{left:0;background:linear-gradient(90deg,rgb(15 23 42 / 38%),rgb(255 255 255 / 38%),transparent);animation:document-page-spine var(--document-page-turn-duration) ease-in-out both}.document-page-transition.previous .document-page-book-spine{right:0;background:linear-gradient(270deg,rgb(15 23 42 / 38%),rgb(255 255 255 / 38%),transparent);animation:document-page-spine var(--document-page-turn-duration) ease-in-out both}.document-page-transition.next .document-page-cast-shadow{background:linear-gradient(90deg,rgb(15 23 42 / 38%),transparent 58%);transform-origin:left center;animation:document-page-cast-shadow-next var(--document-page-turn-duration) ease-in-out both}.document-page-transition.previous .document-page-cast-shadow{background:linear-gradient(270deg,rgb(15 23 42 / 38%),transparent 58%);transform-origin:right center;animation:document-page-cast-shadow-previous var(--document-page-turn-duration) ease-in-out both}@keyframes document-page-turn-next{0%{transform:rotateY(0) translateZ(0) scaleX(1)}42%{transform:rotateY(-68deg) translateZ(9px) scaleX(.985)}to{transform:rotateY(-180deg) translateZ(0) scaleX(1)}}@keyframes document-page-turn-previous{0%{transform:rotateY(0) translateZ(0) scaleX(1)}42%{transform:rotateY(68deg) translateZ(9px) scaleX(.985)}to{transform:rotateY(180deg) translateZ(0) scaleX(1)}}@keyframes document-page-front-shade{0%{opacity:.08}58%{opacity:1}to{opacity:.22}}@keyframes document-page-back-shade{0%,42%{opacity:.18}68%{opacity:.82}to{opacity:.06}}@keyframes document-page-cast-shadow-next{0%,to{opacity:0;transform:translate(0) scaleX(.02)}48%{opacity:.72;transform:translate(2.5%) scaleX(.48)}}@keyframes document-page-cast-shadow-previous{0%,to{opacity:0;transform:translate(0) scaleX(.02)}48%{opacity:.72;transform:translate(-2.5%) scaleX(.48)}}@keyframes document-page-spine{0%,to{opacity:0}26%,72%{opacity:.88}}@media(prefers-reduced-motion:reduce){.document-page-transition .document-page-turn-sheet{animation:document-page-fade .14s ease-out forwards}.document-page-face:after,.document-page-book-spine,.document-page-turn-sheet:after,.document-page-cast-shadow{display:none}}@keyframes document-page-fade{to{opacity:0}}.document-file-name{width:clamp(100px,18vw,180px);overflow:hidden;color:#273244;font-size:11px;font-weight:650;line-height:1;text-overflow:ellipsis;white-space:nowrap}.document-panel-divider{width:1px;height:22px;margin:0;background:var(--color-border, #d8e0ea)}.document-option-button{display:inline-flex;flex:0 0 30px;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:7px;color:#334155;background:transparent;text-decoration:none;cursor:pointer}.document-option-button:hover:not(:disabled),.document-option-button:focus-visible{color:#4f36c7;background:#f1efff;outline:none}.document-lock-button.is-active{color:#5b3fd0;background:#e9e4ff;box-shadow:inset 0 0 0 1px #5b3fd061,0 3px 9px #5b3fd02e}.document-lock-button.is-active:hover:not(:disabled),.document-lock-button.is-active:focus-visible{color:#4326b9;background:#ded6ff}.document-option-button:disabled,.document-option-button.disabled{opacity:.34;pointer-events:none}.document-option-button svg{width:15px;height:15px}.document-page-indicator{display:flex;align-items:center;gap:3px;color:#7b8492;font-size:10px;white-space:nowrap}.document-page-indicator input{width:34px;height:25px;padding:0 3px;border:1px solid transparent;border-radius:6px;color:#273244;background:transparent;font:inherit;font-weight:750;text-align:center;caret-color:var(--color-accent-strong, #4f36c7);appearance:textfield}.document-page-indicator input::-webkit-inner-spin-button,.document-page-indicator input::-webkit-outer-spin-button{margin:0;appearance:none}.document-page-indicator input:focus{border-color:var(--color-accent, #8b74e8);background:var(--color-control-active, #f1efff);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent, #8b74e8) 22%,transparent);outline:none}.document-page-indicator input:disabled{opacity:.48}.document-more-menu-wrap{position:relative;display:flex}.document-more-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:214px;padding:5px;border-radius:10px}.document-annotation-download-option{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;color:#334155;font-size:12px;font-weight:700;cursor:pointer}.document-annotation-download-option:hover{background:#f1efff}.document-annotation-download-option.is-disabled{opacity:.5;cursor:default}.document-annotation-download-option input{width:15px;height:15px;margin:0;accent-color:var(--color-accent-strong, #5b3fd0)}.document-annotation-download-option span{display:grid;gap:2px}.document-annotation-download-option small{color:#7b8492;font-size:10px;font-weight:550}.document-download-spinner{animation:board-loading-spin .7s linear infinite}.document-more-menu .document-delete-option{display:flex;width:100%;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:7px;color:#b42318;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.document-more-menu .document-delete-option:hover{background:#fff1f0}.document-markdown-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px;padding-bottom:5px;border-bottom:1px solid var(--color-border, #d8dde6)}.document-markdown-mode button{display:flex;min-height:34px;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border:1px solid transparent;border-radius:7px;color:#475569;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.document-markdown-mode button:hover{background:#f4f2ff}.document-markdown-mode button.is-active{border-color:color-mix(in srgb,var(--color-accent, #8b74e8) 48%,transparent);color:var(--color-accent-strong, #5b3fd0);background:var(--color-control-active, #efebff)}.document-more-menu svg{width:16px;height:16px}.document-render-sandbox{position:fixed;z-index:-1000;top:0;left:-100000px;width:max-content;min-width:794px;color:#111827;background:#fff;pointer-events:none}.document-rich-render-sandbox{width:794px;min-width:794px}.document-docx-page-viewport{position:relative;flex:none;overflow:hidden;color:#111827;background:#fff}.document-page-frame-border,.document-page-frame-header,.document-page-frame-footer{position:absolute;z-index:10;box-sizing:border-box;pointer-events:none}.document-page-frame-border{inset:12px;border:1px solid #d8dee8}.document-page-frame-header,.document-page-frame-footer{right:64px;left:64px;overflow:hidden;color:#64748b;font:600 11px/1.2 Be Vietnam Pro,Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}.document-page-frame-header{top:25px;padding-bottom:8px;border-bottom:1px solid #d8dee8;text-align:left}.document-page-frame-footer{bottom:25px;padding-top:8px;border-top:1px solid #d8dee8;text-align:center}.document-docx-content-slice{width:100%}.document-rich-page{position:relative;width:794px;height:1123px;overflow:hidden;color:#172033;background:#fff}.document-rich-page-content{position:absolute;top:64px;left:64px;width:666px;height:995px;overflow:hidden}.document-rich-content{color:#172033;font:15px/1.55 Be Vietnam Pro,Arial,sans-serif;overflow-wrap:anywhere}.document-rich-content>:first-child{margin-top:0}.document-rich-content>:last-child{margin-bottom:0}.document-rich-content h1,.document-rich-content h2,.document-rich-content h3,.document-rich-content h4{margin:1.15em 0 .5em;line-height:1.25}.document-rich-content p,.document-rich-content ul,.document-rich-content ol,.document-rich-content blockquote,.document-rich-content pre,.document-rich-content table{margin:0 0 .9em}.document-rich-content pre,.document-rich-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.document-rich-content pre{padding:12px 14px;overflow:hidden;border:1px solid #d8e0ea;border-radius:8px;background:#f6f8fb;white-space:pre-wrap}.document-rich-content blockquote{padding-left:14px;border-left:4px solid #8b74e8;color:#536072}.document-rich-content table{width:100%;border-collapse:collapse}.document-rich-content th,.document-rich-content td{padding:6px 8px;border:1px solid #cbd5e1;text-align:left;vertical-align:top}.document-rich-content img{max-width:100%;height:auto}.image-alt-button{width:48px}.image-alt-button span{font-size:9px;font-weight:800}.image-option-contextual-actions,.document-option-contextual-actions{display:inline-flex;align-items:center;margin-left:0;border-left:1px solid var(--color-border, #d8e0ea)}.image-option-contextual-actions{padding-left:4px;margin-right:0}.document-option-contextual-actions{padding-left:3px;margin-right:0}.document-options-panel .ai-contextual-options-embedded{width:30px;min-width:30px;height:30px}.document-options-panel .ai-contextual-options-embedded .ai-contextual-action-rail,.document-options-panel .ai-contextual-options-embedded .ai-contextual-action-rail button{height:30px}.document-options-panel .ai-contextual-options-embedded .ai-contextual-menu-trigger{width:30px;min-width:30px;height:30px;border-radius:7px}.ai-contextual-options-embedded{position:relative;display:inline-flex;align-items:center;width:34px;min-width:34px;height:34px;overflow:visible;transition:width .26s cubic-bezier(.22,1,.36,1)}.ai-contextual-options-embedded .ai-contextual-action-rail,.ai-contextual-options-embedded .ai-contextual-action-rail button{height:34px}.ai-contextual-options-embedded .ai-contextual-action-rail{gap:4px}.ai-contextual-options-embedded .ai-contextual-menu-trigger{width:34px;min-width:34px;height:34px;border-radius:8px}.ai-contextual-options{box-sizing:border-box;width:39px;min-width:39px;max-width:calc(100vw - 16px);min-height:32px;height:32px;padding:3px;overflow:visible;transform:translate(-50%);border-radius:9px;transition:width .26s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,background-color .18s ease}.ai-contextual-options.open{width:min(310px,calc(100vw - 16px))}.ai-contextual-options.chat-only{width:0;min-width:0;height:0;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.ai-contextual-options.chat-only.processing{width:32px;min-width:32px;height:26px;min-height:26px;overflow:visible}.ai-contextual-options.chat-only .ai-selection-chat{top:8px}.ai-contextual-options-embedded.open{width:min(304px,calc(100vw - 74px))}.ai-contextual-options-embedded.open.compact-image-actions{width:min(158px,calc(100vw - 74px))}.ai-contextual-options-embedded.compact-image-actions .ai-contextual-action-rail button[data-action-id="image.recognize"]{flex:0 0 72px}.ai-contextual-options-embedded.compact-image-actions .ai-contextual-action-rail button[data-action-id="board.chat_selection"]{flex:0 0 44px}.ai-contextual-action-rail{display:flex;flex:1 1 auto;align-items:center;gap:3px;min-width:0;max-width:0;height:26px;padding-left:0;overflow:hidden;opacity:0;pointer-events:none;transform:translate(-8px) scaleX(.96);transform-origin:left center;transition:max-width .26s cubic-bezier(.22,1,.36,1),padding-left .26s cubic-bezier(.22,1,.36,1),opacity .14s ease 20ms,transform .26s cubic-bezier(.22,1,.36,1)}.ai-contextual-options.open .ai-contextual-action-rail,.ai-contextual-options-embedded.open .ai-contextual-action-rail{max-width:272px;padding-left:3px;opacity:1;pointer-events:auto;transform:translate(0) scaleX(1)}.ai-contextual-options-embedded.open .ai-contextual-action-rail{padding-left:4px}.ai-contextual-action-rail button{position:relative;display:grid;flex:1 1 0;min-width:30px;height:26px;place-items:center;align-content:center;gap:0;padding:2px 3px 1px;border:0;border-radius:6px;color:var(--color-text-secondary, #64748b);background:transparent;cursor:pointer;opacity:0;transform:translate(-5px);transition:color .14s ease,background-color .14s ease,opacity .15s ease,transform .22s cubic-bezier(.22,1,.36,1)}.ai-contextual-options.open .ai-contextual-action-rail button,.ai-contextual-options-embedded.open .ai-contextual-action-rail button{opacity:1;transform:translate(0)}.ai-contextual-action-rail button:nth-child(2){transition-delay:25ms}.ai-contextual-action-rail button:nth-child(3){transition-delay:45ms}.ai-contextual-action-rail button:nth-child(4){transition-delay:65ms}.ai-contextual-action-rail button:nth-child(5){transition-delay:85ms}.ai-contextual-action-rail button:hover,.ai-contextual-action-rail button:focus-visible,.ai-contextual-action-rail button.recommended{color:var(--color-accent-strong, #4f36c7);background:var(--color-accent-soft, #f2efff);outline:none}.ai-contextual-action-rail button.recommended:after{position:absolute;top:3px;right:4px;width:3px;height:3px;border-radius:50%;background:var(--color-accent, #6650d5);content:""}.ai-contextual-action-rail svg{width:13px;height:13px;stroke-width:1.9}.ai-contextual-action-rail small{display:block;overflow:hidden;width:100%;font-size:6.5px;font-weight:750;line-height:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ai-contextual-quick-action,.ai-contextual-menu-trigger{display:inline-flex;align-items:center;justify-content:center;height:34px;border:0;border-radius:8px;color:var(--color-accent-strong, #4f36c7);background:var(--color-accent-soft, #f2efff);cursor:pointer}.ai-contextual-quick-action{gap:6px;max-width:190px;padding:0 10px;font-size:12px;font-weight:750;white-space:nowrap}.ai-contextual-menu-trigger{position:relative;z-index:1;isolation:isolate;flex:0 0 auto;gap:0;width:32px;min-width:32px;height:26px;padding:0;line-height:0;overflow:hidden;border-radius:6px;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.ai-contextual-ai-button span{position:relative;z-index:2;font-size:8px;font-weight:850;letter-spacing:.02em}.ai-contextual-quick-action:hover,.ai-contextual-menu-trigger:hover,.ai-contextual-quick-action:focus-visible,.ai-contextual-menu-trigger:focus-visible{color:#fff;background:var(--color-accent, #6650d5);outline:none}.ai-contextual-menu-trigger.active{color:#fff;background:var(--color-accent, #6650d5);box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent, #6650d5) 34%,transparent)}.ai-contextual-menu-trigger:active{transform:scale(.92)}.ai-contextual-quick-action:disabled,.ai-contextual-menu-trigger:disabled{opacity:.58;cursor:wait}.ai-contextual-options.processing,.ai-contextual-options-embedded.processing{pointer-events:none}.ai-contextual-menu-trigger.processing{color:#fff;background:transparent;opacity:1;box-shadow:0 0 12px color-mix(in srgb,#9b87ff 58%,transparent)}.ai-contextual-menu-trigger.processing:before{position:absolute;z-index:-2;top:50%;left:50%;width:52px;height:52px;background:conic-gradient(from 0deg,#ff4d8d,#ffb84d,#fff45c,#54e38e,#49d7ff,#6978ff,#c86cff,#ff4d8d);content:"";animation:ai-spectrum-ring 1.15s linear infinite;will-change:transform}.ai-contextual-menu-trigger.processing:after{position:absolute;z-index:-1;inset:2px;border-radius:4px;background:color-mix(in srgb,var(--color-accent, #6650d5) 84%,#17131f);content:""}.ai-contextual-options-embedded .ai-contextual-menu-trigger.processing:after{border-radius:6px}.ai-contextual-menu-trigger.processing svg{animation:ai-processing-icon-pulse .9s ease-in-out infinite alternate;will-change:opacity,transform}@keyframes ai-processing-icon-pulse{0%{opacity:.56;transform:scale(.86)}to{opacity:1;transform:scale(1.06)}}@keyframes ai-spectrum-ring{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.ai-contextual-quick-action svg,.ai-contextual-menu-trigger svg{position:relative;z-index:2;width:13px;height:13px;flex:0 0 auto}.plot-parameter-controls{position:absolute;z-index:44;display:flex;align-items:center;gap:5px;width:min(var(--plot-controls-width, 620px),calc(100vw - 20px));max-width:calc(100vw - 20px);box-sizing:border-box;padding:5px 6px;overflow:hidden;transform:translate(-50%);border-radius:9px;scrollbar-width:none}.plot-parameter-controls::-webkit-scrollbar{display:none}.plot-parameter-control{display:flex;align-items:center;gap:5px;flex:1 1 0;min-width:0;box-sizing:border-box;padding:2px 4px 2px 7px;border:1px solid color-mix(in srgb,var(--color-accent, #6650d5) 20%,transparent);border-radius:7px;background:color-mix(in srgb,var(--color-surface, #fff) 94%,var(--color-accent, #6650d5))}.plot-parameter-control output{min-width:44px;color:var(--color-text-primary, #172033);font-size:10px;font-weight:750;text-align:right;white-space:nowrap}.plot-parameter-control output i{color:var(--color-accent-strong, #4f36c7);font-family:serif;font-size:12px}.plot-parameter-control input[type=range]{flex:1 1 76px;width:auto;min-width:42px;height:18px;margin:0;accent-color:var(--color-accent, #6650d5);cursor:ew-resize}.plot-parameter-control button{display:grid;place-items:center;width:23px;height:23px;padding:0;border:0;border-radius:6px;color:var(--color-accent-strong, #4f36c7);background:var(--color-accent-soft, #f2efff);cursor:pointer}.plot-parameter-control button:hover,.plot-parameter-control button:focus-visible{color:#fff;background:var(--color-accent, #6650d5);outline:none}.plot-parameter-control button svg{width:12px;height:12px}.plot-parameter-controls.compact,.plot-parameter-controls.micro{flex-direction:column;align-items:stretch;gap:4px;padding:4px;border-radius:8px}.plot-parameter-controls.compact .plot-parameter-control,.plot-parameter-controls.micro .plot-parameter-control{width:100%;padding:2px 3px 2px 6px}.plot-parameter-controls.micro .plot-parameter-control{gap:3px}.plot-parameter-controls.micro .plot-parameter-control output{min-width:34px;overflow:hidden;font-size:9px;text-overflow:ellipsis}.plot-parameter-controls.micro .plot-parameter-control output i{font-size:10px}.plot-parameter-controls.micro .plot-parameter-control button{width:18px;height:18px;border-radius:5px}.plot-parameter-controls.micro .plot-parameter-control button svg{width:9px;height:9px}.plot-parameter-controls.micro .plot-parameter-control input[type=range]{min-width:24px;height:16px}.ai-contextual-popover{position:absolute;z-index:45;top:calc(100% + 9px);left:50%;display:flex;flex-direction:column;width:min(280px,calc(100vw - 20px));max-height:min(240px,calc(100vh - 100px));padding:5px;overflow:auto;transform:translate(-50%);border-radius:10px;color:var(--color-text-primary, #172033)}.ai-selection-chat{position:absolute;z-index:46;top:calc(100% + 8px);left:50%;display:grid;gap:7px;width:min(310px,calc(100vw - 20px));padding:10px;transform:translate(-50%);border-radius:11px;color:var(--color-text-primary, #172033)}.ai-selection-chat label{font-size:11px;font-weight:800}.ai-selection-chat>div{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:end;gap:6px}.ai-selection-chat textarea{box-sizing:border-box;width:100%;min-height:66px;max-height:150px;padding:8px 9px;resize:vertical;border:1px solid var(--color-border, #d8e0ea);border-radius:8px;color:inherit;background:var(--color-control, #fff);font:inherit;font-size:11px;line-height:1.4;outline:none}.ai-selection-chat textarea:focus{border-color:var(--color-accent, #6650d5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent, #6650d5) 16%,transparent)}.ai-selection-chat button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;color:#fff;background:var(--color-accent, #6650d5);cursor:pointer}.ai-selection-chat button:disabled{opacity:.42;cursor:default}.ai-selection-chat button svg{width:14px;height:14px}.ai-selection-chat>small{color:var(--color-text-secondary, #64748b);font-size:8px}.ai-contextual-popover.compact-actions{flex-direction:row;width:auto;max-width:calc(100vw - 16px);padding:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.ai-contextual-popover.compact-actions::-webkit-scrollbar{display:none}.ai-contextual-popover.compact-actions>header{order:2;padding:0;border:0}.ai-contextual-popover.compact-actions>header span{display:none}.ai-contextual-popover.compact-actions>header button{width:24px;height:40px}.ai-contextual-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 2px 2px}.ai-contextual-popover.compact-actions .ai-contextual-action-grid{display:flex;gap:3px;padding:0}.ai-contextual-popover.compact-actions .ai-contextual-action-grid button{width:42px;min-width:42px;min-height:40px;gap:2px;padding:4px 2px 3px;border-radius:7px}.ai-contextual-popover.compact-actions .ai-contextual-action-grid svg{width:15px;height:15px}.ai-contextual-popover.compact-actions .ai-contextual-action-grid small{max-width:38px;font-size:7px}.ai-contextual-action-grid button{position:relative;display:grid;min-width:0;min-height:62px;place-items:center;align-content:center;gap:6px;padding:7px 4px 6px;border:1px solid color-mix(in srgb,var(--color-border, #d8e0ea) 78%,transparent);border-radius:10px;color:var(--color-text-primary, #172033);background:color-mix(in srgb,var(--color-control, #fff) 82%,transparent);cursor:pointer}.ai-contextual-action-grid button:hover,.ai-contextual-action-grid button:focus-visible{border-color:color-mix(in srgb,var(--color-accent, #6650d5) 58%,transparent);color:var(--color-accent-strong, #4f36c7);background:var(--color-accent-soft, #f2efff);outline:none}.ai-contextual-action-grid button.recommended:after{position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:999px;background:var(--color-accent, #6650d5);content:""}.ai-contextual-action-grid svg{width:19px;height:19px;color:var(--color-accent, #6650d5);stroke-width:1.8}.ai-contextual-action-grid small{overflow:hidden;max-width:100%;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.ai-contextual-popover>header{display:flex;align-items:center;justify-content:space-between;padding:5px 6px 8px;border-bottom:1px solid var(--color-border, #d8e0ea)}.ai-contextual-popover>header span,.ai-contextual-popover>header button,.ai-contextual-action-row,.ai-contextual-progress,.ai-contextual-error,.ai-result-actions button{display:flex;align-items:center}.ai-result-actions{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.ai-result-actions button{display:grid;min-height:52px;place-items:center;align-content:center;gap:4px;padding:6px}.ai-result-actions button small{font-size:9px;font-weight:750}.ai-contextual-popover>header span{gap:7px;font-size:12px;font-weight:800}.ai-contextual-popover>header svg,.ai-contextual-action-row>svg,.ai-result-actions svg{width:16px;height:16px}.ai-contextual-popover>header button{justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;color:var(--color-text-secondary, #64748b);background:transparent;cursor:pointer}.ai-contextual-action-row{gap:10px;width:100%;padding:10px 9px;border:0;border-radius:10px;color:inherit;text-align:left;background:transparent;cursor:pointer}.ai-contextual-action-row:hover,.ai-contextual-action-row:focus-visible{background:var(--color-control-hover, #f6f4ff);outline:none}.ai-contextual-action-row>svg{flex:0 0 auto;color:var(--color-accent, #6650d5)}.ai-contextual-action-row span,.ai-contextual-progress span{display:grid;gap:3px;min-width:0}.ai-contextual-action-row strong{display:flex;align-items:center;gap:6px;font-size:12px}.ai-contextual-action-row em{padding:2px 5px;border-radius:999px;color:var(--color-accent-strong, #4f36c7);font-size:9px;font-style:normal;text-transform:uppercase;background:var(--color-accent-soft, #f2efff)}.ai-contextual-action-row small,.ai-contextual-progress small{color:var(--color-text-secondary, #64748b);font-size:11px;line-height:1.35}.ai-contextual-progress,.ai-contextual-error{gap:9px;padding:14px 9px;font-size:12px}.ai-contextual-progress>svg{width:20px;color:var(--color-accent, #6650d5)}.ai-contextual-progress button,.ai-contextual-error button{margin-left:auto;border:0;color:var(--color-accent-strong, #4f36c7);background:transparent;cursor:pointer}.ai-contextual-error{flex-wrap:wrap;color:var(--color-danger, #b42318)}.ai-recognition-result{display:grid;gap:8px;padding:10px 7px 6px}.ai-recognition-kind{color:var(--color-text-secondary, #64748b);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ai-candidate-list,.ai-result-actions{display:grid;gap:6px}.ai-candidate-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--color-border, #d8e0ea);border-radius:8px;background:var(--color-control, #fff)}.ai-candidate-summary small{color:var(--color-text-secondary, #64748b);font-size:10px;font-variant-numeric:tabular-nums}.ai-candidate-list button{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--color-border, #d8e0ea);border-radius:9px;color:inherit;text-align:left;background:var(--color-control, #fff);cursor:pointer}.ai-candidate-list button.selected{border-color:var(--color-accent, #6650d5);background:var(--color-accent-soft, #f2efff)}.ai-candidate-list small{color:var(--color-text-secondary, #64748b);font-variant-numeric:tabular-nums}.ai-candidate-list svg{width:15px;color:var(--color-accent, #6650d5)}.ai-result-actions button{justify-content:center;gap:7px;min-height:36px;border:0;border-radius:9px;color:#fff;font-weight:750;background:var(--color-accent, #6650d5);cursor:pointer}.image-options-panel.crop-mode{gap:7px;padding-left:11px}.image-crop-aspect-icon{width:17px;color:#475569}.image-crop-slider{width:112px;accent-color:#6650d5}.image-alt-form{display:flex;align-items:center;gap:4px}.image-alt-input{width:220px;height:34px;padding:0 10px;border:1px solid #cbd5e1;border-radius:8px;outline:none}.image-alt-input:focus{border-color:#6650d5;box-shadow:0 0 0 3px #6650d524}.asset-error{position:absolute;z-index:30;top:18px;left:50%;display:flex;align-items:center;gap:11px;width:max-content;max-width:min(520px,calc(100% - 32px));padding:10px;transform:translate(-50%);border:1px solid #f7b8b5;border-radius:14px;color:#991b1b;background:snow;box-shadow:0 16px 38px #7f1d1d29;font-size:13px}.asset-error-icon{display:inline-flex;flex:0 0 34px;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#fee2e2}.asset-error-content{display:grid;flex:1 1 auto;gap:2px;min-width:0;line-height:1.35}.asset-error-content strong{font-size:12px;font-weight:800}.asset-error-content>span{color:#7f1d1d;font-weight:560}.asset-error button{display:inline-flex;flex:0 0 30px;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:8px;color:inherit;background:transparent;cursor:pointer}.asset-error button:hover,.asset-error button:focus-visible{background:#7f1d1d1a;outline:none}.asset-error button svg{width:15px}.asset-error-icon svg{width:18px;height:18px}.connector-options-panel{position:relative;display:grid;gap:8px;padding-top:10px;border-top:1px solid #e2e8f0}.connector-options-title{margin:0;font-size:10px;font-weight:800;line-height:1.2;color:#64748b;letter-spacing:.1em;text-transform:uppercase}.connector-control-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0;margin:0;padding:0;border:0}.connector-dash-control{grid-template-columns:repeat(3,minmax(0,1fr))}.connector-option-button,.connector-head-option{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 7px;border:1px solid #d8e0ea;border-radius:8px;background:#fff;color:#334155;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,transform .12s ease}.connector-option-button:hover,.connector-head-option:hover{border-color:#a89bea;background:#f7f5ff;color:#563fc4}.connector-option-button:active,.connector-head-option:active{transform:scale(.96)}.connector-option-button[aria-pressed=true],.connector-head-option[aria-selected=true]{border-color:#6650d5;background:#ede9fe;color:#4c1d95;box-shadow:inset 0 0 0 1px #6650d51f}.connector-option-icon{width:24px;height:24px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.connector-head-icon{width:30px}.connector-head-controls{position:relative;display:grid;gap:5px}.connector-control-label{font-size:10px;font-weight:750;color:#64748b;letter-spacing:.04em;text-transform:uppercase}.connector-head-trigger-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.connector-head-trigger[aria-expanded=true]{border-color:#6650d5;background:#ede9fe;color:#4c1d95}.connector-head-picker{position:fixed;z-index:10000;display:grid;grid-template-columns:repeat(4,38px);grid-template-rows:repeat(2,36px);gap:6px;width:auto;padding:8px;border-radius:12px;box-shadow:0 14px 35px #0f172a2e}.connector-head-option{width:38px;height:36px;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-note-style-panel{display:grid;gap:8px}.text-style-title{margin:0;font-size:11px;font-weight:850;color:#475569;letter-spacing:.09em;text-transform:uppercase}.text-style-field{display:grid;gap:4px;font-size:10px;font-weight:750;color:#64748b;letter-spacing:.04em;text-transform:uppercase}.text-size-number{width:100%;height:32px;border:1px solid #d8e0ea;border-radius:8px;outline:none;background:#fff;color:#253047}.text-font-select{width:100%}.text-size-number:focus{border-color:#6650d5;box-shadow:0 0 0 3px #6650d51f}.text-font-select>.select-control-trigger{font-size:11px;font-weight:650}.text-size-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:6px}.text-size-number{padding:0 5px;text-align:center;font-size:12px}.text-icon-control-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.text-style-icon-button{display:inline-grid;place-items:center;height:31px;border:1px solid #d8e0ea;border-radius:8px;background:#fff;color:#475569;cursor:pointer;transition:.12s ease}.text-style-icon-button svg{width:17px;height:17px}.text-style-icon-button:hover{border-color:#a89bea;background:#f7f5ff;color:#563fc4}.text-style-icon-button[aria-pressed=true]{border-color:#6650d5;background:#ede9fe;color:#4c1d95}.text-color-field{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;font-size:10px;font-weight:750;color:#64748b;letter-spacing:.04em;text-transform:uppercase}.style-panel .text-color-input{width:42px;height:32px;padding:3px}.note-style-options,.note-background-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;padding:8px 0 0;border:0;border-top:1px solid #e2e8f0}.note-style-options legend,.note-background-options legend{grid-column:1 / -1;margin-bottom:4px;padding:0;font-size:10px;font-weight:800;color:#64748b;letter-spacing:.07em;text-transform:uppercase}.note-background-options .color-palette{grid-column:1 / -1}.note-style-option{position:relative;height:42px;overflow:hidden;border:1px solid #d8e0ea;border-radius:9px;background:#fef08a;cursor:pointer}.note-style-option[aria-pressed=true]{border-color:#6650d5;box-shadow:0 0 0 2px #6650d533}.note-style-preview-lines,.note-style-preview-lines:before,.note-style-preview-lines:after{position:absolute;left:12px;right:12px;height:1px;background:#64748b47;content:""}.note-style-preview-lines{top:22px}.note-style-preview-lines:before{top:8px;left:0;right:0}.note-style-preview-lines:after{top:16px;left:0;right:0}.note-style-preview-sticky:after{position:absolute;top:3px;left:50%;width:10px;height:10px;border-radius:50%;background:#e11d48;box-shadow:0 2px 3px #8813374d;content:"";transform:translate(-50%)}.note-style-preview-lined:before{position:absolute;top:7px;bottom:7px;left:19px;z-index:1;width:1px;background:#f472b680;content:""}.note-style-preview-notebook{border-width:4px;border-color:#bae6fd;background:#fdf2f8}.note-style-preview-pastel{border:4px solid #ddd6fe;background:#ecfccb}.note-color-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,25px));justify-content:space-between;gap:1px;padding:2px;overflow:hidden}.style-panel.text-style-mode .note-color-swatch,.style-panel.text-style-mode .note-color-custom{width:25px;min-width:25px;height:25px}.note-color-swatch,.note-color-custom{width:25px;height:25px;padding:0;border:2px solid #ffffff;border-radius:7px;box-shadow:0 0 0 1px #cbd5e1;cursor:pointer}.note-color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #6650d5}.note-color-custom{overflow:hidden}.color-palette{display:grid;grid-template-columns:repeat(var(--color-palette-items, 5),26px);justify-content:space-between;align-items:center;gap:4px;width:100%;min-width:0;box-sizing:border-box;padding:2px 1px}.color-palette-swatch,.color-palette-custom{position:relative;display:grid;place-items:center;width:26px;min-width:26px;height:26px;padding:0;border:2px solid #ffffff;border-radius:7px;background:var(--color-control, #ffffff);box-shadow:0 0 0 1px #cbd5e1;box-sizing:border-box;cursor:pointer;outline:none;transition:transform .12s ease,box-shadow .12s ease}.color-palette-swatch:hover,.color-palette-custom:hover{transform:scale(1.06)}.color-palette-swatch[aria-pressed=true],.color-palette-custom[data-selected=true]{box-shadow:0 0 0 2px #6650d5}.style-panel input.color-palette-custom-input{position:absolute;z-index:1;inset:0;display:block;width:100%;max-width:none;height:100%;padding:0;border:0;opacity:0}.color-palette-custom-preview{position:absolute;inset:2px;display:grid;place-items:center;overflow:hidden;border-radius:4px;color:#fff;background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#8b5cf6,#ef4444);pointer-events:none}.color-palette-custom-preview svg{width:13px;height:13px;stroke-width:2.5;filter:drop-shadow(0 1px 2px rgba(15,23,42,.8))}.color-palette-custom-input:focus-visible+.color-palette-custom-preview{outline:2px solid #6650d5;outline-offset:2px}.whiteboard-inline-editor{margin:0;box-shadow:0 0 0 2px #2563eb29;white-space:pre-wrap;word-break:break-word}.whiteboard-inline-editor::selection{color:inherit;background:#6650d538}.fill-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:6px;width:100%;min-width:0;padding:2px}.fill-row-with-transparent{grid-template-columns:25px minmax(0,1fr)}.fill-row .color-palette{grid-template-columns:repeat(var(--color-palette-items, 5),minmax(0,1fr));gap:3px;padding:2px 1px}.fill-row .color-palette-swatch,.fill-row .color-palette-custom{width:100%;min-width:0;max-width:25px;height:auto;aspect-ratio:1}.swatch{width:25px;height:25px;border:2px solid white;border-radius:7px;box-shadow:0 0 0 1px #cbd5e1;cursor:pointer}.fill-row .swatch{width:25px;min-width:25px;height:25px}.style-panel .fill-row .note-color-custom{flex:0 0 25px;width:25px;min-width:25px;height:25px;padding:0}.swatch.active{box-shadow:0 0 0 2px #6650d5}.swatch.transparent{background:linear-gradient(135deg,#fff 43%,#ef4444 44% 55%,#fff 56%)}.board-background-controls{display:grid;gap:8px;padding-top:10px;border-top:1px solid #e2e8f0}.board-background-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.board-background-option{display:grid;gap:5px;min-width:0;padding:5px;color:#64748b;font:inherit;background:#fff;border:1px solid #d8e0ea;border-radius:9px;cursor:pointer;transition:color .12s ease,border-color .12s ease,box-shadow .12s ease}.board-background-option:hover:not(:disabled){color:#4338ca;border-color:#a5b4fc}.board-background-option.active{color:#4338ca;border-color:#6650d5;box-shadow:0 0 0 2px #6650d524}.board-background-option:disabled{cursor:not-allowed;opacity:.48}.board-background-preview{display:block;width:100%;height:30px;overflow:hidden;background-color:#fff;border:1px solid #e2e8f0;border-radius:5px}.board-background-preview-grid{background-image:linear-gradient(#dbe5f1 1px,transparent 1px),linear-gradient(90deg,#dbe5f1 1px,transparent 1px);background-size:8px 8px}.board-background-preview-dots{background-image:radial-gradient(circle,#cbd5e1 1px,transparent 1.25px);background-size:8px 8px}.board-background-preview-white{background:#fff}.board-background-option-label{overflow:hidden;font-size:10px;font-weight:750;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.zoom-controls{position:absolute;z-index:8;bottom:17px;left:16px;display:flex;gap:2px;align-items:center;padding:3px;border-radius:10px}.zoom-controls button{width:28px;height:28px;border-radius:7px}.zoom-controls span{min-width:38px;text-align:center;font-size:10px;font-weight:750}.zoom-controls .zoom-lock-button.active,.zoom-controls .zoom-lock-button.active:hover{border-radius:50%;color:#fff;background:var(--app-accent)}.zoom-controls button:disabled{opacity:.38;cursor:default}.board-context-menu{position:absolute;z-index:60;display:grid;box-sizing:border-box;width:208px;max-height:calc(100% - 16px);padding:6px;overflow:visible;border-radius:12px;transform-origin:top left;animation:board-context-menu-in .12s ease-out both}.board-context-menu-entry{position:relative;width:100%}.board-context-menu-entry>button{width:100%}.board-context-submenu{position:absolute;z-index:1;top:-6px;display:grid;box-sizing:border-box;width:208px;padding:6px;border-radius:12px;transform-origin:top left;animation:board-context-menu-in .12s ease-out both}.board-context-submenu.opens-right{left:calc(100% - 2px)}.board-context-submenu.opens-left{right:calc(100% - 2px);transform-origin:top right}.board-context-submenu button{grid-template-columns:18px minmax(0,1fr)}.board-context-menu button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:0 9px;color:var(--color-text-primary, #243043);border:0;border-radius:7px;background:transparent;text-align:left;cursor:pointer}.board-context-menu button:hover:not(:disabled),.board-context-menu button:focus-visible{background:var(--color-control-hover, #f1f5f9);outline:none}.board-context-menu button:disabled{opacity:.42;cursor:default}.board-context-menu button>svg{width:16px;height:16px;color:var(--color-text-secondary, #64748b)}.board-context-menu button>span{overflow:hidden;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.board-context-menu kbd{color:var(--color-text-secondary, #64748b);font-family:inherit;font-size:9px;white-space:nowrap}.board-context-menu-separator{height:1px;margin:4px -6px;background:var(--color-border, #e2e8f0)}@keyframes board-context-menu-in{0%{opacity:0;transform:scale(.97) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.shape-picker{position:absolute;z-index:10;inset:116px 20px auto auto;display:block;width:min(356px,calc(100vw - 92px));max-height:min(72vh,640px);padding:10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--color-accent-strong, #6755db) 52%,transparent) transparent;scrollbar-gutter:stable;scrollbar-width:thin;transform:none;border-radius:12px;will-change:opacity,transform}.shape-picker.is-open{animation:shape-picker-slide-in .22s cubic-bezier(.22,1,.36,1) both}.shape-picker.is-closing{opacity:0;pointer-events:none;animation:shape-picker-fade-out .16s ease-out both}@keyframes shape-picker-slide-in{0%{opacity:.92;transform:translate(calc(100% + 20px))}to{opacity:1;transform:translate(0)}}@keyframes shape-picker-fade-out{0%{opacity:1}to{opacity:0}}.shape-picker::-webkit-scrollbar{width:10px}.shape-picker::-webkit-scrollbar-track{margin-block:8px;background:transparent}.shape-picker::-webkit-scrollbar-thumb{min-height:42px;border:3px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--color-accent-strong, #6755db) 52%,transparent);background-clip:padding-box}.shape-picker::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-accent-strong, #6755db) 78%,transparent);background-clip:padding-box}.shape-picker-category+.shape-picker-category{margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}.shape-picker-category>strong{display:block;margin:0 4px 7px;color:var(--muted, #64748b);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.shape-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.shape-picker button{display:flex;align-items:center;gap:8px;padding:8px;border:0;border-radius:8px;background:transparent;cursor:pointer;font-size:12px}.shape-picker button.active{color:#5b43c5;background:#f2efff}.shape-picker svg{width:16px;height:16px;flex:0 0 auto}.quick-connect-picker{position:absolute;z-index:24;display:flex;gap:5px;width:max-content;max-width:min(310px,calc(100vw - 20px));padding:7px;border-radius:12px;animation:board-context-menu-in .12s ease-out}.quick-connect-top{transform:translate(-50%,calc(-100% - 18px))}.quick-connect-right{transform:translate(18px,-50%)}.quick-connect-bottom{transform:translate(-50%,18px)}.quick-connect-left{transform:translate(calc(-100% - 18px),-50%)}.quick-connect-picker button{display:grid;width:36px;height:34px;padding:0;place-items:center;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:7px;color:inherit;background:transparent;cursor:pointer}.quick-connect-picker button:hover,.quick-connect-picker button:focus-visible{color:#0284c7;border-color:#38bdf8;background:#0ea5e91f;outline:none}.quick-connect-picker svg{width:18px;height:18px}@keyframes side-panel-slide-in{0%{transform:translate3d(102%,0,0)}to{transform:translateZ(0)}}@keyframes side-panel-slide-out{0%{transform:translateZ(0)}to{transform:translate3d(102%,0,0)}}.side-panel{position:absolute;z-index:50;top:10px;right:10px;bottom:10px;width:min(360px,calc(100vw - 20px));padding:20px;overflow-x:hidden;overflow-y:auto;border-radius:16px;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;backface-visibility:hidden;will-change:transform;animation:side-panel-slide-in .18s cubic-bezier(.22,1,.36,1)}.side-panel.restored{animation:none}.boards-panel{display:flex;min-height:0;flex-direction:column;overflow:hidden}.boards-panel .panel-header{flex:0 0 auto}.asset-library-panel{display:flex;min-height:0;flex-direction:column;overflow:hidden}.asset-library-panel .panel-header{border-bottom:0}.asset-library-intro{flex:0 0 auto;margin:12px 0 10px;color:var(--color-text-secondary, #64748b);font-size:11px;line-height:1.5}.asset-library-tabs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;flex:0 0 auto;padding:4px;border:1px solid var(--color-border, #e2e8f0);border-radius:12px;background:var(--color-surface-muted, #f8fafc)}.asset-library-tabs:before{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc((100% - 16px) / 3);border-radius:8px;background:var(--color-surface-raised, #fff);box-shadow:0 2px 8px #0f172a1a;content:"";transition:transform .22s cubic-bezier(.22,1,.36,1)}.asset-library-tabs[data-active-tab=documents]:before{transform:translate(calc(100% + 4px))}.asset-library-tabs[data-active-tab=links]:before{transform:translate(calc(200% + 8px))}.asset-library-tabs button{position:relative;z-index:1;display:flex;min-width:0;height:34px;padding:0 7px;align-items:center;justify-content:center;gap:5px;border:0;border-radius:8px;color:var(--color-text-secondary, #64748b);font:inherit;font-size:10px;font-weight:700;background:transparent;cursor:pointer;transition:color .13s ease,background-color .13s ease,box-shadow .13s ease}.asset-library-tabs button:hover{color:var(--color-text-primary, #1e293b)}.asset-library-tabs button.is-active{color:var(--color-accent, #6650d5);background:transparent;box-shadow:none}.asset-library-tabs button:focus-visible{outline:2px solid var(--color-accent, #6650d5);outline-offset:1px}.asset-library-tabs svg{width:14px;height:14px;flex:0 0 auto}.asset-library-scroll{min-height:0;flex:1 1 auto;margin-right:-12px;padding-right:8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.asset-library-panel .drawer-empty{color:var(--color-text-secondary, #64748b);border-color:color-mix(in srgb,var(--color-border, #e2e8f0) 80%,transparent);background:color-mix(in srgb,var(--color-surface-muted, #f8fafc) 38%,transparent)}.asset-library-panel .drawer-empty strong{color:var(--color-text-primary, #1e293b)}.asset-day-group+.asset-day-group{margin-top:18px}.asset-day-group h3{position:sticky;z-index:1;top:0;margin:0 0 8px;padding:5px 0;color:var(--color-text-secondary, #64748b);background:var(--color-surface-raised, #fff);font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:capitalize}.asset-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.asset-link-list{display:grid;gap:7px}.asset-link-card{display:grid;min-width:0;padding:9px;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:9px;border:1px solid var(--color-border, #e2e8f0);border-radius:11px;color:var(--color-text-primary, #1e293b);text-decoration:none;background:var(--color-surface-muted, #f8fafc);transition:border-color .13s ease,background-color .13s ease,transform .13s ease,box-shadow .13s ease}.asset-link-card:hover,.asset-link-card:focus-visible{border-color:var(--color-accent, #6650d5);outline:none;background:color-mix(in srgb,var(--color-accent, #6650d5) 7%,var(--color-surface-raised, #fff));box-shadow:0 7px 20px color-mix(in srgb,var(--color-accent, #6650d5) 14%,transparent);transform:translateY(-1px)}.asset-link-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:var(--color-accent, #6650d5);background:color-mix(in srgb,var(--color-accent, #6650d5) 12%,transparent)}.asset-link-icon svg,.asset-link-card>svg{width:15px;height:15px}.asset-link-card>svg{color:var(--color-text-secondary, #64748b)}.asset-link-copy{display:grid;min-width:0;gap:3px}.asset-link-copy strong,.asset-link-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-link-copy strong{color:var(--color-accent, #6650d5);font-size:11px;text-decoration:underline;text-underline-offset:2px}.asset-link-copy small{color:var(--color-text-secondary, #64748b);font-size:9px}.asset-library-card{min-width:0;padding:0;overflow:hidden;border:1px solid var(--color-border, #e2e8f0);border-radius:11px;color:var(--color-text-primary, #1e293b);text-align:left;background:var(--color-surface-muted, #f8fafc);cursor:pointer;transition:border-color .13s ease,transform .13s ease,box-shadow .13s ease}.asset-library-card:hover,.asset-library-card:focus-visible{border-color:var(--color-accent, #6650d5);outline:none;box-shadow:0 7px 20px color-mix(in srgb,var(--color-accent, #6650d5) 14%,transparent);transform:translateY(-1px)}.asset-library-thumbnail{position:relative;display:grid;height:92px;place-items:center;overflow:hidden;color:var(--color-accent, #6650d5);background:color-mix(in srgb,var(--color-accent, #6650d5) 8%,var(--color-surface-raised, #fff))}.asset-library-thumbnail>svg{width:34px;height:34px}.asset-library-thumbnail img{width:100%;height:100%;object-fit:cover}.asset-library-thumbnail i{position:absolute;right:6px;bottom:6px;display:grid;width:26px;height:26px;place-items:center;border-radius:999px;color:#fff;background:#0f172abd;opacity:0;transition:opacity .13s ease}.asset-library-card:hover .asset-library-thumbnail i,.asset-library-card:focus-visible .asset-library-thumbnail i{opacity:1}.asset-library-thumbnail i svg{width:14px;height:14px}.asset-library-copy{display:grid;gap:3px;padding:8px}.asset-library-copy strong,.asset-library-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-library-copy strong{font-size:10px}.asset-library-copy small{color:var(--color-text-secondary, #64748b);font-size:9px}.asset-library-error{display:grid;gap:8px;padding:16px 4px;color:#dc2626;font-size:11px;text-align:center}.asset-library-error button{justify-self:center;padding:6px 10px;border:1px solid currentColor;border-radius:8px;color:inherit;background:transparent;cursor:pointer}.asset-library-sentinel{height:1px}.drawer-status .spin,.asset-library-thumbnail .spin{animation:asset-spin .8s linear infinite}@keyframes asset-spin{to{transform:rotate(360deg)}}.document-open-overlay{position:fixed;z-index:140;inset:0;display:grid;place-items:center;padding:18px;background:#0f172a9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:settings-overlay-in .16s ease-out}.document-open-dialog{width:min(620px,100%);overflow:hidden;border:1px solid var(--color-border, #d8e0ea);border-radius:18px;color:var(--color-text-primary, #1e293b);background:var(--color-surface-raised, #fff);box-shadow:0 24px 70px #0f172a4d;animation:modal-slide-left-in .22s cubic-bezier(.22,1,.36,1)}.document-open-dialog>header{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--color-divider, #e2e8f0)}.document-open-file-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--color-accent, #6650d5);background:color-mix(in srgb,var(--color-accent, #6650d5) 12%,transparent)}.document-open-dialog h2,.document-open-dialog p{margin:0}.document-open-dialog h2{font-size:17px}.document-open-dialog header p{margin-top:4px;overflow:hidden;color:var(--color-text-secondary, #64748b);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.document-open-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.document-open-options>button{display:grid;grid-template-columns:42px minmax(0,1fr);gap:4px 11px;padding:15px;border:1px solid var(--color-border, #d8e0ea);border-radius:14px;color:inherit;text-align:left;background:var(--color-surface-muted, #f8fafc);cursor:pointer}.document-open-options>button:hover:not(:disabled),.document-open-options>button:focus-visible{border-color:var(--color-accent, #6650d5);outline:none;background:color-mix(in srgb,var(--color-accent, #6650d5) 8%,var(--color-surface-raised, #fff))}.document-open-options>button:disabled{opacity:.48;cursor:not-allowed}.document-open-options>button>span{grid-row:span 2;color:var(--color-accent, #6650d5)}.document-open-options>button svg{width:28px;height:28px}.document-open-options strong{align-self:end;font-size:12px}.document-open-options small{color:var(--color-text-secondary, #64748b);font-size:10px;line-height:1.45}.document-open-note{padding:0 18px 16px;color:var(--color-text-secondary, #64748b);font-size:10px;text-align:center}.media-lightbox{position:fixed;z-index:140;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:16px 18px 18px;background:#0f172a9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:settings-overlay-in .16s ease-out}.media-lightbox-bar,.media-lightbox-stage{pointer-events:none}.media-lightbox-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.media-lightbox-title{display:grid;max-width:min(60vw,520px);margin:0;gap:2px;padding:6px 2px;pointer-events:auto;text-shadow:0 1px 2px rgba(2,6,23,.95),0 2px 12px rgba(2,6,23,.75)}.media-lightbox-title strong{overflow:hidden;color:#fff;font-size:13px;font-weight:650;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.media-lightbox-title small{color:#f8fafcd1;font-size:10px;font-weight:600;letter-spacing:.04em}.media-lightbox-close,.media-lightbox-nav{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#f8fafc;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;pointer-events:auto;transition:background .14s ease,border-color .14s ease}.media-lightbox-close:hover,.media-lightbox-close:focus-visible,.media-lightbox-nav:hover,.media-lightbox-nav:focus-visible{border-color:#ffffff73;outline:none;background:#0f172ad1}.media-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%)}.media-lightbox-nav.prev{left:18px}.media-lightbox-nav.next{right:18px}.media-lightbox-stage{display:grid;min-height:0;place-items:center;padding:0 52px}.media-lightbox-image{max-width:100%;max-height:100%;border-radius:14px;object-fit:contain;background:#111827;box-shadow:0 30px 80px #0206178c;pointer-events:auto}.media-lightbox-carousel{position:relative;height:104px;overflow:hidden}.media-lightbox-carousel>button{position:absolute;top:50%;left:50%;width:92px;height:92px;margin:-46px 0 0 -46px;overflow:hidden;padding:0;border:2px solid rgba(255,255,255,.2);border-radius:14px;background:#0f172a8c;cursor:pointer;pointer-events:auto;transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .34s ease,border-color .2s ease;will-change:transform,opacity}.media-lightbox-carousel>button.is-active{border-color:var(--color-accent, #6650d5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent, #6650d5) 34%,transparent)}.media-lightbox-carousel>button:focus-visible{border-color:#fff;outline:none}.media-lightbox-carousel img{display:block;width:100%;height:100%;object-fit:cover}.media-lightbox-carousel>button:not(.is-active) img{filter:saturate(.75) brightness(.8);transition:filter .34s ease}.media-lightbox-carousel>button:not(.is-active):hover img{filter:none}@media(prefers-reduced-motion:reduce){.media-lightbox-carousel>button{transition-duration:1ms}}@media(max-width:620px){.media-lightbox{padding:12px}.media-lightbox-close,.media-lightbox-nav{width:36px;height:36px}.media-lightbox-nav.prev{left:8px}.media-lightbox-nav.next{right:8px}.media-lightbox-stage{padding:0 40px}.media-lightbox-carousel{height:78px}.media-lightbox-carousel>button{scale:.72}}@media(max-width:620px){.document-open-options{grid-template-columns:1fr}}.boards-create{flex:0 0 auto;padding:14px 0;border-bottom:1px solid #e8edf3}.boards-create-trigger{width:100%}.boards-create-trigger svg{width:16px;height:16px}.board-create-overlay{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:16px;background:#0f172a80;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);animation:settings-overlay-in .18s ease-out}.board-create-dialog{width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--color-border, #d8e0ea);border-radius:18px;color:var(--color-text-primary, #1e293b);background:var(--color-surface-raised, #fff);box-shadow:0 24px 70px #0f172a47;animation:modal-slide-left-in .22s cubic-bezier(.22,1,.36,1)}.board-create-dialog>header,.board-create-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.board-create-dialog>header{border-bottom:1px solid var(--color-divider, #e2e8f0)}.board-create-dialog>header h2,.board-create-dialog>header p{margin:0}.board-create-dialog>header h2{font-size:18px}.board-create-dialog>header p{margin-top:4px;color:var(--color-text-secondary, #64748b);font-size:11px}.board-create-body{display:grid;gap:16px;padding:18px}.board-create-name{display:grid;gap:7px;color:var(--color-text-secondary, #64748b);font-size:11px;font-weight:800}.board-create-name input{width:100%;height:42px;padding:0 11px;border:1px solid var(--color-border, #cbd5e1);border-radius:10px;color:var(--color-text-primary, #1e293b);background:var(--color-control, #fff);outline:none}.board-create-name input:focus{border-color:var(--color-accent, #6650d5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent, #6650d5) 16%,transparent)}.board-template-fieldset{min-width:0;margin:0;padding:0;border:0}.board-template-fieldset legend{margin-bottom:8px;color:var(--color-text-secondary, #64748b);font-size:11px;font-weight:800}.board-template-options{display:grid;gap:6px}.board-template-options>button{display:grid;min-height:54px;grid-template-columns:30px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:11px;color:inherit;text-align:left;background:var(--color-surface-muted, #f8fafc);cursor:pointer;transition:border-color .13s ease,background .13s ease}.board-template-options>button:hover{border-color:var(--color-border, #cbd5e1)}.board-template-options>button.selected{border-color:var(--color-accent, #6650d5);background:var(--color-accent-soft, #eeeafd)}.board-template-icon,.board-template-check{display:grid;place-items:center;color:var(--color-text-secondary, #64748b)}.board-template-icon svg{width:19px;height:19px}.board-template-check{width:20px;height:26px;color:#fff;border-radius:999px;background:var(--color-accent, #6650d5)}.board-template-check:empty{background:transparent}.board-template-check svg{width:13px;height:13px;stroke-width:3}.board-template-copy{display:grid;gap:2px}.board-template-copy strong{font-size:12px}.board-template-copy small{color:var(--color-text-secondary, #64748b);font-size:10px}.board-create-error{margin:0}.board-create-dialog>footer{justify-content:flex-end;border-top:1px solid var(--color-divider, #e2e8f0)}.board-create-dialog>footer button{min-height:38px}.board-create-dialog>footer .primary-button svg{width:16px;height:16px}.top-panel-backdrop{position:absolute;z-index:49;inset:0;display:block;padding:0;border:0;background:transparent;cursor:default}.top-panel-backdrop.closing{pointer-events:none}.board-area.top-panel-closing .side-panel{pointer-events:none;animation:side-panel-slide-out .18s cubic-bezier(.4,0,1,1) forwards}.board-create-overlay.is-closing,.document-open-overlay.is-closing{pointer-events:none;animation:modal-overlay-out .18s ease-in forwards}.board-create-overlay.is-closing .board-create-dialog,.document-open-overlay.is-closing .document-open-dialog{animation:modal-slide-right-out .18s cubic-bezier(.4,0,1,1) forwards}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #e8edf3}.panel-header h2{margin-top:5px;font-size:19px}.panel-header .icon-button{margin:-5px -5px 0 0}.drawer-status{padding:28px 4px;color:#64748b;font-size:12px;text-align:center}.error-message.drawer-status{margin:0;padding:10px 2px 0;text-align:left}.drawer-board-list{display:grid;min-height:0;flex:1 1 auto;align-content:start;width:calc(100% + 14px);margin-top:12px;margin-right:-14px;padding:0 4px 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--color-text-secondary, #64748b) 48%,transparent) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.drawer-board-list::-webkit-scrollbar{width:7px}.drawer-board-list::-webkit-scrollbar-track{margin-block:4px;background:transparent}.drawer-board-list::-webkit-scrollbar-button{display:none;width:0;height:0}.drawer-board-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--color-text-secondary, #64748b) 46%,transparent);background-clip:padding-box}.drawer-board-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-accent, #6650d5) 72%,transparent);background-clip:padding-box}.drawer-board-row{display:grid;grid-template-rows:1fr;width:100%;padding-bottom:9px;opacity:1;transform:translateZ(0);transition:grid-template-rows .24s cubic-bezier(.4,0,.2,1),padding-bottom .24s cubic-bezier(.4,0,.2,1),opacity .18s ease,transform .24s cubic-bezier(.4,0,.2,1)}.drawer-board-row.removing{grid-template-rows:0fr;padding-bottom:0;opacity:0;pointer-events:none;transform:translate3d(112%,0,0)}.drawer-board-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-height:0;padding-right:7px;overflow:hidden;border:1px solid #e1e7f0;border-radius:12px;background:#fff;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.drawer-board-card:hover{border-color:#b9afea;background:#faf9ff;box-shadow:0 7px 18px #42308e12}.drawer-board{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:66px;padding:9px;color:var(--color-text-primary, #172033);border:0;border-radius:11px 0 0 11px;background:transparent;text-align:left;cursor:pointer;transition:color .14s ease}.drawer-board-actions{display:flex;align-items:center;gap:2px}.drawer-board-action{display:grid;place-items:center;width:32px;height:32px;padding:0;color:var(--color-text-secondary, #64748b);border:0;border-radius:9px;background:transparent;cursor:pointer;transition:color .12s ease,background .12s ease,opacity .12s ease}.drawer-board-rename:hover{color:var(--color-accent, #6650d5);background:var(--color-accent-soft, #f1efff)}.drawer-board-delete:hover{color:#b42318;background:#fff0ee}.drawer-board-action svg{width:15px;height:15px}.drawer-board-action:disabled{color:#cbd5e1;background:transparent;cursor:not-allowed;opacity:.58}.drawer-board-editing{cursor:default}.drawer-board-editing .drawer-board-copy input{width:100%;min-width:0;height:30px;padding:5px 7px;border:1px solid var(--color-accent, #6650d5);border-radius:7px;outline:0}.board-delete-overlay{position:fixed;z-index:200;inset:0;display:grid;padding:20px;place-items:center;background:color-mix(in srgb,var(--color-overlay, rgba(15, 23, 42, .48)) 78%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:board-delete-overlay-in .16s ease-out}.board-delete-confirm{display:grid;width:min(420px,calc(100vw - 32px));gap:18px;margin:0;padding:20px;color:var(--color-text-primary, #172033);border:1px solid color-mix(in srgb,var(--color-danger, #b42318) 24%,var(--color-border, #e1e7f0));border-radius:16px;background:var(--color-surface-raised, #fff);box-shadow:0 24px 70px #0f172a47;animation:board-delete-confirm-slide-down .22s cubic-bezier(.22,1,.36,1)}.board-delete-confirm-heading{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.board-delete-confirm-heading>div{display:grid;min-width:0;gap:5px}.board-delete-confirm-heading strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}.board-delete-confirm-heading span{color:var(--color-text-secondary, #64748b);font-size:12px;line-height:1.5}.board-delete-confirm-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--color-danger, #b42318)!important;background:var(--color-danger-soft, #fff0ee)}.board-delete-confirm-icon svg{width:19px;height:19px}.board-delete-confirm-actions{display:flex;justify-content:flex-end;gap:8px}.board-delete-confirm .secondary-button,.danger-button{min-height:32px;padding:0 10px;font-size:10px}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#fff;border:1px solid #b42318;border-radius:9px;background:#c43226;font-weight:750;cursor:pointer}.danger-button:disabled{opacity:.55;cursor:wait}.danger-button svg{width:14px;height:14px}@keyframes board-delete-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes board-delete-confirm-slide-down{0%{opacity:0;transform:translate3d(0,-64px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}@media(max-width:480px){.board-delete-overlay{padding:14px}.board-delete-confirm{width:100%;padding:17px}.board-delete-confirm-actions>button{min-height:38px;flex:1 1 0}}.drawer-board-card.active{border-color:#8b7ce7;background:#f7f5ff;box-shadow:0 0 0 1px #8b7ce71f}.drawer-board-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:#654bd4;background:#efecff}.drawer-board-icon svg{width:19px;height:19px}.drawer-board-copy{display:grid;min-width:0;gap:4px}.drawer-board-copy strong,.drawer-board-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-board-copy strong{font-size:13px}.drawer-board-copy small{color:var(--color-text-secondary, #64748b);font-size:10px}.current-board-badge{padding:4px 6px;border-radius:999px;color:var(--color-accent-strong, #4f36bd);background:var(--color-accent-soft, #e9e5ff);font-size:9px;font-weight:800;white-space:nowrap}.drawer-empty{display:grid;justify-items:center;gap:8px;margin-top:18px;padding:36px 20px;color:#64748b;border:1px dashed #cfd7e5;border-radius:14px;background:#fafbfc;text-align:center}.drawer-empty svg{width:28px;height:28px;margin-bottom:3px;color:#7359e6}.drawer-empty strong{color:#273247;font-size:13px}.drawer-empty span{font-size:11px;line-height:1.55}.mode-card,.ai-card,.variables-card,.ai-safety{margin:16px 0;padding:14px;border-radius:12px;background:#f6f7fb}.mode-card{display:grid;grid-template-columns:1fr auto;gap:3px}.mode-card span,.mode-card small{color:#64748b;font-size:12px}.mode-card small{grid-column:1 / -1}.participants-panel h3,.variables-card h3{margin:19px 0 9px;color:#64748b;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.role-guide{display:grid;gap:3px;padding:13px 2px;border-bottom:1px solid #edf1f5}.role-guide strong{font-size:13px}.role-guide span{color:#64748b;font-size:12px;line-height:1.45}.share-create-section>label{display:grid;gap:7px;margin-top:14px;font-size:12px;font-weight:700}.share-join-form input,.invite-result input{width:100%;min-height:40px;padding:0 10px;border:1px solid #d7deea;border-radius:9px;background:#fff}.share-section{margin-top:18px}.share-create-section{padding-top:18px;border-top:1px solid #e8edf3}.share-section-heading{display:grid;gap:4px}.share-section-heading strong{font-size:13px}.share-section-heading span{color:#64748b;font-size:11px;line-height:1.5}.share-join-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:11px}.share-join-form input{min-width:0;background:#fafbfc;text-transform:uppercase;letter-spacing:.06em;outline:0}.share-join-form input:focus{border-color:#7562d8;box-shadow:0 0 0 3px #6650d51f}.share-join-form button{min-height:40px;padding-inline:12px}.share-join-form button svg{width:15px;height:15px}@media(max-width:380px){.share-join-form{grid-template-columns:1fr}.share-join-form button{width:100%}}.invite-result{display:grid;gap:9px;margin-top:18px;padding:15px;border-radius:12px;background:#f7f8fc}.invite-result>span,.invite-result small{color:#64748b;font-size:11px}.invite-code-row>strong{color:#5238c6;font-size:22px;letter-spacing:.12em}.invite-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.invite-code-copy{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;min-height:30px;padding:0 8px;color:#5238c6;border:1px solid #d6cff7;border-radius:8px;background:#fff;font-size:10px;font-weight:750;cursor:pointer}.invite-code-copy:hover{background:#efecff}.invite-code-copy svg{width:14px;height:14px}.invite-result .secondary-button svg{width:16px}.participant{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;min-height:53px;padding:7px 8px;border:0;border-radius:10px;background:#64748b12}.participant+.participant{margin-top:6px}.participant-list{display:grid;gap:12px}.participant-group{display:grid}.participant-group h4{display:flex;align-items:center;justify-content:space-between;margin:0;padding:7px 0 5px;color:#64748b;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.participant-group h4 span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#f0edff;color:#5b43c5;font-size:9px}.participant .user-avatar.normal{width:34px;height:34px;min-width:34px;min-height:34px;max-width:34px;max-height:34px;font-size:12px!important}.participant .avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;font-weight:800}.participant div{display:grid}.participant strong{font-size:13px}.participant-copy{min-width:0}.participant-copy strong,.participant-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-copy strong>span{margin-left:4px;padding:2px 5px;border-radius:999px;color:#5b43c5;background:#ede9fe;font-size:8px;font-weight:800}.participant small{color:#7b8797;font-size:11px}.participant button{padding:5px 7px;border:1px solid #d8e0ea;border-radius:7px;color:#5840c8;background:#fff;font-size:10px;cursor:pointer}.participant-actions{display:flex!important;align-items:center;gap:5px}.participant-role-select{width:94px;flex:0 0 94px}.participant-role-select.is-disabled,.participant-actions>button:disabled{opacity:.55;cursor:wait}.participant .participant-remove-button{display:grid;place-items:center;width:30px;height:30px;padding:0;color:#b42318;border-color:#f3c8c4}.participant .participant-follow-button{display:grid;place-items:center;width:30px;height:30px;padding:0;color:var(--color-text-secondary, #64748b)}.participant .participant-follow-button.active{color:#fff;border-color:var(--color-accent, #6650d5);background:var(--color-accent, #6650d5)}.participant-follow-button svg{width:14px;height:14px}.participant-remove-button svg{width:14px;height:14px}.participant-role-label{justify-self:end;white-space:nowrap}.participant-confirm{grid-column:1 / -1;display:flex!important;align-items:center;justify-content:flex-end;gap:6px;padding:7px 8px;border-radius:8px;background:#fff5f4}.participant-confirm span{margin-right:auto;color:#7a271a;font-size:10px;font-weight:700}.participant-confirm .danger{color:#fff;border-color:#b42318;background:#b42318}.participant-status{display:inline-flex;align-items:center;gap:4px;color:#94a3b8;font-size:9px;font-weight:700;white-space:nowrap}.participant-status i{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.participant-status.online{color:#15803d}.participant-status.online i{background:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.participants-empty{margin-top:0;padding:24px 16px}@keyframes participant-notice-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.participant-notice-anchor{position:absolute;z-index:30;top:14px;left:50%;width:max-content;max-width:min(420px,calc(100vw - 32px));transform:translate(-50%);display:grid;gap:7px}.participant-notice{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:9px 12px;border:1px solid #d9d2f7;border-radius:10px;color:#392e70;background:#fffffffa;box-shadow:0 10px 28px #2d206629;font-size:11px;font-weight:700;animation:participant-notice-in .16s ease-out}.participant-notice svg{width:16px;height:16px;color:#6650d5}.ai-settings-notice button{flex:0 0 auto;padding:5px 8px;border:0;border-radius:7px;color:#fff;background:#6650d5;font-size:10px;font-weight:800;cursor:pointer}.participant-notice.ai-error-notice{border-color:color-mix(in srgb,#ef4444 34%,transparent);color:#9f2d2d;background:color-mix(in srgb,var(--color-surface, #fff) 96%,#ef4444);box-shadow:0 10px 28px #7f1d1d29}.participant-notice.ai-error-notice svg{color:#dc3f3f}.ai-panel{border-color:#cfc7f7}.ai-card{display:flex;gap:11px;color:#514866;background:linear-gradient(145deg,#f7f5ff,#f1effc);font-size:12px;line-height:1.55}.ai-card p{margin:0}.ai-orb{display:grid;flex:0 0 auto;place-items:center;width:35px;height:35px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#765be9,#b14bd1)}.ai-orb svg{width:18px}.ai-panel>label{display:block;margin:17px 0 7px;color:#475569;font-size:12px;font-weight:700}.expression-input{width:100%;height:44px;padding:0 12px;border:1px solid #cbd5e1;border-radius:10px;font-family:ui-monospace,monospace;outline:none}.expression-input:focus{border-color:#7c66df;box-shadow:0 0 0 3px #eeeafd}.variables-card{background:#f8fafc}.variables-card label{display:grid;gap:5px;margin:11px 0;font-size:12px;font-weight:700}.variables-card input{width:100%;accent-color:#6650d5}.ai-safety{display:grid;gap:3px;color:#32614b;background:#ecfdf3;font-size:11px}.error-message{color:#b91c1c;font-size:12px}@media(max-width:760px){.guest-auth-overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.guest-auth-dialog{width:min(380px,100%);max-height:calc(100vh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.guest-auth-dialog .auth-card{padding:24px 18px 20px}.guest-auth-dialog .auth-brand{width:100%;justify-content:center;padding:0 30px;font-size:clamp(18px,5.5vw,22px)}.guest-auth-dialog .auth-brand strong,.guest-auth-dialog .auth-brand span,.guest-auth-dialog .auth-card h2,.guest-auth-dialog .auth-card>p,.guest-auth-dialog .auth-legal{max-width:100%;overflow-wrap:anywhere}.guest-auth-dialog .auth-card h2{margin-top:18px;font-size:18px}.guest-auth-dialog .invite-login-row{display:grid;grid-template-columns:minmax(0,1fr)}.guest-auth-dialog .invite-login-row input,.guest-auth-dialog .invite-login-row button{width:100%}.guest-auth-close{top:8px;right:8px}.dashboard{padding:16px}.dashboard-grid{grid-template-columns:1fr}.guest-entry-layout{grid-template-columns:1fr;margin:24px auto}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard>header{align-items:flex-start;flex-wrap:wrap}.create-board{width:100%}.create-board input{flex:1}.title-block .eyebrow,.save-state{display:none}.app-shell{grid-template-rows:46px minmax(0,1fr);height:100dvh}.viewport-follow-banner{top:8px;max-width:calc(100% - 16px)}.topbar{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left))}.topbar-leading{grid-column:1;gap:6px}.edit-actions{position:absolute;z-index:2;top:50%;left:50%;justify-self:auto;transform:translate(-50%,-50%)}.topbar .brand-logo.compact{width:28px;height:28px}.topbar .title-block{display:none}.topbar .title-block h1{font-size:11px}.header-edit-button{flex-basis:26px;width:26px;height:28px}.header-edit-toolbar .desktop-tool,.header-edit-toolbar .header-edit-separator,.header-edit-toolbar .tools-trigger,.header-edit-toolbar .overflow-trigger,.header-edit-toolbar .header-edit-overflow,.header-edit-toolbar .header-tool-picker{display:none}.header-edit-toolbar .mobile-tool{display:grid}.header-edit-overflow{position:fixed;top:calc(54px + env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}.collaboration-actions{grid-column:2;max-width:48vw;justify-content:flex-end;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.collaboration-actions::-webkit-scrollbar{display:none}.header-leave-popover{position:fixed;top:auto;right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));width:auto;max-width:420px;margin-left:auto}.ai-button{padding:0 10px;font-size:0}.topbar .save-account-button{display:inline-flex;flex:0 0 28px;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;aspect-ratio:1;padding:0;line-height:0}.topbar .save-account-button svg{display:block;margin:0}.topbar .save-account-button span{display:none}.topbar .account-menu-wrap{margin-left:0}.topbar .account-trigger{flex-basis:28px;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;padding:1px}.topbar .account-trigger .user-avatar.small{width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px}.ai-button svg{margin:0}.toolbar{top:calc(58px + env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:auto;left:auto;width:40px;height:40px}.toolbar-menu{grid-template-columns:repeat(4,34px);padding:6px}.toolbar-menu button{width:34px;height:34px}.toolbar .toolbar-trigger{width:40px;height:40px}.zoom-controls{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left))}.zoom-controls button{width:26px;height:26px}.zoom-controls span{min-width:38px;font-size:9px}.board-context-menu{width:min(208px,calc(100vw - 16px));padding:5px;border-radius:11px}.shape-picker{top:calc(104px + env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:auto;left:auto}.board-context-menu button{min-height:38px}.board-context-menu kbd{display:none}.style-panel,.style-panel.text-style-mode{top:calc(8px + env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:auto;width:min(184px,calc(100vw - 132px));max-height:min(60dvh,430px);padding:11px;border-radius:14px}.style-panel.collapsed,.style-panel.text-style-mode.collapsed{top:calc(8px + env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:auto;width:40px;padding:6px}.shape-picker{top:calc(104px + env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:auto;left:auto;width:min(258px,calc(100vw - 80px));max-height:min(48dvh,320px);overflow-y:auto;transform:none}.image-options-panel,.image-options-panel.crop-mode,.document-options-panel{top:auto!important;right:auto!important;bottom:calc(96px + env(safe-area-inset-bottom));left:50%!important;max-width:calc(100vw - 16px);overflow-x:auto;transform:translate(-50%);scrollbar-width:none}.image-options-panel::-webkit-scrollbar,.document-options-panel::-webkit-scrollbar{display:none}.top-panel-backdrop{position:absolute;z-index:49;inset:0;display:block;padding:0;border:0;background:#03071280;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:settings-overlay-in .15s ease-out}.side-panel{z-index:50;inset:auto 0 0;width:100%;max-height:min(74dvh,640px);padding:18px max(16px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-right:0;border-bottom:0;border-left:0;border-radius:20px 20px 0 0;animation:side-panel-slide-up .2s cubic-bezier(.22,1,.36,1)}.side-panel:before{display:block;width:38px;height:4px;margin:-8px auto 10px;border-radius:999px;background:var(--color-border, #d8e0ea);content:""}.panel-header{position:sticky;z-index:1;top:-18px;padding-top:2px;background:var(--color-surface-raised, #fff)}}@keyframes side-panel-slide-up{0%{transform:translate3d(0,102%,0)}to{transform:translateZ(0)}}@media(max-width:560px){.topbar .title-block{display:none}.topbar{grid-template-columns:minmax(0,1fr) auto}.collaboration-actions{max-width:none}.header-edit-button{flex-basis:28px;width:28px;height:28px;border-radius:8px}}@media(max-width:380px){.topbar{column-gap:3px;padding-inline:6px}.edit-actions{gap:1px}.header-edit-button{flex-basis:27px;width:27px;height:27px}.topbar .icon-button,.topbar .collaboration-actions>button,.topbar .header-action-button,.topbar .account-trigger{flex-basis:27px;width:27px;height:27px;min-width:27px;min-height:27px;max-width:27px;max-height:27px}.topbar .account-trigger .user-avatar.small{width:21px;height:21px;min-width:21px;min-height:21px;max-width:21px;max-height:21px}.toolbar-menu{grid-template-columns:repeat(4,32px)}.toolbar-menu button{width:32px;height:32px}}@media(max-width:760px)and (orientation:portrait){.topbar{grid-template-columns:minmax(0,1fr) auto}.topbar .title-block{display:block;max-width:min(42vw,180px)}.topbar .title-block .eyebrow{display:block}.topbar .collaboration-actions{grid-column:2}.edit-actions.header-edit-toolbar{position:fixed;z-index:30;top:calc(50% + 23px);left:max(8px,env(safe-area-inset-left));flex-direction:column;justify-self:auto;padding:4px 3px;border-radius:13px;transform:translateY(-50%)}.header-edit-toolbar .desktop-tool,.header-edit-toolbar .tools-trigger,.header-edit-toolbar .delete-selection-button,.header-edit-toolbar .overflow-trigger{display:grid}.header-edit-toolbar .header-edit-separator{display:block;flex-basis:1px;width:18px;height:1px;margin:2px 0}.header-edit-toolbar .mobile-tool{display:none}.header-edit-toolbar .header-edit-overflow,.header-edit-toolbar .header-tool-picker{right:auto;left:calc(100% + 8px);display:grid;transform-origin:left center}.header-edit-toolbar .header-edit-overflow{position:absolute;top:auto;bottom:0}.header-edit-toolbar .header-tool-picker{top:auto;bottom:68px}}@media(max-width:760px)and (orientation:landscape){.edit-actions.header-edit-toolbar{position:fixed;top:5px;left:50%;justify-self:auto;transform:translate(-50%)}.header-edit-toolbar .desktop-tool,.header-edit-toolbar .tools-trigger,.header-edit-toolbar .delete-selection-button,.header-edit-toolbar .overflow-trigger{display:grid}.header-edit-toolbar .header-edit-separator{display:block}.header-edit-toolbar .mobile-tool{display:none}.header-edit-toolbar .header-edit-overflow,.header-edit-toolbar .header-tool-picker{display:grid}.header-edit-toolbar .header-edit-overflow{position:absolute;top:calc(100% + 8px);right:0}}@media(max-width:760px)and (orientation:landscape)and (max-height:520px){.side-panel{inset:0 0 0 auto;width:min(380px,78vw);max-height:none;border-top:0;border-right:0;border-bottom:0;border-radius:18px 0 0 18px;animation:side-panel-slide-in .18s cubic-bezier(.22,1,.36,1)}.side-panel:before{display:none}.style-panel,.style-panel.text-style-mode{top:calc(8px + env(safe-area-inset-top));bottom:auto;max-height:calc(100% - 116px - env(safe-area-inset-top))}.style-panel.collapsed,.style-panel.text-style-mode.collapsed{top:calc(8px + env(safe-area-inset-top));bottom:auto}}@media(pointer:coarse){.participant-role-select{--select-control-height: 40px}}@media(prefers-reduced-motion:reduce){.side-panel,.select-control-popover,.board-delete-overlay,.board-delete-confirm,.account-menu,.board-loading-overlay,.board-loading-panel,.board-loading-spinner,.participant-notice,.style-panel-content,.style-panel-content-reveal,.shape-picker,.board-context-menu{animation:none}.style-panel,.style-panel-collapse,.style-panel-collapse-icon,.style-panel-content-reveal,.toolbar-menu,.toolbar-menu button,.toolbar-trigger,.toolbar-trigger svg{transition:none}.drawer-board-row,.drawer-board-card,.select-control-icon,.select-control-option{transition:none}}.settings-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:16px;background:#0f172a7a;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);animation:settings-overlay-in .18s ease-out}@keyframes settings-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes settings-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-slide-left-in{0%{opacity:0;transform:translate3d(32px,0,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes modal-slide-right-out{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(32px,0,0) scale(.985)}}@keyframes modal-overlay-out{0%{opacity:1}to{opacity:0}}.settings-dialog{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(860px,100%);height:min(620px,calc(100vh - 32px));max-height:calc(100vh - 32px);overflow:hidden;color:var(--app-text);border:1px solid var(--app-border);border-radius:17px;outline:none;background:var(--app-surface-raised);box-shadow:var(--app-shadow);animation:settings-dialog-in .22s cubic-bezier(.22,1,.36,1)}.settings-header{display:grid;grid-template-columns:34px minmax(0,1fr) 32px;align-items:center;gap:11px;min-height:60px;padding:9px 14px;border-bottom:1px solid var(--app-border)}.settings-heading-icon{display:grid;place-items:center;width:34px;height:34px;color:#fff;border-radius:9px;background:linear-gradient(145deg,#806cf0,#5840c8);box-shadow:0 6px 16px #5840c83d}.settings-heading-icon svg{width:18px}.settings-title-copy,.settings-section-copy{min-width:0}.settings-header h2,.settings-section h3{margin:0}.settings-header h2{overflow:hidden;font-size:16px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.settings-header p,.settings-section p{margin:2px 0 0;color:var(--app-text-muted);overflow:hidden;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.settings-close{display:grid;place-items:center;width:32px;height:32px;padding:0;color:var(--app-text-muted);border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.settings-close:hover{color:var(--app-text);border-color:var(--app-border);background:var(--app-surface-muted)}.settings-close svg{width:17px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:0;overflow:hidden}.settings-nav{min-height:0;padding:12px 10px;overflow-y:auto;border-right:1px solid var(--app-border);background:var(--app-surface-muted)}.settings-nav button{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:40px;padding:7px 11px;color:var(--app-text);border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.settings-nav button.active{color:#5840c8;border-color:#6650d529;background:var(--app-accent-soft)}.settings-nav svg{width:16px;height:16px}.settings-nav span{min-width:0;overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.settings-content{display:grid;align-content:start;gap:16px;min-height:0;min-width:0;padding:18px 20px 16px;overflow-y:auto}.settings-section{display:grid;min-width:0;gap:10px}.settings-section+.settings-section{padding-top:13px;border-top:1px solid var(--app-border)}.settings-section-heading{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:start}.settings-section-heading>svg{width:15px;margin-top:1px;color:var(--app-accent)}.settings-section h3{overflow:hidden;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:7px}.language-options button,.theme-option{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:38px;padding:5px 8px;color:var(--app-text);border:2px solid var(--app-border);border-radius:10px;background:var(--app-surface);box-shadow:var(--settings-card-shadow);text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}.language-options button:hover,.theme-option:hover{border-color:#a99be9;box-shadow:var(--settings-card-shadow-hover)}.language-options button.selected,.theme-option.selected{border-color:var(--app-accent);box-shadow:0 0 0 2px #6650d51a,var(--settings-card-shadow)}.language-code{display:grid;place-items:center;flex:0 0 auto;width:25px;height:22px;color:#5840c8;border-radius:6px;background:var(--app-accent-soft);font-size:11px;font-weight:900;letter-spacing:.08em}.language-option-label{min-width:0;overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.option-check{flex:0 0 auto;width:14px;margin-left:auto;color:var(--app-accent)}.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:7px}.theme-option{min-height:50px}.theme-preview{position:relative;flex:0 0 auto;width:42px;height:32px;overflow:hidden;border:1px solid rgba(100,116,139,.22);border-radius:7px;background:#f4f6fa}.theme-preview-bar{position:absolute;inset:0 0 auto;height:7px;background:#fff;border-bottom:1px solid #e2e8f0}.theme-preview-panel{position:absolute;top:11px;right:4px;width:16px;height:16px;border-radius:4px;background:#fff;box-shadow:0 3px 8px #0f172a26}.theme-preview>svg{position:absolute;bottom:4px;left:5px;width:11px;color:#6650d5}.theme-preview-dark .theme-preview{background:#141824}.theme-preview-dark .theme-preview-bar,.theme-preview-dark .theme-preview-panel{background:#242a3a;border-color:#3c455a}.theme-preview-dark .theme-preview>svg{color:#a99af8}.theme-preview-obsidian .theme-preview{background:#121212}.theme-preview-obsidian .theme-preview-bar,.theme-preview-obsidian .theme-preview-panel{background:#333;border-color:#4a4a4a}.theme-preview-obsidian .theme-preview>svg{color:#d8ccff}.theme-preview-glass .theme-preview{background:linear-gradient(135deg,#bde4ff,#e9d5ff 48%,#fbcfe8)}.theme-preview-glass .theme-preview-bar,.theme-preview-glass .theme-preview-panel{background:#ffffff7a;border-color:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.theme-preview-system .theme-preview{background:linear-gradient(135deg,#f4f6fa 50%,#171b28 50%)}.theme-option-copy{display:grid;min-width:0;gap:2px}.theme-option-copy strong{overflow:hidden;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.theme-option-copy small{overflow:hidden;color:var(--app-text-muted);font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.settings-save-status{min-height:14px;color:var(--app-text-muted);font-size:10px;text-align:right}.settings-save-status.error{color:#b42318}.header-toolbar-settings{gap:14px}.header-toolbar-settings-heading{grid-template-columns:20px minmax(0,1fr) auto}.header-toolbar-preview-card{display:grid;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--app-accent) 24%,var(--app-border));border-radius:13px;background:radial-gradient(circle at 50% -30%,color-mix(in srgb,var(--app-accent) 15%,transparent),transparent 65%),var(--app-surface-muted);box-shadow:var(--settings-card-shadow)}.header-toolbar-preview-copy{display:flex;align-items:center;justify-content:space-between;gap:10px}.header-toolbar-preview-copy strong{font-size:11px}.header-toolbar-preview-copy span{padding:3px 7px;color:var(--app-accent);border-radius:999px;background:var(--app-accent-soft);font-size:9px;font-weight:800}.header-toolbar-preview{display:flex;align-items:center;justify-self:center;gap:2px;max-width:100%;padding:4px;overflow-x:auto;border:0;border-radius:999px;background:var(--app-surface-raised);box-shadow:0 0 12px color-mix(in srgb,#0f172a 16%,transparent);scrollbar-width:none}.header-toolbar-preview::-webkit-scrollbar{display:none}.header-toolbar-preview>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;color:var(--app-text-muted);border-radius:8px;background:var(--app-surface-muted)}.header-toolbar-preview>span.history,.header-toolbar-preview>span.tools,.header-toolbar-preview>span.delete,.header-toolbar-preview>span.overflow{border-radius:50%}.header-toolbar-preview>span:not(.fixed){color:var(--app-accent);background:var(--app-accent-soft)}.header-toolbar-preview svg{width:14px;height:14px}.header-toolbar-preview>i{flex:0 0 1px;width:1px;height:18px;margin-inline:2px;background:var(--app-border)}.header-toolbar-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow-anchor:none}.header-toolbar-option-grid>button{display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:9px;min-width:0;min-height:54px;padding:7px 9px;color:var(--app-text);border:1px solid var(--app-border);border-radius:11px;background:var(--app-surface);box-shadow:var(--settings-card-shadow);text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}.header-toolbar-option-grid>button:hover:not(:disabled),.header-toolbar-option-grid>button:focus-visible{border-color:var(--app-accent);box-shadow:var(--settings-card-shadow-hover);outline:none}.header-toolbar-option-grid>button.selected{border-color:color-mix(in srgb,var(--app-accent) 66%,var(--app-border));background:color-mix(in srgb,var(--app-accent) 7%,var(--app-surface))}.header-toolbar-option-grid>button:disabled{opacity:.48;cursor:default}.header-toolbar-option-icon{display:grid;place-items:center;width:34px;height:34px;color:var(--app-text-muted);border-radius:9px;background:var(--app-surface-muted)}.selected .header-toolbar-option-icon{color:#fff;background:var(--app-accent);box-shadow:0 5px 13px color-mix(in srgb,var(--app-accent) 28%,transparent)}.header-toolbar-option-icon svg{width:16px;height:16px}.header-toolbar-option-copy{display:grid;min-width:0;gap:2px}.header-toolbar-option-copy strong,.header-toolbar-option-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-toolbar-option-copy strong{font-size:11px}.header-toolbar-option-copy small{color:var(--app-text-muted);font-size:9px}.header-toolbar-option-state{display:grid;place-items:center;width:22px;height:22px;color:var(--app-text-muted);border:1px solid var(--app-border);border-radius:50%;font-size:9px;font-weight:850}.selected .header-toolbar-option-state{color:#fff;border-color:var(--app-accent);background:var(--app-accent)}.header-toolbar-option-state svg{width:12px;height:12px}.header-toolbar-limit{min-height:12px;margin:-5px 0 0;color:var(--app-text-muted);font-size:9px;line-height:12px;text-align:right}.header-toolbar-limit.placeholder{visibility:hidden}@media(max-width:560px){.header-toolbar-settings-heading{grid-template-columns:20px minmax(0,1fr)}.header-toolbar-settings-heading .shortcut-reset{grid-column:2;justify-self:start}.header-toolbar-option-grid{grid-template-columns:minmax(0,1fr)}}.settings-shortcuts .settings-section-heading{grid-template-columns:20px minmax(0,1fr) auto}.shortcut-reset{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:5px 8px;color:var(--app-text-muted);border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);box-shadow:var(--settings-card-shadow);font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}.shortcut-reset:hover{color:var(--app-text);border-color:var(--app-accent);box-shadow:var(--settings-card-shadow-hover)}.shortcut-reset svg{width:12px;height:12px}.shortcut-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.shortcut-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:8px;min-width:0;min-height:38px;padding:5px 6px 5px 10px;border:1px solid var(--app-border);border-radius:9px;background:var(--app-surface);box-shadow:var(--settings-card-shadow);transition:border-color .14s ease,box-shadow .14s ease}.shortcut-row:hover{border-color:#a99be9;box-shadow:var(--settings-card-shadow-hover)}.shortcut-row label{min-width:0;overflow:hidden;color:var(--app-text);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.shortcut-row button{min-width:0;height:27px;padding:3px 7px;overflow:hidden;color:var(--app-text);border:1px solid var(--app-border);border-bottom-width:2px;border-radius:7px;background:var(--app-surface-muted);font-family:inherit;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.shortcut-row button:hover,.shortcut-row button.recording{color:var(--app-accent);border-color:var(--app-accent);background:var(--app-accent-soft)}.shortcut-row button.recording{animation:shortcut-recording-pulse 1s ease-in-out infinite alternate}@keyframes shortcut-recording-pulse{to{box-shadow:0 0 0 3px #6650d524}}.settings-section .shortcut-error{color:#dc2626;overflow:visible;font-size:10px;font-weight:700;white-space:normal}.ai-settings-section{gap:12px}.ai-settings-loading,.ai-settings-callout,.ai-settings-key-row,.ai-settings-actions,.ai-key-input-row{display:flex;align-items:center}.ai-settings-loading{gap:8px;min-height:80px;justify-content:center;color:var(--app-text-muted);font-size:12px}.ai-settings-loading svg,.ai-key-form button svg,.ai-settings-actions svg{width:14px;height:14px}.spinning{animation:ai-settings-spin .8s linear infinite}@keyframes ai-settings-spin{to{transform:rotate(360deg)}}.ai-settings-callout{align-items:flex-start;gap:10px;padding:11px;color:var(--app-text);border:1px solid color-mix(in srgb,#d97706 36%,var(--app-border));border-radius:11px;background:color-mix(in srgb,#f59e0b 9%,var(--app-surface));box-shadow:var(--settings-card-shadow)}.ai-settings-callout>svg{flex:0 0 auto;width:17px;color:#d97706}.ai-vision-provider-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);align-items:center;gap:12px;padding:11px;border:1px solid color-mix(in srgb,var(--app-accent) 30%,var(--app-border));border-radius:12px;background:color-mix(in srgb,var(--app-accent) 6%,var(--app-surface));box-shadow:var(--settings-card-shadow)}.ai-vision-provider-field>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.ai-vision-provider-field>div:first-child>svg{width:18px;color:var(--app-accent)}.ai-vision-provider-field span{display:grid;gap:2px}.ai-vision-provider-field strong{font-size:12px}.ai-vision-provider-field small{color:var(--app-text-muted);font-size:10px}.ai-provider-grid{display:grid;gap:10px}.ai-provider-card{display:grid;gap:10px;padding:11px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-surface-muted);box-shadow:var(--settings-card-shadow);transition:border-color .14s ease,box-shadow .14s ease}.ai-provider-card:hover{box-shadow:var(--settings-card-shadow-hover)}.ai-provider-card.configured{border-color:color-mix(in srgb,#22c55e 24%,var(--app-border))}.ai-provider-card>header{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px}.ai-provider-card>header>div{display:grid;gap:2px;min-width:0}.ai-provider-card>header strong{font-size:12px}.ai-provider-card>header small{color:var(--app-text-muted);font-size:10px;line-height:1.4}.ai-provider-capability{padding:3px 6px;color:#475569;border-radius:999px;background:color-mix(in srgb,#64748b 12%,var(--app-surface));font-size:9px;font-weight:800;white-space:nowrap}.ai-provider-capability.vision{color:var(--app-accent);background:var(--app-accent-soft)}.ai-provider-configured-body{display:grid;gap:10px;padding-top:9px;border-top:1px solid var(--app-border)}.ai-settings-key-row.compact{justify-content:space-between;padding:0;border:0;background:transparent;box-shadow:none}.ai-settings-key-row.compact>span:first-child{display:inline-flex;align-items:center;gap:5px;color:var(--app-text-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.ai-settings-key-row.compact>span:first-child svg{width:13px}.ai-settings-callout div,.ai-settings-configured,.ai-model-field,.ai-key-form,.ai-model-option-copy{display:grid;gap:4px}.ai-settings-callout strong,.ai-settings-key-row strong,.ai-key-form label,.ai-model-field label{font-size:12px}.ai-settings-callout span,.ai-settings-key-row small,.ai-key-form p,.ai-model-field p{color:var(--app-text-muted);font-size:10px;line-height:1.45}.ai-settings-configured{gap:12px}.ai-settings-key-row{gap:9px;padding:9px 10px;border:1px solid var(--app-border);border-radius:10px;background:var(--app-surface);box-shadow:var(--settings-card-shadow)}.ai-settings-provider-mark{display:grid;place-items:center;width:30px;height:30px;color:var(--app-accent);border-radius:9px;background:var(--app-accent-soft)}.ai-settings-provider-mark svg{width:15px}.ai-settings-key-row>div{display:grid;gap:2px}.ai-settings-verified{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:#15803d;font-size:10px;font-weight:750}.ai-settings-verified svg{width:13px}.ai-model-select{width:100%}.ai-model-option-copy{min-width:0;padding:2px 0}.ai-model-option-copy>span{display:flex;align-items:center;gap:6px;min-width:0;font-weight:750}.ai-model-option-copy em{padding:2px 5px;color:var(--app-accent);border-radius:999px;background:var(--app-accent-soft);font-size:9px;font-style:normal;white-space:nowrap}.ai-model-option-copy small{overflow:hidden;color:var(--app-text-muted);font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.ai-settings-actions{justify-content:space-between;gap:8px}.ai-settings-actions button,.ai-key-form button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 10px;color:var(--app-text);border:1px solid var(--app-border);border-radius:9px;background:var(--app-surface);box-shadow:var(--settings-card-shadow);font-size:10px;font-weight:750;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}.ai-settings-actions button:hover,.ai-key-form button:hover{border-color:var(--app-accent);box-shadow:var(--settings-card-shadow-hover)}.ai-settings-actions button.danger{color:#dc2626}.ai-settings-actions button:disabled,.ai-key-form button:disabled{opacity:.55;cursor:default}.ai-key-form{gap:6px}.ai-key-input-row{gap:7px}.ai-key-input-row input{min-width:0;flex:1 1 auto;height:36px;padding:0 10px;color:var(--app-text);border:1px solid var(--app-border);border-radius:9px;outline:none;background:var(--app-surface);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.ai-key-input-row input:focus{border-color:var(--app-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-accent) 14%,transparent)}.ai-key-form button{color:#fff;border-color:var(--app-accent);background:var(--app-accent)}.ai-settings-message{margin:0;padding:7px 9px;overflow:visible!important;border-radius:8px;font-size:10px!important;font-weight:700;white-space:normal!important}.ai-settings-message.error{color:#b42318;background:color-mix(in srgb,#ef4444 8%,var(--app-surface))}.ai-settings-message.success{color:#15803d;background:color-mix(in srgb,#22c55e 8%,var(--app-surface))}@media(max-width:560px){.ai-vision-provider-field{grid-template-columns:1fr}.ai-provider-card>header{grid-template-columns:30px minmax(0,1fr)}.ai-provider-capability{grid-column:2;justify-self:start}.ai-key-input-row,.ai-settings-actions{align-items:stretch;flex-direction:column}}html[data-theme=dark]{--app-bg: #0d1018;--app-surface: #181d29;--app-surface-raised: #1d2331;--app-surface-muted: #131823;--app-text: #edf1f8;--app-text-muted: #99a5b8;--app-border: #343d50;--app-accent: #9b89ff;--app-accent-soft: #2b254b;--app-shadow: 0 24px 70px rgba(0, 0, 0, .5)}html[data-theme=dark] body,html[data-theme=dark] .app-shell,html[data-theme=dark] .loading-page{color:var(--app-text);background:var(--app-bg)}html[data-theme=dark] .board-area{background:#090d14}html[data-theme=dark] .topbar,html[data-theme=dark] .floating-panel,html[data-theme=dark] .toolbar-menu,html[data-theme=dark] .side-panel,html[data-theme=dark] .account-menu,html[data-theme=dark] .guest-auth-close{color:var(--app-text);border-color:var(--app-border);background:#1d2331f5}html[data-theme=dark] .icon-button,html[data-theme=dark] .secondary-button,html[data-theme=dark] .pen-nib-button,html[data-theme=dark] .drawer-board-card,html[data-theme=dark] input,html[data-theme=dark] textarea{color:var(--app-text);border-color:var(--app-border);background:var(--app-surface)}html[data-theme=dark] .panel-header,html[data-theme=dark] .account-menu-user,html[data-theme=dark] .pen-options-panel{border-color:var(--app-border)}html[data-theme=dark] .eyebrow,html[data-theme=dark] .panel-label,html[data-theme=dark] .drawer-status,html[data-theme=dark] .account-menu-user span{color:var(--app-text-muted)}html[data-theme=dark] .account-menu>button:hover,html[data-theme=dark] .secondary-button:hover,html[data-theme=dark] .icon-button:hover{background:#262d3d}html[data-theme=dark] .secondary-button.active{background:#30294f}html[data-theme=dark] .side-panel .drawer-board{color:var(--app-text)}html[data-theme=glass]{--app-bg: #dceeff;--app-surface: rgba(255, 255, 255, .5);--app-surface-raised: rgba(250, 252, 255, .68);--app-surface-muted: rgba(236, 242, 255, .44);--app-text: #17213a;--app-text-muted: #53637d;--app-border: rgba(255, 255, 255, .7);--app-accent: #6353d9;--app-accent-soft: rgba(231, 226, 255, .68);--app-shadow: 0 26px 70px rgba(46, 58, 109, .22), inset 0 1px 0 rgba(255, 255, 255, .82)}html[data-theme=glass] body,html[data-theme=glass] .app-shell,html[data-theme=glass] .loading-page{color:var(--app-text);background:radial-gradient(circle at 12% 18%,rgba(92,194,255,.55),transparent 34%),radial-gradient(circle at 88% 10%,rgba(192,132,252,.42),transparent 34%),radial-gradient(circle at 65% 92%,rgba(251,113,133,.3),transparent 38%),linear-gradient(145deg,#eaf7ff,#e8e5ff 52%,#fff1f7)}html[data-theme=glass] .board-area{background:#f4f9ffb8}html[data-theme=glass] .topbar,html[data-theme=glass] .floating-panel,html[data-theme=glass] .toolbar-menu,html[data-theme=glass] .toolbar,html[data-theme=glass] .side-panel,html[data-theme=glass] .account-menu,html[data-theme=glass] .settings-dialog,html[data-theme=glass] .guest-auth-dialog .login-card{border-color:#ffffffb8;background:#ffffff8c;box-shadow:0 18px 48px #313e742b,inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(26px) saturate(165%);backdrop-filter:blur(26px) saturate(165%)}html[data-theme=glass] .icon-button,html[data-theme=glass] .secondary-button,html[data-theme=glass] .account-trigger,html[data-theme=glass] .language-options button,html[data-theme=glass] .theme-option{border-color:#ffffffb8;background:#ffffff7a;box-shadow:inset 0 1px #ffffffc2,0 5px 16px #464b7d14;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}html[data-theme=glass] .settings-nav{background:#f0f5ff5c}:root,html[data-theme=light]{--color-app-background: #eef2f7;--color-canvas-background: #f8fafc;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-muted: #f4f6fa;--color-control: #ffffff;--color-control-hover: #f1efff;--color-control-active: #ece8ff;--color-text-primary: #172033;--color-text-secondary: #64748b;--color-text-inverse: #ffffff;--color-border: #d8e0ea;--color-divider: #e5eaf1;--color-accent: #b7a9ff;--color-accent-strong: #4f36c7;--color-accent-soft: #f2efff;--color-danger: #b42318;--color-danger-soft: #fff1f0;--color-overlay: rgba(15, 23, 42, .56);--surface-backdrop: blur(12px) saturate(120%);--surface-shadow: 0 16px 40px rgba(15, 23, 42, .12);--settings-card-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 6px 16px rgba(15, 23, 42, .07);--settings-card-shadow-hover: 0 2px 4px rgba(15, 23, 42, .07), 0 10px 24px rgba(15, 23, 42, .1);--app-bg: var(--color-app-background);--app-surface: var(--color-surface);--app-surface-raised: var(--color-surface-raised);--app-surface-muted: var(--color-surface-muted);--app-text: var(--color-text-primary);--app-text-muted: var(--color-text-secondary);--app-border: var(--color-border);--app-accent: var(--color-accent);--app-accent-soft: var(--color-accent-soft)}html[data-theme=obsidian]{--color-app-background: #242526;--color-canvas-background: #121212;--color-surface: #333333;--color-surface-raised: #333333;--color-surface-muted: #2b2b2b;--color-control: #3a3a3a;--color-control-hover: #454545;--color-control-active: #4a4168;--color-text-primary: #f5f5f5;--color-text-secondary: #b8b8b8;--color-text-inverse: #1b1d1e;--color-border: #505050;--color-divider: #474747;--color-accent: #b8a7ff;--color-accent-strong: #d8ccff;--color-accent-soft: #443b60;--color-danger: #ff7572;--color-danger-soft: #512d30;--color-overlay: rgba(10, 10, 10, .76);--surface-backdrop: blur(18px) saturate(110%);--surface-shadow: 0 22px 58px rgba(0, 0, 0, .52);--settings-card-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 16px rgba(0, 0, 0, .32);--settings-card-shadow-hover: 0 2px 4px rgba(0, 0, 0, .46), 0 10px 24px rgba(0, 0, 0, .38);--app-shadow: var(--surface-shadow);--app-bg: var(--color-app-background);--app-surface: var(--color-surface);--app-surface-raised: var(--color-surface-raised);--app-surface-muted: var(--color-surface-muted);--app-text: var(--color-text-primary);--app-text-muted: var(--color-text-secondary);--app-border: var(--color-border);--app-accent: var(--color-accent);--app-accent-soft: var(--color-accent-soft)}html[data-theme=obsidian] .loading-page{color:var(--color-text-primary);background:var(--color-app-background)}html[data-theme=obsidian] .loading-page.board-error-page{background:radial-gradient(circle at 20% 18%,rgba(184,167,255,.1),transparent 32%),radial-gradient(circle at 82% 78%,rgba(255,255,255,.035),transparent 30%),var(--color-app-background)}html[data-theme=dark]{--color-app-background: #0b1018;--color-canvas-background: #090d14;--color-surface: #171e2b;--color-surface-raised: #1c2433;--color-surface-muted: #121925;--color-control: #202a3a;--color-control-hover: #2a3547;--color-control-active: #372e62;--color-text-primary: #f2f5fa;--color-text-secondary: #a9b4c6;--color-text-inverse: #111722;--color-border: #364156;--color-divider: #2d3749;--color-accent: #a694ff;--color-accent-strong: #c3b8ff;--color-accent-soft: #30294f;--color-danger: #ff6b68;--color-danger-soft: #3b2026;--color-overlay: rgba(3, 7, 14, .7);--surface-backdrop: blur(18px) saturate(125%);--surface-shadow: 0 22px 58px rgba(0, 0, 0, .48);--settings-card-shadow: 0 1px 2px rgba(0, 0, 0, .36), 0 6px 16px rgba(0, 0, 0, .28);--settings-card-shadow-hover: 0 2px 4px rgba(0, 0, 0, .42), 0 10px 24px rgba(0, 0, 0, .34);--app-bg: var(--color-app-background);--app-surface: var(--color-surface);--app-surface-raised: var(--color-surface-raised);--app-surface-muted: var(--color-surface-muted);--app-text: var(--color-text-primary);--app-text-muted: var(--color-text-secondary);--app-border: var(--color-border);--app-accent: var(--color-accent);--app-accent-soft: var(--color-accent-soft)}html[data-theme=glass]{--color-app-background: #e7f2ff;--color-canvas-background: #ffffff;--color-surface: rgba(247, 251, 255, .28);--color-surface-raised: rgba(247, 251, 255, .34);--color-surface-muted: rgba(231, 240, 255, .24);--color-control: rgba(255, 255, 255, .26);--color-control-hover: rgba(255, 255, 255, .48);--color-control-active: rgba(222, 215, 255, .56);--color-text-primary: #18223a;--color-text-secondary: #586985;--color-text-inverse: #ffffff;--color-border: rgba(255, 255, 255, .76);--color-divider: rgba(111, 128, 164, .2);--color-accent: #6755db;--color-accent-strong: #4d39bf;--color-accent-soft: rgba(230, 225, 255, .7);--color-danger: #b42318;--color-danger-soft: rgba(255, 230, 230, .64);--color-overlay: rgba(39, 50, 76, .42);--surface-backdrop: blur(30px) saturate(185%);--surface-shadow: 0 20px 55px rgba(49, 62, 116, .18), inset 0 1px 0 rgba(255, 255, 255, .86);--settings-card-shadow: inset 0 1px 0 rgba(255, 255, 255, .76), 0 5px 16px rgba(70, 75, 125, .08);--settings-card-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .86), 0 8px 22px rgba(70, 75, 125, .13);--color-popup-surface: rgba(247, 251, 255, .94);--popup-backdrop: blur(28px) saturate(155%);--popup-shadow: 0 18px 42px rgba(49, 62, 116, .22), inset 0 1px 0 rgba(255, 255, 255, .98);--app-bg: var(--color-app-background);--app-surface: var(--color-surface);--app-surface-raised: var(--color-surface-raised);--app-surface-muted: var(--color-surface-muted);--app-text: var(--color-text-primary);--app-text-muted: var(--color-text-secondary);--app-border: var(--color-border);--app-accent: var(--color-accent);--app-accent-soft: var(--color-accent-soft)}html[data-theme] body,html[data-theme] .app-shell{color:var(--color-text-primary);background:var(--color-app-background)}html[data-theme] .board-area{background:var(--color-canvas-background)}html[data-theme] .topbar,html[data-theme] .floating-panel,html[data-theme] .toolbar,html[data-theme] .side-panel,html[data-theme] .account-menu,html[data-theme] .login-card,html[data-theme] .settings-dialog{color:var(--color-text-primary);border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:var(--surface-shadow);-webkit-backdrop-filter:var(--surface-backdrop);backdrop-filter:var(--surface-backdrop)}html[data-theme] .panel-header,html[data-theme] .boards-create,html[data-theme] .share-create-section,html[data-theme] .account-menu-user,html[data-theme] .pen-options-panel,html[data-theme] .connector-options-panel,html[data-theme] .note-style-options,html[data-theme] .note-background-options,html[data-theme] .auth-divider:before,html[data-theme] .auth-divider:after{border-color:var(--color-divider)}.page-navigation{position:absolute;z-index:11;top:10px;left:10px;display:flex;height:26px;align-items:center;gap:4px;padding:2px 3px 2px 7px;border:1px solid var(--color-border, rgba(203, 213, 225, .9));border-radius:7px;color:var(--color-text-secondary, #64748b);background:var(--color-surface-raised, rgba(255, 255, 255, .94));box-shadow:0 4px 12px #0f172a1f;font-size:9px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;-webkit-backdrop-filter:var(--surface-backdrop, blur(8px));backdrop-filter:var(--surface-backdrop, blur(8px))}.page-navigation>span{display:inline-flex;height:21px;align-items:center;white-space:nowrap}.page-navigation-open-button,.page-navigation-form>button{display:inline-flex;height:21px;align-items:center;justify-content:center;padding:0 4px;border:0;border-radius:5px;color:var(--color-accent-strong, #4f36c7);background:var(--color-accent-soft, #eeeafd);font:inherit;font-size:8.5px;line-height:1;cursor:pointer}.page-navigation-open-button:hover,.page-navigation-form>button:hover{background:var(--color-control-hover, #e7e2ff)}.page-navigation-action{position:relative;width:32px;height:21px;flex:0 0 auto;overflow:hidden;transition:width .18s cubic-bezier(.22,1,.36,1)}.page-navigation.is-editing .page-navigation-action{width:76px}.page-navigation-open-button,.page-navigation-form{position:absolute;inset:0;width:100%;transition:opacity .12s ease,transform .18s cubic-bezier(.22,1,.36,1)}.page-navigation-open-button{opacity:1;transform:translate(0)}.page-navigation.is-editing .page-navigation-open-button{opacity:0;pointer-events:none;transform:translate(-5px)}.page-navigation-form{display:flex;align-items:center;gap:2px;margin:0;opacity:0;pointer-events:none;transform:translate(5px)}.page-navigation.is-editing .page-navigation-form{opacity:1;pointer-events:auto;transform:translate(0)}.page-navigation-form>input{box-sizing:border-box;width:34px;flex:0 0 34px;height:21px;padding:0 4px;border:1px solid var(--color-border, #cbd5e1);border-radius:4px;background:var(--color-control, #fff);color:var(--color-text-primary, #0f172a);font:inherit;font-size:9px;font-weight:800;line-height:19px;text-align:center;vertical-align:middle;appearance:textfield}.page-navigation-form>button{min-width:0;flex:1 1 auto;white-space:nowrap}.page-navigation-form>input:focus{border-color:var(--color-accent, #6650d5);outline:2px solid color-mix(in srgb,var(--color-accent, #6650d5) 20%,transparent);outline-offset:0}.page-navigation-form>input::-webkit-inner-spin-button,.page-navigation-form>input::-webkit-outer-spin-button{margin:0;appearance:none}.document-page-scroll{position:absolute;inset:0;overflow-x:auto;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-behavior:auto;-webkit-overflow-scrolling:touch;background:#e2e8f0}html[data-theme=dark] .document-page-scroll{background:#05080d}html[data-theme=obsidian] .document-page-scroll{background:#1b1b1b}.document-page-list{position:relative;display:flex;width:max-content;min-width:100%;min-height:100%;box-sizing:border-box;flex-direction:column;align-items:center;gap:28px;padding:58px 24px 88px}.document-page-sheet{position:relative;flex:0 0 auto;overflow:hidden;background:#fff}html[data-theme=dark] .document-page-sheet{background:#090d14}html[data-theme=obsidian] .document-page-sheet{background:#121212}.document-page-content-scale,.document-page-activate{position:absolute;inset:0}.document-page-content-scale{transform-origin:top left;will-change:transform;backface-visibility:hidden}.document-page-preview,.document-page-activate{width:100%;height:100%}.document-page-preview{position:absolute;inset:0;pointer-events:none}.document-page-loading{position:absolute;z-index:4;inset:0;display:grid;place-content:center;place-items:center;gap:10px;color:var(--color-text-secondary, #64748b);background:color-mix(in srgb,#fff 94%,var(--color-surface-muted, #f8fafc));pointer-events:none}.document-page-loading>span{width:24px;height:24px;border:3px solid color-mix(in srgb,var(--color-accent, #6650d5) 20%,transparent);border-top-color:var(--color-accent, #6650d5);border-radius:999px;animation:asset-spin .8s linear infinite}.document-page-loading>strong{font-size:12px;font-weight:700}.document-active-page-canvas{position:absolute;z-index:1;overflow:hidden;opacity:1}.document-active-page-canvas.is-switching-page{opacity:0}.document-page-activate{z-index:2;padding:0;border:0;background:transparent;cursor:pointer}.document-page-activate:focus-visible{outline:3px solid var(--color-accent, #6650d5);outline-offset:-3px}.document-page-delete-button{position:absolute;top:10px;right:10px;z-index:5;display:grid;width:30px;height:30px;padding:0;place-items:center;border:1px solid color-mix(in srgb,var(--color-danger, #dc2626) 24%,transparent);border-radius:9px;color:var(--color-danger, #dc2626);background:color-mix(in srgb,var(--color-surface-raised, #fff) 90%,transparent);box-shadow:0 6px 16px #0f172a24;opacity:0;pointer-events:none;cursor:pointer;transform:none;transition:opacity .12s ease,transform .12s ease,background-color .12s ease}.document-page-sheet:hover .document-page-delete-button,.document-page-list:has(>.document-active-page-canvas:hover)>.document-page-sheet.is-active .document-page-delete-button,.document-page-delete-button:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.document-page-delete-button:hover{color:#fff;background:var(--color-danger, #dc2626)}.document-page-delete-button:focus-visible{outline:3px solid color-mix(in srgb,var(--color-danger, #dc2626) 28%,transparent);outline-offset:2px}.document-page-delete-button svg{width:15px;height:15px;pointer-events:none}@media(hover:none){.document-page-delete-button{opacity:.9;pointer-events:auto;transform:none}}.document-page-sheet .canvas-host,.document-page-sheet .canvas-host canvas{touch-action:pan-y pinch-zoom!important}.document-page-sheet .canvas-host,.document-active-page-canvas .canvas-host{overscroll-behavior:auto}.document-add-page-button{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid var(--color-border, rgba(203, 213, 225, .9));border-radius:999px;color:var(--color-text-secondary, #64748b);background:var(--color-surface-raised, rgba(255, 255, 255, .96));box-shadow:var(--surface-shadow, 0 10px 24px rgba(15, 23, 42, .16));cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}.document-add-page-button:hover{color:var(--color-accent, #6650d5);border-color:color-mix(in srgb,var(--color-accent, #6650d5) 48%,transparent);background:var(--color-accent-soft, #eeeafd);transform:scale(1.05)}.document-add-page-button svg{width:20px;height:20px}@media(max-width:760px){.document-page-list{gap:18px;padding:44px 8px 72px}}.page-rail{position:absolute;z-index:11;top:20px;right:20px;width:auto;height:40px;overflow:visible;pointer-events:none}.page-rail.is-open{width:auto}.page-rail-status button,.page-card-menu-button{display:inline-flex;align-items:center;justify-content:center;border:0;color:inherit;background:transparent}.page-rail-status{display:flex;height:40px;align-items:center;gap:8px;padding:5px 7px 5px 12px;border:1px solid var(--color-border, rgba(203, 213, 225, .9));border-radius:13px;background:var(--color-surface-raised, rgba(255, 255, 255, .96));box-shadow:var(--surface-shadow, 0 10px 25px rgba(15, 23, 42, .16));backdrop-filter:var(--surface-backdrop, blur(12px));-webkit-backdrop-filter:var(--surface-backdrop, blur(12px));pointer-events:auto}.page-rail-status>span{color:var(--color-text-secondary, #64748b);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.page-rail-status button{min-width:34px;height:28px;padding:0 7px;border-radius:8px;color:var(--color-accent, #6650d5);font-size:11px;font-weight:800;cursor:pointer;transition:color .15s ease,background .15s ease}.page-rail.is-open .page-rail-status button{background:var(--color-accent-soft, #eeeafd)}.page-rail-status button:hover,.page-card-menu-button:hover{color:var(--color-accent, #6650d5);background:var(--color-surface-muted, #f1f5f9)}.page-card-menu-button svg{width:17px;height:17px}.page-rail-content{position:absolute;top:0;right:calc(100% + 10px);display:flex;flex-direction:column;width:232px;max-height:min(620px,calc(100dvh - 40px));padding:8px;overflow:visible;border:1px solid var(--color-border, rgba(203, 213, 225, .9));border-radius:14px;background:var(--color-surface-raised, rgba(255, 255, 255, .96));box-shadow:var(--surface-shadow, 0 14px 35px rgba(15, 23, 42, .16));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;animation:page-rail-panel-in .16s cubic-bezier(.22,1,.36,1)}.page-add-button{position:absolute;z-index:11;bottom:24px;left:50%;display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--color-border, rgba(203, 213, 225, .9));border-radius:999px;color:var(--color-text-secondary, #64748b);background:var(--color-surface-raised, rgba(255, 255, 255, .96));box-shadow:var(--surface-shadow, 0 12px 30px rgba(15, 23, 42, .18));cursor:pointer;-webkit-backdrop-filter:var(--surface-backdrop, blur(12px));backdrop-filter:var(--surface-backdrop, blur(12px));transform:translate(-50%);transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}.page-add-button:hover{color:var(--color-accent, #6650d5);border-color:color-mix(in srgb,var(--color-accent, #6650d5) 48%,transparent);background:var(--color-accent-soft, #eeeafd);transform:translate(-50%) scale(1.05)}.page-add-button svg{width:22px;height:22px}@keyframes page-rail-panel-in{0%{opacity:0;transform:translate(8px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.page-rail-content>header{display:flex;min-height:36px;align-items:center;justify-content:space-between;padding:0 4px 7px 6px;border-bottom:1px solid var(--color-divider, #e2e8f0)}.page-rail-content>header>div{display:grid;gap:1px}.page-rail-content>header strong{font-size:13px}.page-rail-content>header span{color:var(--color-text-secondary, #64748b);font-size:10px}.page-rail-list{display:grid;gap:7px;min-height:0;margin-top:8px;margin-right:-6px;padding-right:4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--color-text-secondary, #64748b) 46%,transparent) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.page-rail-list::-webkit-scrollbar{width:6px}.page-rail-list::-webkit-scrollbar-thumb{border:1px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--color-text-secondary, #64748b) 42%,transparent);background-clip:padding-box}.page-rail-list::-webkit-scrollbar-track{margin-block:2px;background:transparent}.page-card{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;min-height:67px;max-height:120px;padding:5px;border:1px solid transparent;border-radius:11px;background:color-mix(in srgb,var(--color-surface-muted, #f8fafc) 62%,transparent);transition:border-color .12s ease,background .12s ease,transform .3s cubic-bezier(.2,0,0,1),opacity .26s ease,max-height .3s cubic-bezier(.2,0,0,1) 40ms,min-height .3s cubic-bezier(.2,0,0,1) 40ms,padding .3s cubic-bezier(.2,0,0,1) 40ms,margin .3s cubic-bezier(.2,0,0,1) 40ms}.page-card:hover{border-color:var(--color-border, #d8e0ea)}.page-card.active{border-color:color-mix(in srgb,var(--color-accent, #6650d5) 65%,transparent);background:var(--color-accent-soft, #eeeafd)}.page-card.dragging{opacity:.55;transform:scale(.98)}.page-card.removing{pointer-events:none;transform:translate(120%)!important;opacity:0!important;max-height:0!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;border-color:transparent!important;overflow:hidden!important}.page-card-main,.page-card-name{min-width:0;padding:0;border:0;color:inherit;text-align:left;background:transparent;cursor:pointer}.page-card-main{position:relative;display:block}.page-card-index{position:absolute;z-index:1;top:3px;left:3px;min-width:16px;padding:1px 4px;border-radius:5px;color:#fff;background:#0f172abd;font-size:9px;font-weight:700;text-align:center}.page-thumbnail{display:flex;width:70px;height:56px;align-items:center;justify-content:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-border, #cbd5e1) 85%,transparent);border-radius:7px;background:var(--color-canvas-background, #fff)}.page-thumbnail-icon{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:var(--color-text-secondary, #94a3b8);background:color-mix(in srgb,var(--color-surface-muted, #f1f5f9) 34%,transparent)}.page-thumbnail-icon svg{width:24px;height:24px;opacity:.72;stroke-width:1.6}.page-thumbnail-icon-presentation-16\:9{color:var(--color-accent, #6650d5)}.page-thumbnail-icon-a4-portrait svg{transform:scaleX(.8)}.page-thumbnail-icon-a4-landscape svg{transform:scaleY(.82)}.page-card-meta{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center}.page-card-name{display:grid;gap:3px}.page-card-name strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.page-card-name small{color:var(--color-text-secondary, #64748b);font-size:9px}.page-card-meta input{width:100%;min-width:0;padding:5px 6px;border:1px solid var(--color-accent, #6650d5);border-radius:6px;outline:0}.page-card-menu-button{width:27px;height:27px;border-radius:7px;cursor:pointer}.page-budget-warning{position:absolute;top:7px;right:7px;display:flex;width:15px;height:15px;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:#d97706;font-size:10px;font-weight:800}.page-card-menu{position:absolute;z-index:5;display:grid;padding:6px;border:1px solid var(--color-border, #d8e0ea);border-radius:11px;color:var(--color-text-primary, #1e293b);background:var(--color-surface-raised, #fff);box-shadow:0 14px 36px #0f172a33}.page-card-menu{top:42px;right:6px;min-width:136px}.page-card-menu-portal{position:fixed;z-index:100;top:auto;right:auto;min-width:148px;animation:page-rail-panel-in .14s cubic-bezier(.22,1,.36,1)}.page-card-menu button{display:flex;align-items:center;gap:8px;border:0;border-radius:7px;color:inherit;text-align:left;background:transparent;cursor:pointer}.page-card-menu button{padding:7px 8px;font-size:11px}.page-card-menu button:hover{background:var(--color-surface-muted, #f1f5f9)}.page-card-menu button.danger{color:var(--color-danger, #b42318)}.page-card-menu button:disabled{opacity:.4;cursor:default}.page-card-menu svg{width:15px;height:15px;flex:0 0 auto}@media(max-width:760px){.page-rail{top:calc(8px + env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:auto;left:auto}.page-rail-content{top:calc(100% + 8px);right:0;width:min(232px,calc(100vw - 70px));max-height:min(620px,calc(100dvh - 72px))}.page-add-button{bottom:max(16px,env(safe-area-inset-bottom))}}.board-performance-overlay{position:absolute;z-index:20;right:12px;bottom:54px;display:grid;gap:3px;min-width:250px;padding:9px 11px;border:1px solid rgba(56,189,248,.38);border-radius:10px;color:#dbeafe;background:#020617e0;box-shadow:0 10px 30px #0206174d;font:10px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.board-performance-overlay strong{margin-bottom:2px;color:#7dd3fc;font-size:11px}.board-performance-overlay button{margin-top:4px;padding:5px 7px;border:1px solid rgba(125,211,252,.32);border-radius:6px;color:#e0f2fe;background:#0e749047;font:inherit;cursor:pointer}.board-performance-overlay button:hover{background:#0e749085}.board-minimap{position:absolute;right:16px;bottom:16px;z-index:8;width:108px;padding:0;border:0;border-radius:7px;background:transparent;box-shadow:none;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(5px) scale(.96);transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s}.board-minimap.is-active{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.board-minimap svg{display:block;width:100%;height:57px;overflow:hidden;border:1px solid rgba(148,163,184,.7);border-radius:7px;background:#f8fafc;cursor:crosshair;touch-action:none}.board-minimap-page{fill:#f8fafc}.board-minimap-object{opacity:.62;pointer-events:none}.board-minimap-viewport{fill:#2563eb1f;stroke:#2563eb;stroke-width:2px;pointer-events:none}.board-area:has(.board-performance-overlay) .board-minimap{bottom:156px}html[data-theme=dark] .board-minimap svg,html[data-theme=obsidian] .board-minimap svg{border-color:#64748bb8;background:#111}html[data-theme=dark] .board-minimap-page,html[data-theme=obsidian] .board-minimap-page{fill:#111}@media(max-width:600px){.board-performance-overlay{right:8px;bottom:48px;min-width:0;max-width:calc(100vw - 16px)}.board-minimap{right:8px;bottom:54px;width:84px;padding:0}.board-minimap svg{height:44px}}html[data-theme] .eyebrow,html[data-theme] .panel-label,html[data-theme] .connector-options-title,html[data-theme] .connector-control-label,html[data-theme] .text-style-title,html[data-theme] .text-style-field,html[data-theme] .text-color-field,html[data-theme] .style-panel-header>strong,html[data-theme] .note-style-options legend,html[data-theme] .note-background-options legend,html[data-theme] .account-menu-user span,html[data-theme] .auth-brand span,html[data-theme] .auth-card>p,html[data-theme] .auth-legal,html[data-theme] .auth-divider,html[data-theme] .drawer-status,html[data-theme] .participant-copy small,html[data-theme] .participants-panel h3,html[data-theme] .participant-group h4,html[data-theme] .participant-role-label,html[data-theme] .variables-card h3,html[data-theme] .invite-result>span,html[data-theme] .invite-result small{color:var(--color-text-secondary)}html[data-theme] .icon-button,html[data-theme] .secondary-button,html[data-theme] .account-trigger,html[data-theme] .pen-nib-button,html[data-theme] .connector-option-button,html[data-theme] .connector-head-option,html[data-theme] .text-style-icon-button,html[data-theme] .board-background-option,html[data-theme] .image-option-button,html[data-theme] .document-option-button,html[data-theme] .invite-code-copy,html[data-theme] .style-panel-collapse,html[data-theme] .participant-follow-button,html[data-theme] .participant-remove-button,html[data-theme] .select-control,html[data-theme] input,html[data-theme] textarea{color:var(--color-text-primary);border-color:var(--color-border);background:var(--color-control)}html[data-theme] .account-trigger.active,html[data-theme] .account-trigger[aria-expanded=true]{border-color:var(--color-accent);background:var(--color-control-active);box-shadow:none}html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--color-text-secondary);opacity:.76}html[data-theme] .icon-button:hover:not(:disabled),html[data-theme] .secondary-button:hover:not(:disabled),html[data-theme] .account-menu>button:hover,html[data-theme] .pen-nib-button:hover,html[data-theme] .connector-option-button:hover,html[data-theme] .connector-head-option:hover,html[data-theme] .text-style-icon-button:hover,html[data-theme] .board-background-option:hover:not(:disabled),html[data-theme] .image-option-button:hover,html[data-theme] .document-option-button:hover:not(:disabled){color:var(--color-accent-strong);border-color:var(--color-accent);background:var(--color-control-hover)}html[data-theme] .document-lock-button.is-active,html[data-theme] .document-lock-button.is-active:hover:not(:disabled),html[data-theme] .document-lock-button.is-active:focus-visible{color:var(--color-accent-strong);background:var(--color-control-active);box-shadow:inset 0 0 0 1px var(--color-accent),0 3px 10px color-mix(in srgb,var(--color-accent) 24%,transparent)}html[data-theme] .document-file-name,html[data-theme] .document-page-indicator,html[data-theme] .document-page-indicator input{color:var(--color-text-primary)}html[data-theme] .document-more-menu .document-delete-option{color:var(--color-danger)}html[data-theme] .document-more-menu .document-delete-option:hover{background:var(--color-danger-soft)}html[data-theme] .document-markdown-mode{border-color:var(--color-border)}html[data-theme] .document-markdown-mode button{color:var(--color-text-secondary)}html[data-theme] .document-markdown-mode button:hover{background:var(--color-control-hover)}html[data-theme] .document-markdown-mode button.is-active{color:var(--color-accent-strong);background:var(--color-control-active)}html[data-theme] .document-annotation-download-option{color:var(--color-text-primary)}html[data-theme] .document-annotation-download-option:hover{background:var(--color-control-hover)}html[data-theme] .document-annotation-download-option small{color:var(--color-text-secondary)}html[data-theme] .asset-error{color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 42%,var(--color-border));background:color-mix(in srgb,var(--color-danger-soft) 84%,var(--color-surface-raised));box-shadow:var(--surface-shadow)}html[data-theme] .asset-error-icon{background:var(--color-danger-soft)}html[data-theme] .asset-error-content>span{color:var(--color-text-primary)}html[data-theme] .asset-error button:hover,html[data-theme] .asset-error button:focus-visible{background:var(--color-danger-soft)}html[data-theme] .style-panel-collapse:hover{color:var(--color-accent-strong);border-color:var(--color-accent);background:var(--color-control-hover)}html[data-theme] .secondary-button.active,html[data-theme] .pen-nib-button.active,html[data-theme] .connector-option-button[aria-pressed=true],html[data-theme] .connector-head-option[aria-selected=true],html[data-theme] .text-style-icon-button[aria-pressed=true],html[data-theme] .board-background-option.active{color:var(--color-accent-strong);border-color:var(--color-accent);background:var(--color-control-active)}html[data-theme] .account-menu>button{color:var(--color-text-primary)}html[data-theme] .account-menu>button:last-child{color:var(--color-danger)}html[data-theme] .guest-auth-close{color:var(--color-text-secondary);background:var(--color-control)}html[data-theme] .auth-card h2,html[data-theme] .auth-brand strong,html[data-theme] .invite-login-form label{color:var(--color-text-primary)}html[data-theme] .invite-login-row button{color:var(--color-accent-strong);border-color:var(--color-accent);background:var(--color-accent-soft)}html[data-theme] .invite-result,html[data-theme] .mode-card,html[data-theme] .participant-group h4 span,html[data-theme] .variables-card,html[data-theme] .ai-card,html[data-theme] .drawer-board-card{color:var(--color-text-primary);border-color:var(--color-border);background:var(--color-surface-muted)}html[data-theme] .drawer-board,html[data-theme] .drawer-board-copy strong{color:var(--color-text-primary)}html[data-theme] .drawer-board-copy small,html[data-theme] .drawer-board-action{color:var(--color-text-secondary)}html[data-theme] .drawer-board-rename:hover{color:var(--color-accent-strong);background:var(--color-accent-soft)}html[data-theme] .drawer-board-delete:hover{color:var(--color-danger);background:var(--color-danger-soft)}html[data-theme] .drawer-board-card:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-control-hover);box-shadow:0 7px 18px color-mix(in srgb,var(--color-overlay) 18%,transparent)}html[data-theme] .drawer-board-card.active{border-color:var(--color-accent);background:var(--color-control-active);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 28%,transparent)}html[data-theme] .drawer-board-card.active:hover{background:color-mix(in srgb,var(--color-control-hover) 58%,var(--color-control-active))}html[data-theme] .current-board-badge{color:var(--color-accent-strong);background:var(--color-accent-soft)}html[data-theme] .share-section-heading span{color:var(--color-text-secondary)}html[data-theme] .participant-confirm{background:var(--color-danger-soft)}html[data-theme=dark] .participant{background:#ffffff0b}html[data-theme=obsidian] .participant{background:#ffffff0e}html[data-theme=glass] .participant{background:#ffffff57;box-shadow:inset 0 1px #ffffff9e}html[data-theme] .participant-confirm span,html[data-theme] .participant-remove-button{color:var(--color-danger)}html[data-theme] .settings-overlay,html[data-theme] .guest-auth-overlay,html[data-theme] .board-create-overlay{background:var(--color-overlay)}html[data-theme=glass] .topbar,html[data-theme=glass] .floating-panel,html[data-theme=glass] .toolbar-menu,html[data-theme=glass] .toolbar,html[data-theme=glass] .side-panel,html[data-theme=glass] .account-menu,html[data-theme=glass] .login-card,html[data-theme=glass] .settings-dialog,html[data-theme=glass] .settings-nav,html[data-theme=glass] .icon-button,html[data-theme=glass] .secondary-button,html[data-theme=glass] .account-trigger,html[data-theme=glass] .pen-nib-button,html[data-theme=glass] .connector-option-button,html[data-theme=glass] .connector-head-option,html[data-theme=glass] .text-style-icon-button,html[data-theme=glass] .board-background-option,html[data-theme=glass] .select-control,html[data-theme=glass] input,html[data-theme=glass] textarea{background-image:linear-gradient(145deg,#ffffff47,#ebf2ff14);backdrop-filter:var(--surface-backdrop);-webkit-backdrop-filter:var(--surface-backdrop)}html[data-theme=glass] .topbar,html[data-theme=glass] #board-style-panel,html[data-theme=glass] #board-tool-menu,html[data-theme=glass] .toolbar-trigger,html[data-theme=glass] .zoom-controls,html[data-theme=glass] .account-menu,html[data-theme=glass] .connector-head-picker{border:1px solid rgba(255,255,255,.6);border-radius:16px;background:#ffffffb0;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7.2px);-webkit-backdrop-filter:blur(7.2px)}html[data-theme=glass] .topbar{border-top:0;border-right:0;border-left:0;border-radius:0 0 16px 16px}html[data-theme=glass] .toolbar-trigger{color:#fff;border-radius:50%;background:#6755dbe0}html[data-theme=glass] .account-trigger.active,html[data-theme=glass] .account-trigger[aria-expanded=true]{border-color:#ffffffe6;background:#ded7ffc7;background-image:none;box-shadow:inset 0 0 0 1px #6755db75}html[data-theme=glass] .select-control-popover{border-color:#ffffffeb;background:#f7fbffe0;background-image:linear-gradient(145deg,#ffffffb8,#ebf2ff75);box-shadow:0 18px 42px #313e7438,inset 0 1px #fffffff5}html[data-theme=glass] .board-context-menu,html[data-theme=glass] .board-context-submenu,html[data-theme=glass] .ai-selection-chat,html[data-theme=glass] .ai-contextual-popover,html[data-theme=glass] .toolbar-menu,html[data-theme=glass] .account-menu,html[data-theme=glass] .settings-dialog,html[data-theme=glass] .board-create-dialog,html[data-theme=glass] .select-control-popover,html[data-theme=glass] .header-leave-popover,html[data-theme=glass] .page-card-menu{border-color:#ffffffeb;background:var(--color-popup-surface);background-image:linear-gradient(145deg,#ffffffb3,#ebf2ff33);box-shadow:var(--popup-shadow);backdrop-filter:var(--popup-backdrop);-webkit-backdrop-filter:var(--popup-backdrop)}html[data-theme=dark] .header-edit-toolbar,html[data-theme=obsidian] .header-edit-toolbar{box-shadow:0 0 0 1px #ffffff14,0 0 14px #00000061}html[data-theme=glass] .header-edit-overflow,html[data-theme=glass] .header-tool-picker,html[data-theme=glass] .page-rail-content{border-color:#ffffffeb;background:#f7fbffcc;background-image:linear-gradient(145deg,#ffffffad,#ebf2ff2e);box-shadow:0 18px 46px #313e7438,inset 0 1px #fffffffa;backdrop-filter:blur(42px) saturate(170%);-webkit-backdrop-filter:blur(42px) saturate(170%)}html[data-theme=glass] .board-context-submenu{background-color:#f7fbfff0;box-shadow:0 20px 48px #313e743d,inset 0 1px #fffffffa}html[data-theme=dark] .account-menu-portal{background:#171e2bf0;box-shadow:0 18px 45px #00000070;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html[data-theme=dark] .toolbar-menu button:not(.active),html[data-theme=dark] .zoom-controls button,html[data-theme=dark] .topbar .icon-button:not(.active){color:var(--color-text-primary)}html[data-theme=dark] .toolbar-menu button:not(.active){background:transparent;box-shadow:none}html[data-theme=dark] .toolbar-menu button:hover:not(.active),html[data-theme=dark] .zoom-controls button:hover,html[data-theme=dark] .topbar .icon-button:hover:not(.active){color:var(--color-text-primary);background:var(--color-control-hover)}html[data-theme=dark] .toolbar-menu button.active{color:#fff;background:#6e56e8}html[data-theme=dark] .swatch,html[data-theme=dark] .note-color-swatch,html[data-theme=dark] .note-color-custom,html[data-theme=dark] .color-palette-swatch,html[data-theme=dark] .color-palette-custom{border-color:#202a3a;box-shadow:0 0 0 1px var(--color-border)}html[data-theme=dark] .swatch.active,html[data-theme=dark] .note-color-swatch[aria-pressed=true],html[data-theme=dark] .color-palette-swatch[aria-pressed=true],html[data-theme=dark] .color-palette-custom[data-selected=true]{box-shadow:0 0 0 2px var(--color-accent)}html[data-theme=dark] .swatch.transparent{background:linear-gradient(135deg,var(--color-control) 43%,#ff6b68 44%,#ff6b68 55%,var(--color-control) 56%)}html[data-theme=dark] .note-style-preview-lines,html[data-theme=dark] .note-style-preview-lines:before,html[data-theme=dark] .note-style-preview-lines:after{background:#eef2f885}html[data-theme=dark] .note-style-preview-lined:before{background:#fbb6cead}html[data-theme=dark] .board-background-preview{border-color:#3a465a;background-color:#111722}html[data-theme=dark] .board-background-preview-grid{background-image:linear-gradient(#293449 1px,transparent 1px),linear-gradient(90deg,#293449 1px,transparent 1px)}html[data-theme=dark] .board-background-preview-dots{background-image:radial-gradient(circle,#46536a 1px,transparent 1.25px)}html[data-theme=dark] .board-background-preview-white{background:#111722}html[data-theme=obsidian] .toolbar-menu,html[data-theme=obsidian] .account-menu-portal,html[data-theme=obsidian] .board-context-menu,html[data-theme=obsidian] .board-context-submenu,html[data-theme=obsidian] .connector-head-picker{color:var(--color-text-primary);border-color:var(--color-border);background:#333;box-shadow:var(--surface-shadow)}html[data-theme=obsidian] .toolbar-menu button:not(.active),html[data-theme=obsidian] .zoom-controls button,html[data-theme=obsidian] .topbar .icon-button:not(.active){color:var(--color-text-primary)}html[data-theme=obsidian] .toolbar-menu button:not(.active){background:transparent;box-shadow:none}html[data-theme=obsidian] .toolbar-menu button:hover:not(.active),html[data-theme=obsidian] .zoom-controls button:hover,html[data-theme=obsidian] .topbar .icon-button:hover:not(.active){color:var(--color-text-primary);background:var(--color-control-hover)}html[data-theme=obsidian] .toolbar-menu button.active{color:#fff;background:#6e56e8}html[data-theme=obsidian] .swatch,html[data-theme=obsidian] .note-color-swatch,html[data-theme=obsidian] .note-color-custom,html[data-theme=obsidian] .color-palette-swatch,html[data-theme=obsidian] .color-palette-custom{border-color:#333;box-shadow:0 0 0 1px var(--color-border)}html[data-theme=obsidian] .swatch.active,html[data-theme=obsidian] .note-color-swatch[aria-pressed=true],html[data-theme=obsidian] .color-palette-swatch[aria-pressed=true],html[data-theme=obsidian] .color-palette-custom[data-selected=true]{box-shadow:0 0 0 2px var(--color-accent)}html[data-theme=obsidian] .swatch.transparent{background:linear-gradient(135deg,var(--color-control) 43%,var(--color-danger) 44%,var(--color-danger) 55%,var(--color-control) 56%)}html[data-theme=obsidian] .note-style-preview-lines,html[data-theme=obsidian] .note-style-preview-lines:before,html[data-theme=obsidian] .note-style-preview-lines:after{background:#f5f5f585}html[data-theme=obsidian] .note-style-preview-lined:before{background:#fbb6cead}html[data-theme=obsidian] .board-background-preview{border-color:#505050;background-color:#121212}html[data-theme=obsidian] .board-background-preview-grid{background-image:linear-gradient(#333333 1px,transparent 1px),linear-gradient(90deg,#333333 1px,transparent 1px)}html[data-theme=obsidian] .board-background-preview-dots{background-image:radial-gradient(circle,#4a4a4a 1px,transparent 1.25px)}html[data-theme=obsidian] .board-background-preview-white{background:#121212}@media(max-width:680px){.settings-overlay{padding:10px}.settings-dialog{height:min(520px,calc(100vh - 20px));max-height:calc(100vh - 20px);border-radius:15px}.settings-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);min-height:0}.settings-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px 8px;border-right:0;border-bottom:1px solid var(--app-border)}.settings-nav button{padding:6px 8px}.settings-content{max-height:none;padding:12px;gap:12px}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.board-create-overlay{padding:8px}.board-create-dialog{max-height:calc(100dvh - 16px);border-radius:15px}.board-create-dialog>header,.board-create-dialog>footer,.board-create-body{padding:13px}.language-options,.theme-options,.shortcut-list{grid-template-columns:1fr}.settings-shortcuts .settings-section-heading{grid-template-columns:20px minmax(0,1fr)}.shortcut-reset{grid-column:2;justify-self:start}}@media(max-width:430px){.settings-header{grid-template-columns:30px minmax(0,1fr) 28px;padding:7px 9px}.settings-heading-icon{width:30px;height:30px;border-radius:9px}.settings-header p{display:none}}@media(prefers-reduced-motion:reduce){.document-page-scroll{scroll-behavior:auto}.document-options-panel,.settings-overlay,.settings-dialog,.guest-auth-overlay,.guest-auth-dialog,.board-create-overlay,.board-create-dialog,.document-open-overlay,.document-open-dialog,.board-area.top-panel-closing .side-panel{animation:none}.asset-library-tabs:before{transition:none}.language-options button,.theme-option,.shortcut-row,.shortcut-row button,.shortcut-reset,.ai-provider-card,.ai-settings-actions button,.ai-key-form button{transition:none;animation:none}}.asset-image-loading{background:#f1f5f9;-webkit-backdrop-filter:none;backdrop-filter:none}.asset-image-loading button,.document-page-load-error button{pointer-events:auto;padding:6px 12px;border:1px solid #94a3b8;border-radius:6px;color:#334155;background:#fff;cursor:pointer}.document-page-load-error strong{max-width:min(480px,80%);text-align:center;overflow-wrap:anywhere}