:root{--bg0:#070b14;--bg1:#0b1220;--glow1: rgba(125,211,252,.16);--glow2: rgba(167,243,208,.12);--panel: rgba(255,255,255,.04);--paper: rgba(255,255,255,.1);--stroke:rgba(255,255,255,.12);--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.66);--muted2:rgba(255,255,255,.62);--shadow: 0 18px 50px rgba(0,0,0,.45);--footerH: 0px;--safeB: env(safe-area-inset-bottom, 0px);--footerTotalH: calc(var(--footerH) + var(--safeB));--barH: 56px;--barPadY: 10px;--barPadX: 12px;--topbarH: var(--barH);--sidebarW: 340px;--editorZoom: 1;--toolRailW: clamp(240px, 24vw, 360px);--adRailW: 220px;--adSideW: 220px;--adSideH: 250px;--adBottomH: 50px;--boardPad: 16px;--paperEdgePad: 18px;--paperEndPad: 42px;--wsH: calc(100dvh - var(--topbarH) - var(--footerTotalH) - 22px);--anim: .28s;--ease: cubic-bezier(.2,.85,.2,1);color-scheme:dark}html[data-theme=light]{--bg0:#f8fafc;--bg1:#eef2f7;--glow1: rgba(59,130,246,.12);--glow2: rgba(16,185,129,.1);--panel: rgba(15,23,42,.04);--paper: #ffffff;--stroke:rgba(15,23,42,.12);--text:rgba(15,23,42,.92);--muted:rgba(15,23,42,.64);--muted2:rgba(15,23,42,.58);--shadow: 0 18px 50px rgba(15,23,42,.12);color-scheme:light}html[data-theme=light] .topbar{background:linear-gradient(180deg,#ffffffeb,#fffc);border-bottom:1px solid rgba(15,23,42,.08)}html[data-theme=light] .panel{background:#ffffffb3;border-color:#0f172a14;box-shadow:0 12px 40px #0f172a14}html[data-theme=light] .sidebar{background:#ffffffeb;border-right:1px solid rgba(15,23,42,.08)}html[data-theme=light] .sideHead,html[data-theme=light] .drawerHead,html[data-theme=light] .editHeader{background:#ffffffe6;border-bottom:1px solid rgba(15,23,42,.08)}html[data-theme=light] .editorTabs{border-bottom-color:#0f172a14}html[data-theme=light] .editorTab:hover:not(.active){background:#0f172a0f}html[data-theme=light] .tabPanels{border-bottom-color:#0f172a0f}html[data-theme=light] .tbBtn:hover{background:#0f172a14}html[data-theme=light] .tbBtn.active,html[data-theme=light] .tbSep{background:#0f172a1f}html[data-theme=light] .drawer{background:#fffffff5;border-right:1px solid rgba(15,23,42,.12)}html[data-theme=light] .menuGlobal{background:#fff;border-color:#0f172a1f;box-shadow:0 18px 60px #0f172a2e}html[data-theme=light] .menuSection+.menuSection{border-color:#00000014}html[data-theme=light] .menuSectionLabel{color:#0000008c}html[data-theme=light] .menuItem:hover{background:#0f172a0f}html[data-theme=light] .menuItemStatic:hover{background:transparent}html[data-theme=light] .menuItem.danger:hover{background:#fb718524}html[data-theme=light] .menuItemRow{background:#0f172a08;border-color:#0f172a14}html[data-theme=light] .menuItemRow.menuToggleRow .menuItem{background:#0f172a0a}html[data-theme=light] .badge{border-color:#0f172a1f;background:#0f172a0a}html[data-theme=light] .menuBtn,html[data-theme=light] .drawField{background:#0f172a0a;border-color:#0f172a1f}html[data-theme=light] .drawField select option{background:#fff;color:#0f172a}html[data-theme=light] .pinIcon svg path{stroke:#0f172ae6}html[data-theme=light] .toast{background:#fffffff2;border-color:#0f172a1f;box-shadow:0 18px 40px #0f172a26}html[data-theme=light] .footerAd{background:#ffffffeb;border-top-color:#0f172a1f}html[data-theme=light] .menuItem.on{background:#3b82f61f;border-color:#3b82f640}html[data-theme=light] .status,html[data-theme=light] .search{background:#0f172a0a;border-color:#0f172a1f}html[data-theme=light] .noteItem{background:#0f172a08;border-color:#0f172a1f}html[data-theme=light] .noteItem.active{background:#3b82f614;border-color:#3b82f640}html[data-theme=light] .drawToolbar{background:#ffffffeb;border-color:#0f172a1f}html[data-theme=light] .toolRailTabs{border-color:#0f172a1f;background:#0f172a08}html[data-theme=light] .toolRailTab:hover{background:#0f172a14}html[data-theme=light] .toolRailTab.active{border-color:#3b82f652;background:#3b82f61f}html[data-theme=light] .drawSizeBadge{color:#0f172a99;border-color:#0f172a1f;background:#0f172a0a}html[data-theme=light] .menuSubPop{border-color:#0f172a1f}html[data-theme=light] .acctPop,html[data-theme=light] .modal{background:#fff;border-color:#0f172a1f;box-shadow:0 18px 60px #0f172a2e}html[data-theme=light] .inputField{background:#0f172a0a;border-color:#0f172a1f}html[data-theme=light] .inputField::placeholder{color:#0f172a73}html[data-theme=light] .googleBtn,html[data-theme=light] .btnSoft{background:#0f172a0a;border-color:#0f172a1f}html[data-theme=light] .introCard{background:#0f172a08;border-color:#0f172a1f}html[data-theme=light] .sectionBlock{background:#ffffffb3;border-color:#0f172a14;box-shadow:0 12px 30px #0f172a14}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:radial-gradient(1200px 800px at 20% 10%,var(--glow1),transparent 60%),radial-gradient(900px 700px at 90% 20%,var(--glow2),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));background-attachment:fixed,fixed,fixed;background-repeat:no-repeat,no-repeat,no-repeat;min-height:100vh}*{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{touch-action:manipulation}*{scrollbar-width:thin;scrollbar-color:rgba(125,211,252,.2) rgba(255,255,255,.06)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}*::-webkit-scrollbar-thumb{background:#7dd3fc38;border:2px solid rgba(255,255,255,.05);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#7dd3fc52}.wrap{width:100%;max-width:96vw;margin:0 auto;padding:0 18px}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.topbar{position:sticky;top:0;z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#070b14eb,#070b14b8);border-bottom:1px solid var(--stroke)}.topbarRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--barPadY) 0;min-height:var(--topbarH)}.rightCluster{display:flex;align-items:center;gap:10px;justify-content:flex-end;min-width:0}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.2px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1;flex:0 0 auto}.dot{width:34px;height:34px;border-radius:10px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #00000073}.logoImg{width:100%;height:100%;object-fit:contain;display:block;background:#ffffff05;padding:4px}.brandText{font-size:20px;display:flex;align-items:baseline;text-shadow:0 10px 40px rgba(0,0,0,.55);-webkit-user-select:none;user-select:none}.brandText span{display:inline-block;transform:translateY(-.5px)}.brandText .r{color:#fb7185fa}.brandText .g{color:#34d399eb}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);cursor:pointer;transition:.15s transform,.15s background;-webkit-user-select:none;user-select:none;white-space:nowrap;height:40px;flex:0 0 auto}.pill:disabled{opacity:.45;cursor:not-allowed;transform:none}.pillMini{height:28px;padding:6px 10px;font-size:12px;border-radius:999px}.btnIcon{display:inline-flex;align-items:center;justify-content:center}.btnIcon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pill:hover{transform:translateY(-1px);background:#ffffff14}.pill:active{transform:translateY(0)}.pillPrimary{border-color:#7dd3fc47;background:#7dd3fc1a}.pillDanger{border-color:#fb718559;background:#fb71851f;color:var(--text)}.authSlot{min-width:112px;justify-content:center}.avatarBtn{padding:0;width:40px;min-width:40px;justify-content:center;border-radius:999px;overflow:hidden}.avatarBtn img{width:100%;height:100%;object-fit:cover;display:block}.avatarFallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--text);background:#7dd3fc1f}.status{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted2);-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;height:40px;flex:0 1 auto;min-width:0;transition:background var(--anim) var(--ease),border-color var(--anim) var(--ease)}.status:hover{background:#ffffff14;border-color:#ffffff29}.status:hover{background:#ffffff0f}.statusText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.statusDot{width:8px;height:8px;border-radius:999px;background:#ffffff59}.statusDot.ok{background:#86efaccc}.statusDot.warn{background:#fbbf24cc}.statusDot.err{background:#fb7185d9}main{padding:12px 0 20px;padding-bottom:calc(var(--footerTotalH) + 16px)}.panel{border:1px solid var(--stroke);background:var(--panel);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;position:relative}.workspace{height:var(--wsH);overflow:hidden;position:sticky;top:var(--topbarH)}.panel.workspace{margin-bottom:24px}body.editorMax,body.browserFull{overflow:hidden}body.editorMax .topbar,body.editorMax .introCard,body.editorMax .landing,body.editorMax .footerAd,body.editorMax .backToEditor,body.editorMax .adRail,body.editorMax .toolRail,body.browserFull .topbar,body.browserFull .introCard,body.browserFull .landing,body.browserFull .footerAd,body.browserFull .backToEditor,body.browserFull .adRail,body.browserFull .toolRail{display:none}body.editorMax main,body.browserFull main{padding:0}body.editorMax .panel.workspace,body.browserFull .panel.workspace{margin:0;border-radius:0;background:transparent;border:none;box-shadow:none}body.editorMax .workspace,body.browserFull .workspace{position:fixed;inset:0;height:100dvh;z-index:9000}body.editorMax .editorPane,body.browserFull .editorPane{background:transparent}body.editorMax .editorTabs,body.browserFull .editorTabs,body.editorMax .tabPanels,body.browserFull .tabPanels{display:none}.deskLayout{display:grid;grid-template-columns:clamp(200px,18vw,260px) minmax(0,1fr) var(--toolRailW);gap:18px;align-items:start;width:100%}.introCard{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:18px;padding:16px;box-shadow:0 12px 40px #00000052;position:sticky;top:calc(var(--topbarH) + 12px)}.introBrand{display:flex;align-items:center;gap:10px;margin-bottom:10px}.introTitle{font-size:16px;font-weight:900;margin:0 0 6px}.introText{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.introList{margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.55}.introList li{margin:4px 0}.introListMobile{display:none}.introActions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.introHint{margin-top:10px;color:var(--muted2);font-size:12px}.adRail{display:none;position:relative}.adRailInner{position:sticky;top:calc(var(--topbarH) + 12px);border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:16px;padding:10px;box-shadow:0 12px 40px #00000047;overflow:hidden}.adInnerSide{min-height:var(--adSideH);max-width:var(--adSideW);width:100%;margin:0 auto}.toolRail{display:none;position:relative}.toolRailInner{position:sticky;top:calc(var(--topbarH) + 12px);display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - var(--topbarH) - 24px);overflow:auto;padding:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:16px;box-shadow:0 12px 40px #00000047}.toolDock{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:14px;padding:10px}.toolDockTitle{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);margin:0 0 8px}.toolRailTabs{display:flex;gap:6px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff08;margin-bottom:8px}.toolRailTabs.hidden{display:none}.toolRailTab{flex:1;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted2);font-size:12px;font-weight:700;letter-spacing:.01em;min-height:34px;cursor:pointer;transition:background var(--anim) var(--ease),border-color var(--anim) var(--ease),color var(--anim) var(--ease)}.toolRailTab:hover{color:var(--text);background:#ffffff0f}.toolRailTab.active{color:var(--text);border-color:#7dd3fc4d;background:#7dd3fc24}.dockMenu{display:flex;flex-direction:column;gap:6px}#toolDockDraw,.toolRail.drawMode #toolDockMenu{display:none}.toolRail.drawMode #toolDockDraw{display:block}.toolRail.drawMode .drawToolbar{display:flex}.dockDrawWrap{width:100%}.drawToolbar.docked{position:static;inset:auto;transform:none;box-shadow:none;border:none;background:transparent;padding:0;width:100%;flex-direction:column;align-items:stretch}.drawToolbar.docked .drawGroup{width:100%}.drawToolbar.docked .pill{width:100%;justify-content:center}.drawToolbar.docked .drawField{width:100%;justify-content:space-between}.drawToolbar.docked #drawToolbarHandle,.drawToolbar.docked #drawPosSelect{display:none}.sidebar{position:absolute;top:0;left:0;bottom:0;width:var(--sidebarW);border-right:1px solid rgba(255,255,255,.1);background:#0a101e9e;display:flex;flex-direction:column;min-width:260px;transform:translate(-100%);transition:transform var(--anim) var(--ease);z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workspace.sidebarOpen .sidebar{transform:translate(0)}.deskOverlay{position:absolute;inset:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:250}.workspace.sidebarOpen .deskOverlay{opacity:1;pointer-events:auto}.sideHead,.drawerHead,.editHeader{min-height:var(--barH);padding:0 var(--barPadX);display:flex;align-items:center}.sideHead{border-bottom:1px solid rgba(255,255,255,.08);background:#0a101ec7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:0 0 auto}.sideRow{display:flex;align-items:center;gap:10px;width:100%}.search{flex:1;display:flex;align-items:center;gap:10px;border:1px solid var(--stroke);background:#ffffff0d;border-radius:999px;padding:10px 12px;min-width:0;height:40px}.search input{width:100%;border:none;outline:none;background:transparent;color:var(--text)}.sideList{padding:12px;overflow:auto;flex:1}.noteItem{border:1px solid rgba(255,255,255,.12);background:#ffffff0d;border-radius:14px;padding:12px;margin-bottom:10px;cursor:pointer;transition:transform var(--anim) var(--ease),background .15s ease;position:relative;overflow:visible;will-change:transform}.noteItem:hover{transform:translateY(-1px);background:#ffffff12}.noteItem.active{border-color:#7dd3fc4d;background:#7dd3fc14}.noteTop{display:flex;gap:10px;align-items:flex-start}.noteTitle{font-weight:900;margin:0;line-height:1.2}.pinIcon{position:absolute;top:10px;right:56px;width:24px;height:24px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(251,113,133,.22);background:#fb71851a;color:var(--text);box-shadow:0 10px 30px #00000040;pointer-events:none}.pinIcon svg{width:14px;height:14px;display:block}.preview{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menuBtn{margin-left:auto;width:40px;height:40px;border-radius:12px;border:1px solid var(--stroke);background:#ffffff0d;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:var(--text)}.menuBtn:hover{background:#ffffff14}.editorPane{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;min-width:0;z-index:10}.editHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;background:#0a101ec7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);flex:0 0 auto}.editHeader .menuBtn{margin-left:0}.editorTabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background:var(--bg1);padding:0 8px;gap:2px;flex:0 0 auto}.editorTabs.hidden{display:none}.editorTab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:none;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--anim) var(--ease)}.editorTab.active{color:var(--text);border-bottom-color:var(--accent, #55B6FF)}.editorTab:hover:not(.active){color:var(--text);background:#ffffff0a}.tabPanels{background:var(--bg1);border-bottom:1px solid rgba(255,255,255,.06);flex:0 0 auto}.tabPanels.hidden{display:none}.tabPanel{display:flex;align-items:center;padding:6px 12px;gap:4px;flex-wrap:wrap;min-height:40px}.tabPanel.hidden{display:none}.tbBtn{padding:6px 10px;border:none;background:none;color:var(--text);border-radius:6px;cursor:pointer;font-size:13px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background var(--anim) var(--ease)}.tbBtn:hover{background:#ffffff14}.tbBtn.active{background:#ffffff1f}.tbSep{width:1px;height:20px;background:#ffffff1a;margin:0 4px}.tbColorInput{width:28px;height:28px;padding:0;border:none;border-radius:6px;cursor:pointer;background:transparent}.tabPanel .drawToolbar{position:static;inset:auto;transform:none;box-shadow:none;border:none;border-radius:0;padding:6px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.editorFloatBar{position:absolute;right:12px;top:12px;z-index:12;display:none;gap:8px;align-items:center;padding:8px;border-radius:14px;background:#0a101ed6;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editorFloatBar.show{display:flex}.floatFab{position:fixed;bottom:24px;right:24px;z-index:9100;display:none}body.editorMax .floatFab,body.browserFull .floatFab{display:block}.fabBtn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#0f182af2;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--anim) var(--ease),background var(--anim) var(--ease)}.fabBtn:hover{background:#19263efa;transform:scale(1.05)}.floatFab.open .fabBtn svg{transform:rotate(90deg)}.fabBtn svg{transition:transform var(--anim) var(--ease)}.fabPanel{position:absolute;bottom:60px;right:0;width:320px;max-height:400px;background:#0f182af7;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 40px #00000080;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;display:none;flex-direction:column}.floatFab.open .fabPanel{display:flex}.fabPanelHeader{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.fabPanelBtn{flex:1;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--anim) var(--ease)}.fabPanelBtn:hover{background:#ffffff1f}.fabTabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.fabTab{flex:1;padding:8px 12px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--anim) var(--ease),color var(--anim) var(--ease)}.fabTab:hover{color:var(--text);background:#ffffff0f}.fabTab.active{background:#7dd3fc26;color:var(--text)}.fabTabContent{flex:1 1 auto;overflow-y:auto;padding:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start}.fabTabContent .tbBtn,.fabTabContent .tbSep{margin:0}.fabTabContent .drawGroup{width:100%}html[data-theme=light] .floatFab .fabBtn,html[data-theme=light] .floatFab .fabPanel{background:#fffffff7;border-color:#0f172a1f;color:var(--text)}html[data-theme=light] .floatFab .fabPanelBtn,html[data-theme=light] .floatFab .fabTab{background:#0f172a0a;border-color:#0f172a1f}html[data-theme=light] .floatFab .fabTab.active{background:#3b82f61f}.titleInput{width:100%;font-size:18px;font-weight:900;border:none;outline:none;color:var(--text);background:transparent;padding:10px;border-radius:12px;border:1px solid transparent;text-align:center;-webkit-text-size-adjust:100%}.titleInput:focus{border-color:#7dd3fc59;background:#7dd3fc0f}.editorShell{padding:0;flex:1 1 auto;overflow:hidden;position:relative}.paperScroll{height:100%;overflow:auto;padding:var(--paperEdgePad);padding-bottom:calc(var(--paperEdgePad) + var(--paperEndPad));cursor:text;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(125,211,252,.18) rgba(255,255,255,.02)}.paperScroll::-webkit-scrollbar{width:10px}.paperScroll::-webkit-scrollbar-track{background:#ffffff05;border-radius:999px;margin:18px 0}.paperScroll::-webkit-scrollbar-thumb{background:#7dd3fc29;border-radius:999px;border:2px solid rgba(255,255,255,.02)}.paperScroll::-webkit-scrollbar-thumb:hover{background:#7dd3fc3d}.board{position:relative;background:var(--noteBg, #ffffff);border:1px solid var(--noteBorder, rgba(15,23,42,.12));border-radius:10px;box-shadow:var(--noteShadow, inset 0 1px 0 rgba(255,255,255,.06));color:var(--noteText, var(--text))}.boardInner{position:absolute;inset:0;overflow:visible}.textLayer,.imageLayer,.drawLayer{position:absolute;inset:0}.textLayer{z-index:2}.imageLayer{z-index:3;pointer-events:none;overflow:visible}.drawLayer{z-index:4;pointer-events:none;overflow:visible}.textLayerInner{position:absolute;inset:0;transform-origin:top left}.drawLayer{width:100%;height:100%}.imageLayer .noteImage{position:absolute;pointer-events:auto;cursor:default;-webkit-user-select:none;user-select:none;border:2px solid transparent;border-radius:4px;transition:border-color var(--anim, .15s)}.imageLayer .noteImage:hover{border-color:#55b6ff66}.imageLayer .noteImage.selected{border-color:#55b6ffcc}.imageLayer .noteImage img{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.imageHandleGroup{pointer-events:none;z-index:5}.imageHandle{pointer-events:auto;z-index:6;box-shadow:0 1px 4px #0000004d}.imageRotHandle{cursor:grab}.imageRotHandle:active{cursor:grabbing}.imageRotLine{opacity:.6}.workspace.drawMove .noteImage{cursor:move}.workspace:not(.drawMode) .noteImage{cursor:move}.textBox{position:absolute;min-width:140px;min-height:44px;border-radius:10px;color:var(--noteText, var(--text))}.textBoxContent{outline:none;min-height:32px;background:transparent;color:var(--noteText, var(--text));font-size:calc(16px * var(--boxZoom, 1));line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.textBoxContent p{margin:0 0 10px}.textBoxContent ul,.textBoxContent ol{margin:0 0 10px;padding-inline-start:1.35em}.textBoxContent ul{list-style-type:disc}.textBoxContent ul ul{list-style-type:circle;margin:2px 0}.textBoxContent ul ul ul{list-style-type:square;margin:2px 0}.textBoxContent ol{list-style-type:decimal}.textBoxContent ol ol{list-style-type:lower-alpha;margin:2px 0}.textBoxContent ol ol ol{list-style-type:lower-roman;margin:2px 0}.textBoxContent li{margin:4px 0}.textBoxContent h1,.textBoxContent h2,.textBoxContent h3,.textBoxContent h4,.textBoxContent h5,.textBoxContent h6{margin:8px 0 4px;line-height:1.3;font-weight:800}.textBoxContent h1{font-size:2em}.textBoxContent h2{font-size:1.5em}.textBoxContent h3{font-size:1.17em}.textBoxContent h4{font-size:1em}.textBoxContent h5{font-size:.83em}.textBoxContent h6{font-size:.67em;color:var(--noteTextMuted, rgba(255,255,255,.6))}.textBoxContent i,.textBoxContent em{font-style:italic}.textBoxContent u{text-decoration:underline}.textBoxContent s,.textBoxContent strike,.textBoxContent del{text-decoration:line-through}.textBoxContent blockquote{border-left:3px solid rgba(125,211,252,.5);margin:6px 0;padding:4px 12px;color:var(--noteTextMuted, rgba(255,255,255,.7))}.textBoxContent code{background:#7dd3fc14;border:1px solid rgba(125,211,252,.15);border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em}.textBoxContent pre{background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;overflow-x:auto;margin:6px 0}.textBoxContent pre code{background:none;border:none;padding:0}.textBoxContent table{border-collapse:collapse;margin:6px 0;width:100%}.textBoxContent th,.textBoxContent td{border:1px solid rgba(255,255,255,.2);padding:6px 10px;text-align:left}.textBoxContent th{background:#7dd3fc14;font-weight:700}.textBoxContent a{color:#7dd3fcf2;text-decoration:underline}.textBoxContent .checklist{list-style:none;padding-inline-start:0;margin:0 0 10px}.textBoxContent .checklist li{display:flex;align-items:flex-start;gap:10px}.textBoxContent .checklist input[type=checkbox]{width:18px;height:18px;margin-top:2px;appearance:none;-webkit-appearance:none;border:2px solid var(--noteText, var(--text));border-radius:5px;background:transparent;position:relative;color:var(--noteText, var(--text));flex:0 0 auto;cursor:pointer;box-shadow:inset 0 0 0 1px #0000000a}.textBoxContent .checklist input[type=checkbox]:checked{background:#7dd3fc1f;border-color:#7dd3fcd9;color:#7dd3fcf2}.textBoxContent .checklist input[type=checkbox]:before{content:"";position:absolute;inset:-6px}.textBoxContent .checklist li span{min-width:0;flex:1 1 auto}.textBoxContent .checklist input[type=checkbox]:after{content:"";position:absolute;width:7px;height:11px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);left:5px;top:1px;opacity:0}.textBoxContent .checklist input[type=checkbox]:checked:after{opacity:1}.textBoxContent[dir=ltr] .checklist{direction:ltr}.textBoxContent[dir=ltr] .checklist li{flex-direction:row;justify-content:flex-start}.textBoxContent[dir=rtl] .checklist{direction:rtl}.textBoxContent[dir=rtl] .checklist li{flex-direction:row-reverse;justify-content:flex-end}.textBoxContent hr{border:none;border-top:1px solid var(--noteLine, rgba(255,255,255,.35));margin:14px 0;opacity:.85}.textBoxContent b,.textBoxContent strong{font-weight:900;text-shadow:0 0 0 rgba(0,0,0,0),0 .8px 0 rgba(255,255,255,.2);letter-spacing:.12px}.textBoxContent:empty:before{content:attr(data-placeholder);color:var(--noteTextMuted, rgba(255,255,255,.35));pointer-events:none}.textBoxHandles{position:absolute;inset:-8px;pointer-events:none;display:none}.textHandle{position:absolute;width:10px;height:10px;border-radius:50%;background:#7dd3fce6;box-shadow:0 0 0 3px #070b14d9;pointer-events:auto}.textHandle[data-handle=nw]{left:-4px;top:-4px;cursor:nwse-resize}.textHandle[data-handle=ne]{right:-4px;top:-4px;cursor:nesw-resize}.textHandle[data-handle=sw]{left:-4px;bottom:-4px;cursor:nesw-resize}.textHandle[data-handle=se]{right:-4px;bottom:-4px;cursor:nwse-resize}.textHandle[data-handle=n]{top:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.textHandle[data-handle=s]{bottom:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.textHandle[data-handle=w]{left:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize}.textHandle[data-handle=e]{right:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize}.boardHandles{position:absolute;inset:0;z-index:5;pointer-events:none;display:none}.boardHandle{position:absolute;width:12px;height:12px;border-radius:50%;background:#fbbf24e6;box-shadow:0 0 0 3px #070b14cc;pointer-events:auto}.boardHandle[data-handle=nw]{left:-6px;top:-6px;cursor:nwse-resize}.boardHandle[data-handle=ne]{right:-6px;top:-6px;cursor:nesw-resize}.boardHandle[data-handle=sw]{left:-6px;bottom:-6px;cursor:nesw-resize}.boardHandle[data-handle=se]{right:-6px;bottom:-6px;cursor:nwse-resize}.boardHandle[data-handle=n]{top:-8px;left:50%;transform:translate(-50%);cursor:ns-resize}.boardHandle[data-handle=s]{bottom:-8px;left:50%;transform:translate(-50%);cursor:ns-resize}.boardHandle[data-handle=w]{left:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}.boardHandle[data-handle=e]{right:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}.drawToolbar{position:absolute;right:18px;top:18px;z-index:6;display:none;gap:8px;flex-wrap:wrap;align-items:center;padding:10px;border-radius:14px;background:#0a101ee0;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drawToolbar.dragMode,.drawToolbar.dragMode *{cursor:grab}.drawToolbar.dragging{cursor:grabbing}.drawGroup{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.drawDragHandle{cursor:grab}.drawToolbar.floating{position:fixed}.drawToolbar .pill{height:34px}.drawField{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:12px}.drawField input[type=color]{width:28px;height:24px;border:none;padding:0;background:transparent}.drawField input[type=range]{width:110px}.drawField select{background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:var(--text);border-radius:8px;padding:4px 6px}.drawField select option{background:#0f182a;color:var(--text)}.drawShapeField,.drawEraserField,.drawManualOnly,.drawTextErase{display:none}.drawSizeBadge{font-size:12px;color:var(--muted2);padding:4px 8px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.drawSizeBadge.warn{color:#fbbf24f2;border-color:#fbbf2459;background:#fbbf241f}.workspace.drawMode .drawToolbar{display:flex}.workspace.drawMode .textBox{outline:1px dashed rgba(125,211,252,.35)}.workspace.drawMode.drawMove .textBox{cursor:move}.workspace.drawMode.drawMove .textBoxHandles{display:block}.workspace.drawMode.drawPen .drawLayer{pointer-events:auto}.workspace.drawMode.drawPen .drawLayer{touch-action:none}.workspace.drawMode.drawShape .drawLayer,.workspace.drawMode.drawEraser .drawLayer{pointer-events:auto;touch-action:none}.workspace.drawMode.drawShape .drawShapeField,.workspace.drawMode.drawEraser .drawEraserField,.workspace.drawMode.drawEraser.eraseManual .drawManualOnly{display:flex}.workspace.drawMode.drawEraser .drawTextErase{display:inline-flex}.workspace.drawMode.drawEraser.eraseManual .drawTextErase{display:none}.workspace.drawMode.drawMove .boardHandles{display:block}.workspace.drawMode.drawMove .paperScroll{cursor:grab}.workspace.drawMode.drawMove .paperScroll.dragging{cursor:grabbing}.workspace.drawMode.drawPen .paperScroll,.workspace.drawMode.drawShape .paperScroll{cursor:crosshair}.footerAd{position:fixed;left:0;right:0;bottom:0;z-index:9000;border-top:1px solid rgba(255,255,255,.12);background:#070b14e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:var(--footerTotalH);padding-bottom:var(--safeB);display:flex;align-items:center}.footerAd .wrap{position:relative}.adInner{width:100%;display:flex;align-items:center;justify-content:center;color:var(--muted2);font-size:13px;padding:0 12px}.adInnerBottom{min-height:var(--adBottomH)}.adConsent{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}.adConsentText{font-size:12px;color:var(--muted2);line-height:1.4}.adConsentText a{color:#7dd3fceb;text-decoration:none}.adConsentText a:hover{text-decoration:underline}.adFooterBtn{height:32px;padding:6px 10px;font-size:12px}.adChoicesBtn{position:absolute;right:12px;top:8px;z-index:2;border:1px solid rgba(255,255,255,.12);background:#070b14a6;color:var(--muted2);border-radius:999px;padding:4px 8px;font-size:11px;cursor:pointer;display:none}.adChoicesBtn:hover{color:var(--text);background:#ffffff14}@media(min-width:1100px){.toolRail{display:block}.footerAd{display:none}main{padding-bottom:24px}.editorTabs,.tabPanels{display:none!important}}@media(max-width:1100px){.deskLayout{grid-template-columns:1fr}.introCard{position:static}.toolRail{display:none}}.menuOverlay{position:fixed;inset:0;z-index:8200;display:none;background:#0000}.menuOverlay.open{display:block}.menuGlobal{position:fixed;z-index:8201;display:none;min-width:260px;max-height:min(80vh,540px);overflow:auto;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.16);background:#0f182a;border-radius:12px;padding:10px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.menuGlobal.open{display:block}.menuGlobal::-webkit-scrollbar{width:8px;height:8px}.menuGlobal::-webkit-scrollbar-track{background:transparent;border-radius:4px}.menuGlobal::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.menuGlobal::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.menuSection{padding:4px 0}.menuSection+.menuSection{border-top:1px solid rgba(255,255,255,.08)}.menuSectionLabel{padding:6px 14px 2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#ffffff8c;-webkit-user-select:none;user-select:none}.menuItem{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:8px;cursor:pointer;transition:background var(--anim) var(--ease);font-size:13px;font-weight:500;min-height:36px;color:var(--text);-webkit-user-select:none;user-select:none}.menuItemStatic{cursor:default;opacity:.92}.menuItem:hover{background:#ffffff14}.menuItemStatic:hover{background:transparent}.menuItem .menuIcon,.menuItem .menuItemIcon{width:18px;height:18px;min-width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7}.menuItem .menuShortcut{margin-left:auto;font-size:11px;opacity:.4;font-weight:400}.menuItem.active,.menuItem.on{background:#7dd3fc1f;border:1px solid rgba(125,211,252,.18)}.menuItem.active .menuIcon,.menuItem.active .menuItemIcon,.menuItem.on .menuIcon,.menuItem.on .menuItemIcon{opacity:1;color:var(--accent, #55B6FF)}.menuItemIcon{font-size:14px;letter-spacing:1px;color:var(--muted2);min-width:28px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.menuItemIcon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.menuItemEnd{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.listIcon{min-width:44px;justify-content:flex-start;gap:6px}.listIconCol{display:flex;flex-direction:column;gap:2px}.listRow{display:flex;align-items:center;gap:2px}.listRow .dot{width:4px;height:4px;border-radius:50%;background:var(--muted2);flex:0 0 auto}.listRow .box{width:6px;height:6px;border:1px solid var(--muted2);border-radius:2px;flex:0 0 auto;background:transparent}.listRow.checked .box{background:var(--muted2)}.listRow .line{width:12px;height:2px;background:var(--muted2);border-radius:2px;opacity:.9}.menuItem.danger:hover{background:#fb718524}.menuItemRow{padding:10px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);margin-top:8px}.menuItemRow.menuToggleRow{padding:6px}.menuItemRow.menuToggleRow .menuItem{padding:8px 10px;border-radius:10px;background:#ffffff08}.menuSubPop{min-width:220px;max-height:min(70vh,420px);overflow:auto;opacity:0;transform:translate(-4px);transition:opacity var(--anim) var(--ease),transform var(--anim) var(--ease)}.menuSubPop.open{opacity:1;transform:translate(0)}.menuRowTitle{font-size:12px;color:var(--muted2);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:8px}.menuRowBtns{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:var(--muted2);background:#ffffff0a;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.colorChip{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.28);box-shadow:0 0 0 3px #0000001f inset}.drawerOverlay{position:fixed;inset:0;z-index:7000;display:none;background:#0000008c;transition:background .18s ease}.drawerOverlay.open{display:block}.drawer{position:fixed;left:0;top:var(--topbarH);bottom:var(--footerTotalH);width:min(92vw,360px);background:#0a101ef5;border-right:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px #000000a6;transform:translate(-100%);transition:transform var(--anim) var(--ease);z-index:7001;display:flex;flex-direction:column;overflow:hidden;will-change:transform;touch-action:pan-y}.drawerOverlay.open .drawer{transform:translate(0)}.drawerHead{border-bottom:1px solid rgba(255,255,255,.08);background:#0a101ebf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:0 0 auto}.drawerList{padding:12px;overflow:auto;flex:1}.acctPop{position:fixed;z-index:9100;display:none;min-width:300px;max-width:360px;border:1px solid rgba(255,255,255,.16);background:#0f182a;border-radius:16px;padding:12px;box-shadow:0 18px 70px #000000bf}.acctPop.open{display:block}.acctRow{display:flex;gap:12px;align-items:center}.acctImg{width:42px;height:42px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);object-fit:cover}.acctName{font-weight:900;margin:0;line-height:1.2}.acctEmail{margin:2px 0 0;color:var(--muted);font-size:13px;word-break:break-all}.acctHint{margin-top:10px;font-size:12px;color:var(--muted2);line-height:1.45}.acctBtns{margin-top:12px;display:flex;gap:10px;justify-content:flex-start}.acctBtns .btnSoft{width:100%;justify-content:center}.acctTheme{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.12)}.acctThemeTitle{font-size:12px;color:var(--muted2);margin-bottom:8px}.acctThemeBtns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btnSoft{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:900}.btnSoft:hover{background:#ffffff14}.modalOverlay{position:fixed;inset:0;z-index:9500;background:#000000a6;display:none;align-items:center;justify-content:center;padding:16px}.modalOverlay.open{display:flex}.modal{width:min(640px,100%);border:1px solid rgba(255,255,255,.16);background:radial-gradient(900px 480px at 20% 0%,rgba(125,211,252,.14),transparent 55%),radial-gradient(700px 480px at 90% 10%,rgba(167,243,208,.1),transparent 55%),#0c1222f5;border-radius:22px;box-shadow:0 40px 120px #000000b3;overflow:hidden;transform:translateY(6px);animation:popIn .18s ease forwards}@keyframes popIn{to{transform:translateY(0)}}.modalHead{padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px;background:#ffffff08;font-weight:900}.modalBody{padding:16px}.modalFoot{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;background:#ffffff08}.listBox{max-height:46vh;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff08;padding:10px}.listLine{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;margin-bottom:10px}.colorGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.swatch{height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.16);cursor:pointer;box-shadow:inset 0 1px #ffffff24}.swatch.on{outline:2px solid rgba(125,211,252,.65);outline-offset:2px}.colorTools{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hexInput{flex:1;min-width:170px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:var(--text);border-radius:12px;padding:10px 12px;outline:none}.hexInput:focus{border-color:#7dd3fc59;background:#7dd3fc0f}.colorPreview{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--muted);font-size:13px;font-weight:900}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--footerTotalH) + 10px);z-index:9800;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0a101eeb;color:var(--text);display:none;box-shadow:0 18px 60px #00000080;font-size:13px;font-weight:900}.toast.show{display:block}.navLinks{display:flex;align-items:center;gap:12px;margin-left:14px;flex-wrap:wrap}.navLinks a{color:var(--muted);text-decoration:none;font-weight:800;font-size:13px;padding:6px 10px;border-radius:12px;transition:color .2s,background .2s;border:1px solid transparent}.navLinks a:hover{color:var(--text);background:#ffffff0f;border-color:var(--stroke)}.hideSidebarBtn{display:none;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:var(--text);font-weight:800;cursor:pointer;height:36px;flex:0 0 auto}@media(min-width:1024px){.hideSidebarBtn{display:inline-flex}}.landing{margin-top:24px;display:flex;flex-direction:column;gap:22px;padding-bottom:120px}.ctaRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.pillGhost{border-color:#ffffff1f;background:#ffffff0a}.sectionBlock{padding:22px 22px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;box-shadow:0 12px 40px #00000052}.sectionHead{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.sectionHead h2{margin:0;font-size:20px;letter-spacing:.2px}.sectionLabel{font-size:12px;padding:4px 8px;border-radius:10px;background:#7dd3fc1f;color:#7dd3fceb;border:1px solid rgba(125,211,252,.22);font-weight:800;letter-spacing:.2px}.featureGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.featureCard{padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;display:flex;flex-direction:column;gap:6px}.featureCard strong{font-size:15px}.featureCard p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.feedbackForm{display:flex;flex-direction:column;gap:10px}.inputField{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text);font-size:14px}.inputField::placeholder{color:#ffffff85}.inputField:focus{outline:none;border-color:#7dd3fc47;background:#ffffff0f;box-shadow:0 0 0 3px #7dd3fc1f}#feedbackStatus,#feedbackModalStatus{font-size:12px;color:var(--muted);min-height:16px}.backToEditor{position:fixed;right:16px;bottom:calc(var(--footerTotalH) + 16px);z-index:9300;display:none;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid rgba(125,211,252,.55);background:#0c1222f0;color:#f0f9fff5;font-weight:900;box-shadow:0 18px 70px #000000a6,0 0 0 4px #7dd3fc1a;cursor:pointer}.backToEditor.show{display:inline-flex}.googleBtn{width:100%;max-width:360px;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:var(--text);cursor:pointer;font-weight:900;-webkit-user-select:none;user-select:none}.googleBtn:hover{background:#ffffff1f}.googleLogo{width:18px;height:18px;display:inline-block}.modalBodyCenter{display:flex;justify-content:center}@media(max-width:760px){:root{--barH: 52px;--barPadY: 8px;--barPadX: 10px}.navLinks{display:none}main{padding:8px 0 16px;padding-bottom:calc(var(--footerTotalH) + 14px)}.introCard{padding:12px}.introTitle{font-size:14px}.introText{font-size:11px}.introList{font-size:11px;line-height:1.35}.introListDesktop{display:none}.introListMobile{display:block}.brandText{font-size:18px}.rightCluster{gap:8px}.status{padding:8px}.statusText{max-width:120px}.pill{padding:10px}.sidebar,.deskOverlay{display:none}.editorShell{padding:0}.editHeader{gap:8px}.editorTabs{padding:0 6px}.editorTab{padding:6px 12px;font-size:12px}.tabPanel{padding:6px 8px;min-height:36px}.tbBtn{min-width:28px;height:28px;font-size:12px}.colorGrid{grid-template-columns:repeat(4,1fr)}.drawToolbar{position:fixed;left:50%;right:auto;top:auto;bottom:calc(var(--footerTotalH) + 12px);transform:translate(-50%);width:min(94vw,920px);max-height:50vh;overflow:auto;z-index:9200}.drawToolbar .drawGroup{width:100%}.drawToolbar .drawField input[type=range]{width:90px}.menuGlobal{min-width:unset;width:min(94vw,360px);padding:6px;border-radius:12px}.menuItem{padding:8px;font-size:13px}.menuItemRow{padding:6px}.menuRowTitle{font-size:11px;margin-bottom:4px}.menuItemRow.menuToggleRow .menuItem{padding:7px 8px}.menuSubPop{width:min(88vw,320px)}}html.editorLocked,body.editorLocked{overflow:hidden;overscroll-behavior:none}body.editorLocked main{padding-bottom:0}.shapePicker{position:absolute;display:none;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;background:#0a101ef5;border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 18px 50px #0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:224px}.shapePicker.open{display:grid}.shapePickerItem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;border-radius:10px;cursor:pointer;transition:background .12s,border-color .12s;min-width:66px}.shapePickerItem:hover{background:#ffffff1a;border-color:#ffffff2e}.shapePickerItem.active{border-color:#7dd3fc80;background:#7dd3fc1f}.shapePickerItem svg{width:32px;height:24px;stroke:var(--text);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.shapePickerItem .shapeLabel{font-size:10px;color:var(--muted2);white-space:nowrap}.drawShapeBtnWrap{position:relative}html[data-theme=light] .shapePicker{background:#fffffff5;border-color:#0f172a1f;box-shadow:0 18px 50px #0f172a2e}html[data-theme=light] .shapePickerItem{background:#0f172a08;border-color:#0f172a14}html[data-theme=light] .shapePickerItem:hover{background:#0f172a14}html[data-theme=light] .shapePickerItem.active{background:#3b82f61a;border-color:#3b82f659}html[data-theme=light] .shapePickerItem svg{stroke:#0f172ad9}html[data-theme=light] .textBoxContent blockquote{border-left-color:#3b82f666}html[data-theme=light] .textBoxContent code{background:#3b82f60f;border-color:#3b82f61f}html[data-theme=light] .textBoxContent pre{background:#0f172a0a;border-color:#0f172a14}:focus-visible{outline:2px solid rgba(125,211,252,.7);outline-offset:2px;border-radius:4px}html[data-theme=light] :focus-visible{outline-color:#3b82f699}.pill:focus-visible,.tbBtn:focus-visible,.editorTab:focus-visible,.toolRailTab:focus-visible,.fabTab:focus-visible,.fabPanelBtn:focus-visible,.menuItem:focus-visible,.noteItem:focus-visible,.shapePickerItem:focus-visible{outline-offset:-2px}.titleInput:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.modalTitle{font-size:16px;font-weight:700;margin:0;line-height:1.4}.wordCount{font-size:11px;color:var(--muted2);white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0}.noteBottom{display:flex;align-items:baseline;gap:8px;min-width:0}.noteTime{font-size:11px;color:var(--muted2);white-space:nowrap;flex-shrink:0}.drawerCloseBtn{min-width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.noteItem.emptyState{opacity:.7;text-align:center;padding:24px 16px}html[data-theme=light] *{scrollbar-color:rgba(15,23,42,.15) rgba(15,23,42,.04)}html[data-theme=light] *::-webkit-scrollbar-track{background:#0f172a08}html[data-theme=light] *::-webkit-scrollbar-thumb{background:#0f172a26;border-color:#0f172a08}html[data-theme=light] *::-webkit-scrollbar-thumb:hover{background:#0f172a40}html[data-theme=light] .editorFloatBar{background:#ffffffeb;border-color:#0f172a1f;box-shadow:0 18px 50px #0f172a26}html[data-theme=light] .backToEditor{background:#fffffff5;border-color:#3b82f666;color:#0f172ae6;box-shadow:0 8px 24px #0f172a1f}html[data-theme=light] .hideSidebarBtn{border-color:#0f172a1f;background:#0f172a0a}html[data-theme=light] .hideSidebarBtn:hover{background:#0f172a14}html[data-theme=light] .textHandle,html[data-theme=light] .boardHandle{box-shadow:0 0 0 3px #ffffffe6}html[data-theme=light] .textBoxContent b,html[data-theme=light] .textBoxContent strong{text-shadow:none}html[data-theme=light] .dot{background:#0f172a0a;border-color:#0f172a14;box-shadow:0 10px 30px #0f172a14}html[data-theme=light] .status:hover{background:#0f172a14;border-color:#0f172a29}.backToEditor,.hideSidebarBtn,.btnSoft,.googleBtn,.swatch{transition:background var(--anim) var(--ease),border-color var(--anim) var(--ease),transform var(--anim) var(--ease)}.backToEditor:hover{opacity:.92}.hideSidebarBtn:hover{background:#ffffff1f;border-color:#ffffff38}.swatch:hover{transform:scale(1.15)}body.legal-page{margin:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:linear-gradient(180deg,#070b14,#0b1220);color:#ffffffeb;min-height:100vh}.legal .wrap{max-width:960px;margin:0 auto;padding:28px 18px 120px}.legal .card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:22px;box-shadow:0 14px 50px #00000073}.legal .brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.2px;margin-bottom:14px}.legal .dot{width:34px;height:34px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;box-shadow:0 10px 30px #00000073;display:flex;align-items:center;justify-content:center}.legal .logoImg{width:100%;height:100%;object-fit:contain;display:block;background:#ffffff05;padding:4px}.legal .brandText{font-size:20px;display:flex;align-items:baseline}.legal .brandText .g{color:#34d399eb}.legal .brandText .r{color:#fb7185fa}.legal h1{margin:0 0 10px;font-size:28px}.legal h2{margin:18px 0 8px;font-size:18px}.legal p{margin:10px 0;color:#ffffffc7;line-height:1.6}.legal a{color:#7dd3fcf5}.legal .backLink{display:inline-flex;gap:8px;align-items:center;font-weight:800;text-decoration:none;margin-top:16px}