/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color:#272720;font-synthesis:none;--ink:#272720;--muted:#77766d;--paper:#fffefa;--line:#e6e1d7;--accent:#456c5c;--accent-dark:#345448;--accent-soft:#e4ede8;--shadow:0 16px 42px #39342a1a, 0 2px 8px #39342a0f;background:#f5f2eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f5f2eb;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #6e9484}.logo{letter-spacing:-.3px;align-items:center;gap:11px;font-family:Georgia,serif;font-size:21px;font-weight:600;display:flex}.logo-mark{object-fit:contain;filter:drop-shadow(0 4px 10px #244e9314);width:34px;height:34px;display:block}.primary-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:14px;font-weight:650;transition:all .2s;display:inline-flex;box-shadow:0 5px 15px #3252442e}.primary-button:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 7px 19px #3252443d}.text-button{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;transition:all .16s;display:grid}.icon-button:hover{background:#eeece5}.icon-button.active{background:var(--accent);color:#fff;box-shadow:0 3px 9px #456c5c38}.home-shell{background:radial-gradient(circle at 75% 0,#faf9f4 0,#0000 32%),#f5f2eb;min-height:100vh}.home-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;background:#faf8f3bf;border-bottom:1px solid #e8e3da;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(24px,5vw,76px);display:flex;position:sticky;top:0}.home-actions{align-items:center;gap:12px;display:flex}.search-box{border:1px solid var(--line);color:#918f85;background:#fffdfa;border-radius:12px;align-items:center;gap:9px;width:min(29vw,310px);padding:10px 14px;transition:all .2s;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.search-box input::placeholder{color:#a6a398}.home-content{width:min(1240px,100% - 48px);margin:0 auto;padding:58px 0 80px}.welcome-row{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}.welcome-row h1{letter-spacing:-1.8px;margin:4px 0 9px;font-family:Georgia,serif;font-size:clamp(35px,4vw,48px);font-weight:500}.welcome-row p:not(.eyebrow){color:var(--muted);margin:0;font-size:15px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:6px;margin:0;font-weight:750;display:flex;font-size:10px!important}.sort-button{border:1px solid var(--line);color:#6c6b63;cursor:pointer;background:#faf8f3;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:flex}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:24px;display:grid}.note-card{background:#fffefabf;border:1px solid #e6e1d7;border-radius:17px;transition:transform .22s,box-shadow .22s,border .22s;position:relative;overflow:visible}.note-card:hover{box-shadow:var(--shadow);border-color:#d9d2c6;transform:translateY(-4px)}.note-preview{cursor:pointer;background:#e8e3d8;border:0;border-radius:16px 16px 0 0;width:100%;height:185px;padding:11px;overflow:hidden}.note-preview img{object-fit:cover;border-radius:7px;width:100%;height:100%}.empty-preview{background-color:#fffefa;background-image:radial-gradient(#d8d2c6 1px,#0000 1px);background-size:18px 18px;border-radius:6px;width:100%;height:100%;padding:40px 34px;box-shadow:0 2px 8px #625b4e10}.paper-line{opacity:.65;background:#ddd8ce;border-radius:5px;width:72%;height:4px;margin-bottom:11px;display:block}.paper-line.short{width:40%}.paper-squiggle{color:#c48a6a;margin-top:9px;margin-left:43%;font-family:Georgia,serif;font-size:39px;display:block;transform:rotate(-8deg)}.note-card-title-row{align-items:center;gap:5px;display:flex}.note-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:680;overflow:hidden}.favorite-button,.more-button{color:#aaa79e;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:27px;height:27px;padding:0;display:grid}.more-button:hover{color:var(--ink);background:#efede7}.note-meta{color:#959289;justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;display:flex}.note-meta span{align-items:center;gap:4px;display:flex}.menu-wrap{position:relative}.card-menu{border:1px solid var(--line);width:130px;box-shadow:var(--shadow);z-index:5;background:#fff;border-radius:10px;padding:5px;position:absolute;top:31px;right:0}.card-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;gap:6px;width:100%;padding:8px 9px;font-size:12px;display:flex}.card-menu button:hover{background:#f3f1eb}.danger{color:#a34f46!important}.state-message,.empty-home{min-height:320px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex}.state-message.error button{color:var(--accent);cursor:pointer;background:0 0;border:0}.loader{border:2px solid #d5d0c5;border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.empty-home-art{align-items:end;height:80px;margin-bottom:8px;display:flex}.empty-home-art span{background:#fffcf6;border:1px solid #ddd7ca;border-radius:5px;width:62px;height:72px;display:block;transform:rotate(-8deg);box-shadow:0 5px 15px #625b4e12}.empty-home-art span:nth-child(2){background:#f7fbf8;transform:translate(-20px)translateY(-7px)}.empty-home-art span:nth-child(3){transform:translate(-40px)rotate(8deg)}.empty-home h2{margin:0;font-family:Georgia,serif;font-size:25px;font-weight:500}.empty-home p{color:var(--muted);margin:-4px 0 9px}.editor-shell{background:#efede6;width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-stage{animation:.25s both canvas-in;position:absolute;inset:0}.canvas-stage .tl-background{background-color:#faf9f5!important}.editor-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#fffefae6;border:1px solid #d9d4c9cc;border-radius:14px;align-items:center;height:52px;padding:6px;animation:.35s both float-in;display:flex;position:absolute;top:17px;left:18px;box-shadow:0 5px 22px #514c4214}.topbar-divider{background:#e5e1d8;width:1px;height:22px;margin:0 5px}.editor-title{width:min(32vw,310px);color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;padding:7px 9px;font-family:Georgia,serif;font-size:16px;font-weight:600;outline:0!important}.save-status{color:#7b8c83;align-items:center;gap:5px;min-width:70px;margin:0 9px 0 4px;font-size:11px;transition:opacity .2s;display:flex}.pages-trigger{z-index:10;cursor:pointer;background:#fffefaeb;border:1px solid #ded9cf;border-radius:13px;align-items:center;gap:8px;height:45px;padding:0 12px;font-size:12px;font-weight:650;transition:all .18s;display:flex;position:absolute;top:17px;right:18px;box-shadow:0 5px 20px #514c4218}.pages-trigger:hover{transform:translateY(-1px);box-shadow:0 8px 24px #514c4222}.pages-trigger b{background:var(--accent-soft);color:var(--accent);border-radius:7px;place-items:center;min-width:20px;height:20px;font-size:10px;display:grid}.canvas-toolbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefaf0;border:1px solid #ddd8ce;border-radius:17px;align-items:center;gap:2px;height:56px;padding:8px;animation:.4s 80ms both toolbar-in;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 13px 35px #413d351c,0 2px 8px #413d3514}.canvas-toolbar-rail{align-items:center;gap:2px;display:flex}.toolbar-hide-tab{z-index:5;color:#687386;cursor:pointer;background:#fffefaf0;border:1px solid #1f2d471a;border-radius:18px 18px 0 0;place-items:start center;width:58px;height:28px;padding:6px 0 0;transition:background .16s,color .16s,transform .16s;display:grid;position:absolute;top:-28px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffffc7;box-shadow:none!important}.toolbar-hide-tab:hover{color:#2f5fa8;background:#f2f6fb;transform:translate(-50%)translateY(-1px)}.mobile-toolbar-scroll{display:none}.toolbar-divider{background:#e5e1d8;width:1px;height:24px;margin:0 5px}.zoom-level{font-variant-numeric:tabular-nums;color:#6f6e66;cursor:pointer;background:0 0;border:0;width:51px;font-size:11px}.toolbar-more-wrap{position:relative}.toolbar-popover{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:11px;width:120px;padding:5px;position:absolute;bottom:48px;right:0}.toolbar-popover button{cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;width:100%;padding:8px;font-size:12px;display:flex}.toolbar-popover button:hover{background:#f2f0e9}.drawer-scrim{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:0;visibility:hidden;z-index:19;background:#2b2a2512;border:0;transition:all .25s;position:fixed;inset:0}.drawer-scrim.visible{opacity:1;visibility:visible}.pages-drawer{z-index:20;background:#fffefaf7;border:1px solid #ded9cf;border-radius:20px;flex-direction:column;width:min(355px,100vw - 28px);padding:22px 18px 17px;transition:transform .35s cubic-bezier(.22,.85,.24,1);display:flex;position:fixed;top:14px;bottom:14px;right:14px;transform:translate(calc(100% + 25px));box-shadow:-12px 0 50px #34312b1c}.pages-drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid #ebe7df;justify-content:space-between;align-items:center;padding:1px 3px 19px;display:flex}.drawer-header h2{margin:5px 0 0;font-family:Georgia,serif;font-size:24px;font-weight:500}.drawer-header h2 span{color:var(--accent);background:var(--accent-soft);vertical-align:middle;border-radius:7px;padding:4px 7px;font:600 10px Inter,sans-serif}.drawer-storage{color:#86868b;margin-top:5px;font-size:9px;font-weight:500;display:block}.drawer-close{cursor:pointer;background:#f0eee8;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.page-list{flex:1;padding:15px 2px;overflow:auto}.page-row{border:1px solid #0000;border-radius:13px;margin-bottom:8px;padding:6px;transition:all .15s;position:relative}.page-select{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:calc(100% - 27px);padding:0;display:flex}.page-thumb{background:#e5e0d6;border-radius:7px;flex:none;width:82px;height:58px;padding:4px;overflow:hidden}.page-thumb img{object-fit:cover;border-radius:4px;width:100%;height:100%}.mini-paper{background:#fffefa;width:100%;height:100%;padding:13px 11px}.mini-paper i{background:#dcd7ce;border-radius:3px;width:70%;height:2px;margin-bottom:5px;display:block}.mini-paper i:first-child{background:#a8bdb2;width:45%;height:3px}.page-select strong{text-overflow:ellipsis;max-width:150px;margin-bottom:5px;font-size:13px;display:block;overflow:hidden}.page-select span{color:#98958c;font-size:10px}.page-menu{position:absolute;top:21px;right:7px}.page-menu summary,.page-menu-trigger{cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:26px;height:26px;list-style:none;display:grid}.page-menu summary::-webkit-details-marker{display:none}.page-menu summary:hover,.page-menu-trigger:hover{background:#e5e4dd}.page-menu>div{border:1px solid var(--line);width:135px;box-shadow:var(--shadow);z-index:3;background:#fff;border-radius:10px;padding:5px;position:absolute;top:29px;right:0}.page-menu button{cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;width:100%;padding:8px;font-size:11px;display:flex}.page-menu button:hover{background:#f2f0ea}.page-menu button:disabled{opacity:.35;cursor:not-allowed}.add-page-button{width:100%;color:var(--accent);cursor:pointer;background:#f0f5f2;border:1px dashed #b8c7bf;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:12px;font-weight:650;display:flex}.drawer-actions{border-top:1px solid #00000012;gap:10px;padding-top:10px;display:grid}.pdf-export-actions{background:#f8f8fae0;border:1px solid #00000014;border-radius:12px;padding:11px}.pdf-export-actions>div:first-child{color:#5554d9;align-items:center;gap:9px;display:flex}.pdf-export-actions>div:first-child span{gap:2px;display:grid}.pdf-export-actions strong{color:var(--ink);font-size:12px}.pdf-export-actions small{color:var(--muted);font-size:9px;font-weight:500}.pdf-export-actions>div:last-child{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.pdf-export-actions button{min-height:32px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #00000017;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:650;display:flex}.pdf-export-actions button:hover:not(:disabled){color:#5554d9;background:#f7f6ff;border-color:#5554d94d}.pdf-export-actions button:disabled{opacity:.48;cursor:wait}.editor-state{height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes toolbar-in{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes canvas-in{0%{opacity:.2}}@media (width<=700px){.home-header{height:72px;padding:0 18px}.home-header .logo>span:last-child{display:none}.search-box{width:44px;padding:11px 12px}.search-box input{display:none}.home-content{width:calc(100% - 32px);padding-top:38px}.welcome-row{align-items:start}.sort-button{display:none}.notes-grid{grid-template-columns:1fr}.editor-title{width:34vw}.save-status,.pages-trigger span{display:none}.canvas-toolbar{max-width:calc(100vw - 20px);bottom:13px;overflow-x:auto}.canvas-toolbar .toolbar-divider:nth-of-type(2),.canvas-toolbar .zoom-level,.canvas-toolbar button[aria-label^=Zoom]{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:#f4f4f5}.logo{letter-spacing:-.45px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:760}.logo-mark{background:#fff;border:1.5px solid #7a68ef;border-radius:8px;width:29px;height:29px;padding:7px 6px;transform:none;box-shadow:0 3px 12px #6957e824}.logo-mark i{background:#6957e8;height:1.5px}.primary-button{background:#171822;border-radius:11px;padding:11px 18px;box-shadow:0 6px 18px #14151f26}.icon-button.active{background:var(--accent);box-shadow:0 4px 12px #6957e83d}.home-shell{background:radial-gradient(circle at 50% -20%,#fff 0,#0000 45%),#f6f6f7;min-height:100vh;padding:26px}.home-shell:before{content:"";pointer-events:none;opacity:.13;background:radial-gradient(#d7d7dc .6px,#0000 .6px) 0 0/18px 18px;position:fixed;inset:0}.home-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #e8e8ec;border-radius:18px 18px 0 0;max-width:1440px;height:64px;margin:0 auto;padding:0 22px;position:relative;top:auto;box-shadow:0 10px 36px #1f202a12}.home-header-note{color:#a0a1aa;letter-spacing:.2px;margin:0;font-size:11px}.home-content{background:#fcfcfdeb;border:1px solid #e8e8ec;border-top-width:0;border-radius:0 0 18px 18px;width:min(1440px,100%);min-height:calc(100vh - 116px);margin:0 auto;padding:30px 32px 70px;position:relative;box-shadow:0 20px 55px #1f202a12}.notes-controlbar{grid-template-columns:minmax(260px,390px) auto auto;justify-content:end;align-items:center;gap:12px;display:grid}.notes-controlbar .search-box{margin-right:auto}.search-box{color:#80828e;background:#fff;border-color:#e5e5ea;border-radius:11px;width:100%;padding:10px 13px;box-shadow:0 2px 8px #1f202a06}.view-switcher{background:#fff;border:1px solid #e5e5e9;border-radius:10px;align-items:center;padding:3px;display:flex}.view-switcher button{color:#8c8e98;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:32px;display:grid}.notes-heading-row{justify-content:space-between;align-items:end;margin-top:38px;display:flex}.notes-heading-row h1{letter-spacing:-1.3px;margin:3px 0 0;font-size:clamp(29px,3vw,38px);font-weight:720;line-height:1}.notes-heading-row>p{color:#a0a1ab;margin:0 0 3px;font-size:11px}.section-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:1.7px;margin:0;font-size:9px;font-weight:780}.filter-tabs{gap:7px;margin:22px 0 20px;display:flex}.filter-tabs button{color:#70727e;cursor:pointer;background:#eeeef1;border:0;border-radius:99px;padding:8px 14px;font-size:11px;transition:all .18s}.filter-tabs button.active{color:#fff;background:#1d1e27;box-shadow:0 4px 11px #1819221c}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:22px}.note-card{transform-origin:bottom;background:#fff;border-color:#e9e9ed;border-radius:15px;overflow:visible;box-shadow:0 2px 8px #1f202a09}.note-card:hover{border-color:#dfdfe5;transform:translateY(-5px)scale(1.008);box-shadow:0 18px 38px #1f202a17,0 3px 9px #1f202a0a}.note-preview{background:#f0f0f1;border-radius:14px 14px 0 0;height:220px;padding:7px}.note-preview img{object-fit:contain;background:#fff;border-radius:8px}.empty-preview{background-color:#fffefb;background-image:radial-gradient(#dad9df .75px,#0000 .75px);background-size:15px 15px;padding:36px 28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #efedf0}.empty-preview:after{content:"";opacity:.3;border:2px solid #e8c367;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-22px;right:-18px}.paper-label{color:#5d4dd2;background:#eeeaff;border-radius:4px;margin-bottom:17px;padding:3px 7px;font:600 12px Georgia,serif;display:inline-block;transform:rotate(-2deg)}.paper-line{opacity:.8;background:#dbdae0;height:3px;margin-bottom:10px}.paper-line.wide{background:#f0c859;width:58%;height:5px}.paper-doodle{height:57px;position:absolute;bottom:26px;left:30px;right:30px}.paper-doodle i{border:1.5px solid #6e6d75;border-radius:50%;width:42px;height:42px;display:block;position:absolute}.paper-doodle i:first-child{top:8px;left:7%}.paper-doodle i:nth-child(2){border-color:#d78a9d;top:0;left:40%}.paper-doodle i:nth-child(3){border-color:#70a58a;top:11px;right:6%}.paper-doodle b{background:#86858d;height:1.5px;position:absolute;top:27px;left:25%;right:24%;transform:rotate(-4deg)}.note-card-body{padding:14px 13px 13px}.note-title{font-size:13px}.note-meta{margin-top:8px;font-size:10px}.notes-grid.list-view{grid-template-columns:1fr;gap:9px}.notes-grid.list-view .note-card{grid-template-columns:92px 1fr;min-height:88px;display:grid;overflow:visible}.notes-grid.list-view .note-preview{border-radius:14px 0 0 14px;height:88px;padding:4px}.notes-grid.list-view .empty-preview{padding:13px}.notes-grid.list-view .paper-label{margin:0;font-size:9px}.notes-grid.list-view .paper-line,.notes-grid.list-view .paper-doodle{display:none}.notes-grid.list-view .note-card-body{flex-direction:column;justify-content:center;padding:14px 17px;display:flex}.canvas-stage{inset:72px 0 0}.canvas-stage .tl-background{background-color:#fdfdfd!important;background-image:radial-gradient(#d9d9df .65px,#0000 .65px)!important;background-size:18px 18px!important}.editor-topbar{background:#fffffff0;border-color:#e6e6eb;border-radius:14px;grid-template-columns:1fr auto 1fr;height:52px;padding:5px 7px;display:grid;top:12px;left:14px;right:14px;box-shadow:0 7px 28px #1f202a14}.topbar-leading{align-items:center;min-width:0;display:flex}.topbar-actions{justify-self:end;align-items:center;gap:2px;display:flex}.topbar-actions .icon-button{color:#3c3d47}.header-pages-button{color:#3c3d47;cursor:pointer;background:#ffffff94;border:1px solid #181f2c1b;border-radius:12px;align-items:center;gap:7px;height:38px;padding:0 8px 0 10px;font:650 12px Inter,ui-sans-serif,system-ui,sans-serif;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex;box-shadow:inset 0 1px #fffc}.header-pages-button:hover{color:#151922;background:#ecf0f7d1;border-color:#2857d938;box-shadow:inset 0 1px #ffffffeb,0 4px 12px #1218260f}.header-pages-button:active{transform:scale(.98)}.header-pages-button[aria-expanded=true]{color:#2857d9;background:#e9efff;border-color:#2857d942}.header-pages-button b{color:#2857d9;background:#2857d91a;border-radius:7px;place-items:center;min-width:19px;height:19px;font-size:10px;line-height:1;display:grid}.editor-title{width:min(34vw,340px);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:650}.save-status{color:#81838d;opacity:.75;justify-self:center;min-width:auto;margin:0;font-size:10px}.save-status.saved svg{color:#35aa78}.save-status.saved{animation:2.8s forwards save-settle}.save-status.saving{color:#8a7d68;opacity:1}.pages-trigger{color:#5140d0;background:#fffffff2;border-color:#e3e1f2;top:84px;right:17px;box-shadow:0 8px 25px #40339e1f}.pages-trigger:hover{box-shadow:0 10px 30px #40339e2e}.canvas-toolbar{background:#fffffff0;border-color:#e1e1e6;border-radius:18px;bottom:24px;box-shadow:0 15px 38px #1f202a21,0 2px 8px #1f202a0f}.canvas-toolbar .icon-button.active{color:#6553e5;box-shadow:none;background:#eeeaff}.pages-drawer{background:#fffffff9;border-color:#e5e5ea;width:min(330px,100vw - 28px);top:76px;bottom:14px;right:14px;box-shadow:-18px 12px 55px #1f202a1f}.drawer-header h2{letter-spacing:-.5px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:700}.drawer-header h2 span{color:#5e4bdc;background:#eeeaff}.page-row.current{background:#f3f1ff;border-color:#a99ef6;box-shadow:0 0 0 1px #a99ef627}.page-row{margin-bottom:12px;padding:7px}.page-select{flex-direction:column;align-items:stretch;gap:8px;width:100%}.page-thumb{background:#eeeef1;width:100%;height:136px;padding:5px}.page-select>div:last-child{justify-content:space-between;align-items:center;padding:0 3px 2px;display:flex}.page-select strong{margin:0}.page-menu{top:151px;right:10px}.page-select span{padding-right:30px}@keyframes save-settle{0%,68%{opacity:.78}to{opacity:0}}@media (width>=1500px){.home-content{padding-left:46px;padding-right:46px}.notes-grid{grid-template-columns:repeat(5,1fr);gap:24px}.note-preview{height:235px}}@media (width<=700px){.home-shell{padding:0}.home-header{border-width:0 0 1px;border-radius:0}.home-header .logo>span:last-child{display:inline}.home-header-note{display:none}.home-content{border:0;border-radius:0;min-height:calc(100vh - 64px);padding:22px 17px 55px}.notes-controlbar{grid-template-columns:1fr auto}.notes-controlbar .search-box{width:100%}.notes-controlbar .search-box input{display:block}.view-switcher{display:none}.notes-heading-row{margin-top:30px}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.note-preview{height:150px}.note-card-body{padding:11px}.note-meta{flex-direction:column;align-items:start;gap:4px}.editor-topbar{grid-template-columns:1fr auto}.editor-topbar .save-status{display:none}.editor-title{width:42vw}.header-pages-button span{display:none}.header-pages-button{gap:5px;padding:0 8px}}@media (width<=440px){.notes-controlbar{grid-template-columns:1fr}.notes-controlbar .primary-button{width:100%}.notes-grid{grid-template-columns:1fr}.note-preview{height:220px}}:root{--ink:#252238;--muted:#766f72;--paper:#fffdf8;--line:#e8dfd2;--accent:#6257d9;--accent-dark:#4f45bb;--accent-soft:#eeeaff;--apricot:#efad78;--sage:#9ebdab;--parchment:#f5eee2;--shadow:0 17px 40px #47362b1a, 0 3px 10px #47362b0d}.home-shell:before{opacity:.13;background-image:radial-gradient(#b9a995 .65px,#0000 .65px)}.home-header{background:#fffcf6e6;border-color:#e6dccd;border-radius:14px 14px 0 0;box-shadow:0 12px 34px #4c392b13}.home-content{background:#fffcf6e8;border-color:#e6dccd;border-radius:0 0 14px 14px;box-shadow:0 22px 55px #4c392b14}.primary-button{background:#28243b;border-radius:9px;box-shadow:0 6px 16px #2522382e}.search-box{background:#fffefa;border-color:#e7ddcf;border-radius:9px;box-shadow:0 2px 8px #4c392b09}.search-box:focus-within{border-color:#a79ee9}.view-switcher{background:#fffefa;border-color:#e7ddcf;border-radius:9px}.view-switcher button{border-radius:6px}.view-switcher button.active{color:#332f45;background:#f0e9df;box-shadow:inset 0 0 0 1px #e6dacb}.filter-tabs button:hover{background:#e7dac9}.note-card:before{content:"";opacity:.7;background:linear-gradient(#776ce0,#9ebdab);border-radius:2px 0 0 2px;width:3px;position:absolute;inset:8px auto 8px -3px}.note-card:nth-child(3n+2):before{background:linear-gradient(#e8a36e,#e1c467)}.note-card:nth-child(3n+3):before{background:linear-gradient(#8eb6a0,#74a6bb)}.note-preview{background:#e9dfd1;border-radius:8px 8px 0 0;padding:6px}.note-preview img{border-radius:4px}.empty-preview{background-color:#fffdf7;background-image:radial-gradient(#d9cfc2 .75px,#0000 .75px);border-radius:4px;box-shadow:inset 0 0 0 1px #ece2d5}.paper-label{color:#5146bd;background:#eeeaff;border-radius:3px}.card-menu{background:#fffdf8;border-color:#e6dacb;border-radius:8px}.notes-grid.list-view .note-preview{border-radius:8px 0 0 8px}.pages-trigger{background:#fffdf8f5;border-color:#ded5f3}.add-page-button{background:#f1eeff}@media (width<=700px){.home-header,.home-content{border-radius:0}}:root{--ink:#1d1d1f;--muted:#6e6e73;--paper:#fff;--line:#00000014;--accent:#0071e3;--accent-dark:#0064c8;--accent-soft:#e8f2ff;--shadow:0 18px 45px #00000014, 0 2px 8px #0000000a}.home-shell:before{display:none}.home-header{background:#ffffffd1;border-color:#00000014;box-shadow:0 8px 28px #0000000d}.home-header-note{color:#86868b}.home-content{background:#ffffffb8;border-color:#00000014;box-shadow:0 18px 50px #0000000e}.logo-mark{border-color:#0071e3;box-shadow:0 3px 10px #0071e329}.primary-button:hover{background:#333336}.search-box{box-shadow:none;background:#fffffff0;border-color:#0000001a}.view-switcher{background:#fff;border-color:#0000001a}.view-switcher button.active{box-shadow:none;color:#1d1d1f;background:#f0f0f2}.section-kicker{color:#0071e3}.filter-tabs button.active{color:#fff;background:#1d1d1f}.note-card{background:#fff;border-color:#00000014;box-shadow:0 2px 7px #00000009}.note-card:before{display:none}.empty-preview{background-color:#fff;background-image:radial-gradient(#d7d7dc .7px,#0000 .7px);box-shadow:inset 0 0 0 1px #0000000e}.empty-preview:after{border-color:#a7c7e8}.paper-label{color:#06c;background:#e8f2ff}.paper-line.wide{background:#92bde8}.paper-doodle i:nth-child(2){border-color:#9c9ca3}.paper-doodle i:nth-child(3){border-color:#7aa9cf}.favorite-button:hover,.favorite-button.selected{color:#0071e3;background:#e8f2ff}.card-menu{background:#fffffff7;border-color:#00000017}.canvas-stage .tl-container{background:#fafafa}.canvas-stage .tl-background{background-color:#fff!important;background-image:radial-gradient(#d9d9de .65px,#0000 .65px)!important}.editor-topbar{background:#ffffffeb;border-color:#00000017;box-shadow:0 7px 26px #00000013}.topbar-actions .icon-button:hover{background:#f0f0f2}.pages-trigger{color:#06c;background:#fffffff0;border-color:#0071e329;box-shadow:0 7px 22px #0041821a}.pages-trigger b{color:#06c;background:#e8f2ff}.canvas-toolbar{background:#ffffffed;border-color:#00000017;box-shadow:0 14px 36px #0000001c,0 2px 7px #0000000d}.canvas-toolbar .icon-button:hover{background:#f0f0f2}.canvas-toolbar .icon-button.active{color:#06c;background:#e8f2ff}.pages-drawer{background:#fffffff7;border-color:#00000017;box-shadow:-18px 12px 52px #0000001f}.drawer-header{border-color:#00000014}.drawer-close{background:#f0f0f2}.page-row:hover{background:#f5f5f7}.mini-paper{background:#fff}.add-page-button{color:#06c;background:#f2f7fd;border-color:#9dc5ec}.add-page-button:hover{background:#e8f2ff}.editor-shell.controls-hidden .editor-topbar,.editor-shell.controls-hidden .pages-trigger,.editor-shell.controls-hidden .canvas-toolbar,.editor-shell.controls-hidden .typing-hint,.editor-shell.controls-hidden .canvas-center-button{display:none}.editor-shell.controls-hidden .canvas-stage{inset:0}.show-controls-button{z-index:18;color:#515154;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#ffffffe6;border:1px solid #0000001a;border-radius:18px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:10px;font-weight:650;animation:.18s both float-in;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 7px 24px #0000001c}.show-controls-button:hover{color:#06c;background:#fff;border-color:#06c3}.typing-hint{z-index:8;color:#86868b;pointer-events:none;align-items:center;gap:7px;font-size:10px;animation:4.5s forwards typing-hint;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%)}.typing-hint kbd{color:#515154;background:#ffffffe6;border:1px solid #0000001a;border-bottom-width:2px;border-radius:5px;padding:3px 6px;font:600 9px Inter,sans-serif}@keyframes typing-hint{0%,62%{opacity:0;transform:translate(-50%,-4px)}12%,52%{opacity:1;transform:translate(-50%)}to{opacity:0}}.pen-tool-wrap{position:relative}.pen-settings-trigger{color:#6e6e73;cursor:pointer;background:#fff;border:0;border-radius:5px;place-items:center;width:15px;height:15px;padding:0;display:grid;position:absolute;bottom:-1px;right:-2px;box-shadow:0 1px 4px #0000001f}.pen-settings-trigger:hover{color:#06c}.pen-settings{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border:1px solid #00000017;border-radius:12px;width:202px;padding:10px;position:absolute;bottom:50px;left:-7px;box-shadow:0 16px 36px #00000021,0 2px 7px #0000000d}.pen-settings-heading{color:#1d1d1f;justify-content:space-between;align-items:center;padding:0 2px 8px;font-size:11px;font-weight:650;display:flex}.pen-settings-heading small{color:#86868b;font-size:9px;font-weight:500}.pen-size-options{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.pen-size-options button{cursor:pointer;background:#f5f5f7;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;height:38px;padding:0 7px;display:flex;position:relative}.pen-size-options button:hover{background:#ededf0}.pen-size-options button.selected{background:#edf5ff;border-color:#75aee8}.pen-size-options i{background:#1d1d1f;border-radius:99px;width:23px;display:block}.pen-size-options svg{color:#0071e3;position:absolute;top:3px;right:3px}.continuous-pen-settings{width:210px}.continuous-pen-settings>input[type=range]{accent-color:#0071e3;cursor:ew-resize;width:100%;margin:9px 0 2px}.pen-width-preview{background:#f5f5f7;border-radius:8px;align-items:center;height:50px;padding:0 15px;display:flex}.pen-width-preview i{background:#1d1d1f;border-radius:99px;width:100%;max-height:12px;display:block}.pen-width-scale{color:#86868b;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:8px;display:flex}.editor-shell .canvas-stage .tl-background{background-image:none!important}.editor-shell.guides-horizontal .canvas-stage .tl-background{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--guide-y) - 1px), #4e658221 calc(var(--guide-y) - 1px), #4e658221 var(--guide-y))!important}.editor-shell.guides-vertical .canvas-stage .tl-background{background-image:repeating-linear-gradient(to right, transparent 0, transparent calc(var(--guide-x) - 1px), #4e65821a calc(var(--guide-x) - 1px), #4e65821a var(--guide-x))!important}.editor-shell.guides-horizontal.guides-vertical .canvas-stage .tl-background{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--guide-y) - 1px), #4e658221 calc(var(--guide-y) - 1px), #4e658221 var(--guide-y)), repeating-linear-gradient(to right, transparent 0, transparent calc(var(--guide-x) - 1px), #4e65821a calc(var(--guide-x) - 1px), #4e65821a var(--guide-x))!important}.paper-popover{color:#1d1d1f;width:304px;padding:8px}.toolbar-popover.paper-popover{right:0}.paper-popover .shape-tool-button{border-bottom:1px solid #00000012;border-radius:7px 7px 0 0;width:100%;margin-bottom:5px;padding:8px}.paper-settings-header{justify-content:space-between;align-items:center;gap:12px;padding:8px 3px 9px;display:flex}.paper-settings-header>div{flex-direction:column;gap:2px;display:flex}.paper-settings-header strong{font-size:12px}.paper-settings-header span{color:#86868b;font-size:9px}.paper-settings-header .guide-master{color:#515154;cursor:pointer;background:#f0f0f2;border:0;border-radius:7px;flex:none;align-items:center;gap:5px;width:auto;padding:6px 8px;font-size:10px;display:flex}.paper-settings-header .guide-master:hover{background:#e8e8eb}.guide-setting{grid-template-columns:91px 1fr 35px;align-items:center;gap:8px;min-height:39px;display:grid}.guide-setting>button{color:#86868b;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;width:91px;padding:7px;font-size:10px;display:flex}.guide-setting>button:hover{background:#f5f5f7}.guide-setting>button.enabled{color:#06c;background:#edf5ff}.guide-setting input[type=range]{accent-color:#0071e3;cursor:pointer;width:100%;height:3px}.guide-setting input[type=range]:disabled{opacity:.25;cursor:not-allowed}.guide-setting output{color:#86868b;font-variant-numeric:tabular-nums;text-align:right;font-size:9px}.guide-setting.pdf-guide-setting{grid-template-columns:91px 1fr;align-items:center;margin-top:4px}.guide-setting.pdf-guide-setting p{color:#86868b;margin:0;font-size:9px;line-height:1.35}.paper-tone-row{color:#6e6e73;border-top:1px solid #00000012;justify-content:space-between;align-items:center;margin-top:6px;padding:9px 3px 3px;font-size:10px;display:flex}.paper-tone-row>div{gap:6px;display:flex}.paper-tone-row button{color:#06c;cursor:pointer;border:1px solid #0000001c;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.paper-tone-row .tone-soft{background:#f7f7f4}.paper-tone-row .tone-warm{background:#faf7f0}.paper-tone-row .tone-gray{background:#f2f3f5}.paper-tone-row .tone-white{background:#fff}@media (width<=560px){.paper-popover{width:min(304px,100vw - 24px);right:-4px}}.native-canvas-root{z-index:1;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;position:absolute;inset:0;overflow:hidden}.native-canvas{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;outline:0;width:100%;height:100%;display:block;position:absolute;inset:0}.native-canvas-ink{z-index:0;pointer-events:none}.native-canvas-chrome{z-index:1;pointer-events:none}.native-canvas-input{z-index:2;background:0 0}.native-canvas-cursor{z-index:3;pointer-events:none}.native-eraser-drag-cursor{z-index:4;pointer-events:none;will-change:transform, width, height;background:#ffffff14;border:1.5px solid #e7767cc7;border-radius:4px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #ffffffad,0 2px 8px #1419231a}.native-eraser-drag-cursor:after{content:"";background:#e7767c09;border-radius:2px;position:absolute;inset:3px}.native-eraser-drag-cursor[hidden]{display:none}.native-canvas.native-tool-pen{cursor:none}.native-canvas.native-tool-hand{cursor:grab}.native-canvas.native-tool-eraser{cursor:none}.native-canvas.native-tool-text{cursor:text}.native-canvas.native-tool-shape{cursor:crosshair}.canvas-center-button{z-index:5;color:#3f4650;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#fffffff0;border:1px solid #0000001a;border-radius:18px;align-items:center;gap:7px;min-height:34px;padding:0 13px;font-size:10px;font-weight:650;animation:.18s both float-in;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 7px 22px #1e26301f}.canvas-center-button:hover{color:#06c;background:#fff;border-color:#0066cc38}.native-text-keyboard-capture{z-index:-1;opacity:.01;color:#0000;resize:none;pointer-events:none;caret-color:#0000;background:0 0;border:0;outline:0;width:1px;height:1px;padding:0;position:absolute;top:0;left:0;overflow:hidden}.native-editor .guide-overlay{z-index:2}.eraser-tool-wrap{position:relative}.eraser-settings{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border:1px solid #00000017;border-radius:12px;width:190px;padding:10px;position:absolute;bottom:50px;left:-52px;box-shadow:0 16px 36px #00000021,0 2px 7px #0000000d}.eraser-settings>input[type=range]{accent-color:#0071e3;width:100%;margin:8px 0 7px}.eraser-size-preview{background:#f5f5f7;border-radius:8px;place-items:center;height:64px;display:grid}.eraser-size-preview i{background:#ff4b4b1a;border:1px solid #d73737;max-width:56px;max-height:56px}.eraser-presets{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.eraser-presets button{color:#6e6e73;cursor:pointer;background:#f0f0f2;border:1px solid #0000;border-radius:7px;height:27px;font-size:9px}.eraser-presets button:hover{background:#e8e8eb}.eraser-presets button.selected{color:#06c;background:#edf5ff;border-color:#75aee8}.native-text-formatter{z-index:7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #00000017;border-radius:16px;align-items:center;gap:3px;min-height:36px;padding:5px;animation:.16s both float-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 12px 32px #00000021,0 2px 7px #0000000d}.native-text-formatter[hidden]{display:none}.native-text-formatter button{color:#515154;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;min-width:26px;height:26px;padding:0 7px;font-size:10px;font-weight:700;display:grid}.native-text-formatter button:hover{color:#1d1d1f;background:#f0f0f2}.native-text-formatter .font-pill{min-width:43px;font-family:Comic Sans MS,Segoe Print,Bradley Hand ITC,cursive;font-size:13px}.native-text-formatter output{color:#515154;font-variant-numeric:tabular-nums;text-align:center;min-width:34px;font-size:10px}.formatter-divider{background:#00000014;width:1px;height:18px;margin:0 2px}.save-status.pending{color:#6e6e73;opacity:.82}.editor-topbar,.pages-trigger,.canvas-toolbar,.typing-hint,.canvas-center-button{will-change:opacity, transform;transition:opacity .22s,transform .22s,visibility .22s}.editor-shell.controls-hidden .editor-topbar{opacity:0;visibility:hidden;pointer-events:none;display:flex;transform:translateY(-10px)}.editor-shell.controls-hidden .canvas-toolbar{opacity:0;visibility:hidden;pointer-events:none;display:flex;transform:translate(-50%,14px)}.editor-shell.controls-hidden:not(.toolbar-hidden) .canvas-toolbar{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.canvas-toolbar.hidden,.editor-shell.toolbar-hidden .canvas-toolbar{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,86px)}.toolbar-edge-reveal{z-index:11;color:#3d4658;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:linear-gradient(#3d6faf,#2f5fa8);border:2px solid #254f8f5c;border-bottom:0;border-radius:16px 16px 0 0;place-items:center;width:58px;height:28px;padding:0;line-height:0;transition:transform .2s,background .2s,box-shadow .2s;animation:.18s both toolbar-edge-in;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -9px 24px #2f5fa83d,inset 0 1px #fff3}.toolbar-edge-reveal:before,.toolbar-edge-reveal:after{content:none}.toolbar-edge-reveal svg{pointer-events:none;display:block}.toolbar-edge-reveal:hover{background:linear-gradient(#477cbe,#335f9d);transform:translate(-50%)scale(1.04);box-shadow:0 -12px 30px #2f5fa84d,inset 0 1px #ffffff3d}@keyframes toolbar-edge-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}}.editor-shell.controls-hidden .typing-hint{opacity:0;visibility:hidden;pointer-events:none;display:flex}.editor-shell.controls-hidden .canvas-center-button{opacity:0;visibility:hidden;pointer-events:none;display:flex;transform:translate(-50%,-8px)}.toolbar-popover,.pen-settings,.eraser-settings,.card-menu,.page-menu>div{transform-origin:100% 100%;animation:.16s both popup-in}.native-text-formatter{transform-origin:top;animation:.16s both text-formatter-in}@keyframes popup-in{0%{opacity:0;transform:translateY(4px)scale(.98)}}@keyframes text-formatter-in{0%{opacity:0;transform:translate(-50%)translateY(4px)scale(.98)}}.guide-overlay{z-index:2;pointer-events:none;background:0 0;position:absolute;inset:0}.editor-shell.guides-horizontal .canvas-stage .tl-background,.editor-shell.guides-vertical .canvas-stage .tl-background,.editor-shell.guides-horizontal.guides-vertical .canvas-stage .tl-background{background-image:none!important}.editor-shell.guides-horizontal .guide-overlay{background-image:linear-gradient(#0000 0 calc(100% - 1px),#4560802e calc(100% - 1px) 100%);background-size:100% var(--guide-y)}.editor-shell.guides-vertical .guide-overlay{background-image:linear-gradient(90deg,#0000 0 calc(100% - 1px),#45608024 calc(100% - 1px) 100%);background-size:var(--guide-x) 100%}.editor-shell.guides-horizontal.guides-vertical .guide-overlay{background-image:linear-gradient(#0000 0 calc(100% - 1px),#4560802e calc(100% - 1px) 100%),linear-gradient(90deg,#0000 0 calc(100% - 1px),#45608024 calc(100% - 1px) 100%);background-size:100% var(--guide-y), var(--guide-x) 100%}.note-card{cursor:pointer}.note-card:focus-visible{outline-offset:3px;outline:2px solid #0071e38c}.note-preview{cursor:pointer;height:184px;padding:8px}.note-preview img{object-fit:cover;object-position:center;display:block}.notes-grid.list-view .note-card{cursor:pointer}.notes-grid.list-view .note-preview{height:88px}@media (width>=1500px){.note-preview{height:196px}}:root{--ink:#151922;--muted:#677084;--paper:#fff;--line:#181f2c1b;--accent:#2857d9;--accent-dark:#1f46b3;--accent-soft:#e9efff;--surface:#ffffffc7;--surface-strong:#fffffff0;--shadow:0 20px 48px #1218261b, 0 2px 8px #1218260b}body{color:var(--ink);background:radial-gradient(circle at 18% -12%,#496ab729,#0000 34%),linear-gradient(145deg,#f7f8fb 0%,#eef2f7 48%,#e8edf5 100%)}button:focus-visible,input:focus-visible{outline-color:#2857d994}.home-shell{background:radial-gradient(circle at 20% -14%,#4668b22e,#0000 35%),radial-gradient(circle at 95% 5%,#5f7fa01f,#0000 29%),linear-gradient(145deg,#f8f9fc 0%,#eef2f7 50%,#e7edf6 100%)}.home-shell:before{opacity:.32;background-image:radial-gradient(#1e273829 .55px,#0000 .55px);background-size:22px 22px;display:block}.home-header,.home-content{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffb8;border-color:#181f2c18;box-shadow:0 24px 70px #12182613}.home-header{border-radius:20px 20px 0 0}.home-content{border-radius:0 0 20px 20px}.logo{color:#101522;letter-spacing:-.5px}.home-header-note,.notes-heading-row>p,.welcome-row p:not(.eyebrow),.note-meta,.drawer-storage,.typing-hint{color:#6d7688}.section-kicker,.eyebrow{color:#2857d9}.primary-button{background:linear-gradient(#1b2333,#111827);box-shadow:0 12px 26px #1118272e,inset 0 1px #ffffff1f}.primary-button:hover{background:linear-gradient(#283247,#192133);box-shadow:0 14px 30px #1118273b}.search-box,.view-switcher,.sort-button{background:#ffffffc7;border-color:#181f2c1b;box-shadow:inset 0 1px #ffffffbf}.view-switcher button.active,.filter-tabs button.active{color:#fff;background:#151922}.note-card{background:#ffffffe6;border-color:#181f2c18;border-radius:16px;box-shadow:0 1px #fffc,0 8px 24px #1218260e}.note-card:hover{border-color:#2857d933;box-shadow:0 22px 46px #1218261f,0 3px 10px #1218260d}.note-preview{background:linear-gradient(145deg,#e9edf5,#f4f6fa)}.note-preview img,.empty-preview,.mini-paper{background-color:#fbfcfe}.empty-preview{background-image:radial-gradient(#45546e33 .7px,#0000 .7px)}.paper-label,.favorite-button:hover,.favorite-button.selected,.canvas-toolbar .icon-button.active,.header-pages-button b,.pages-trigger b,.drawer-header h2 span,.guide-setting>button.enabled,.eraser-presets button.selected{color:#2857d9;background:#e9efff}.favorite-button:hover,.favorite-button.selected{color:#2857d9}.editor-shell{background:#e8edf5}.native-editor .guide-overlay{opacity:.82}.editor-topbar,.pages-trigger,.canvas-toolbar,.pages-drawer,.show-controls-button,.canvas-center-button,.native-text-formatter,.pen-settings,.eraser-settings,.toolbar-popover,.card-menu,.page-menu>div{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd6;border-color:#181f2c1b;box-shadow:0 18px 42px #1218261f,0 2px 8px #1218260b}.editor-topbar,.editor-title{color:#151922}.save-status.saved{color:#3f7c59}.save-status.pending{color:#677084}.save-status.saving{color:#9a6b2f}.pages-trigger{color:#2857d9}.pages-trigger:hover{border-color:#2857d940}.canvas-toolbar .icon-button:hover,.topbar-actions .icon-button:hover,.header-pages-button:hover,.drawer-close,.page-row:hover,.paper-settings-header .guide-master,.pen-size-options button,.eraser-presets button,.eraser-size-preview,.pen-width-preview{background:#ecf0f7d1}.pages-drawer{background:#ffffffe6}.drawer-header,.drawer-actions,.paper-tone-row{border-color:#181f2c17}.page-row.current{background:#e9efffe0;border-color:#2857d952}.page-thumb{background:#e8edf5}.add-page-button,.pdf-export-actions{color:#2857d9;background:#f5f7fbdb;border-color:#2857d933}.toolbar-divider,.formatter-divider,.topbar-divider{background:#181f2c1a}.toolbar-popover button:hover,.card-menu button:hover,.page-menu button:hover,.native-text-formatter button:hover{background:#edf1f7}.native-text-formatter button.selected{color:#2857d9;background:#e9efff}.editor-shell.paper-soft .canvas-stage .tl-background{background-color:#f7f8fb!important}.editor-shell.paper-warm .canvas-stage .tl-background{background-color:#f8f6f1!important}.editor-shell.paper-gray .canvas-stage .tl-background{background-color:#eef1f5!important}.editor-shell.paper-white .canvas-stage .tl-background{background-color:#fff!important}.editor-shell.guides-horizontal .guide-overlay{background-image:linear-gradient(#0000 0 calc(100% - 1px),#4052702b calc(100% - 1px) 100%)}.editor-shell.guides-vertical .guide-overlay{background-image:linear-gradient(90deg,#0000 0 calc(100% - 1px),#40527021 calc(100% - 1px) 100%)}.editor-shell.guides-horizontal.guides-vertical .guide-overlay{background-image:linear-gradient(#0000 0 calc(100% - 1px),#4052702b calc(100% - 1px) 100%),linear-gradient(90deg,#0000 0 calc(100% - 1px),#40527021 calc(100% - 1px) 100%)}@media (width<=700px){.home-header,.home-content{border-radius:0}}:root{--ink:#172033;--muted:#667086;--accent:#2f5fa8;--accent-dark:#254f8f;--accent-soft:#eaf1fb;--line:#1f2d471f;--shadow:0 20px 48px #19263d1c, 0 2px 8px #19263d0b}body,button,input{color:var(--ink)}.logo{color:#172033;font-weight:720}.logo-mark{background:linear-gradient(145deg,#fff,#edf4fb);border-color:#2f5fa857;box-shadow:0 8px 22px #2f5fa824,inset 0 0 0 1px #ffffffb8}.logo-mark i{background:#2f5fa8}.primary-button,.filter-tabs button.active,.view-switcher button.active{color:#fff;background:linear-gradient(#3d6faf,#2f5fa8);border:1px solid #1f4f8f61;box-shadow:0 10px 22px #2f5fa838,inset 0 1px #ffffff2e}img.logo-mark{width:36px;height:36px;box-shadow:none;object-fit:contain;filter:drop-shadow(0 4px 10px #244e9314);background:0 0;border:0;border-radius:0;padding:0}.primary-button:hover,.filter-tabs button.active:hover{color:#fff;background:linear-gradient(#477cbe,#335f9d);box-shadow:0 13px 28px #2f5fa845,inset 0 1px #fff3}.filter-tabs button{color:#667086;background:#ffffffb3}.filter-tabs button:hover{color:#172033;background:#f7f9fc}.section-kicker,.eyebrow,.pages-trigger,.pages-trigger b,.paper-label,.favorite-button:hover,.favorite-button.selected,.add-page-button,.pdf-export-actions>div:first-child,.pdf-export-actions button:hover:not(:disabled),.show-controls-button:hover,.canvas-center-button:hover,.pen-settings-trigger:hover,.guide-setting>button.enabled,.paper-tone-row button,.native-text-formatter button.selected,.eraser-presets button.selected{color:#2f5fa8}.pages-trigger b,.paper-label,.favorite-button:hover,.favorite-button.selected,.canvas-toolbar .icon-button.active,.guide-setting>button.enabled,.native-text-formatter button.selected,.eraser-presets button.selected,.page-row.current{background:#eaf1fb}.canvas-toolbar .icon-button.active{color:#2f5fa8;box-shadow:inset 0 0 0 1px #2f5fa81f}.search-box:focus-within{border-color:#2f5fa86b;box-shadow:0 0 0 3px #2f5fa81b,inset 0 1px #fffc}.page-row.current{border-color:#2f5fa852}.add-page-button,.pdf-export-actions{border-color:#2f5fa838}.add-page-button:hover,.pdf-export-actions button:hover:not(:disabled){background:#eef5ff;border-color:#2f5fa85c}.paper-tone-row button.selected{border-color:#2f5fa8;box-shadow:0 0 0 2px #2f5fa821}.pen-size-options svg{color:#2f5fa8}.continuous-pen-settings>input[type=range],.guide-setting input[type=range],.eraser-settings>input[type=range]{accent-color:#2f5fa8}.pen-size-options i,.pen-width-preview i{background:#172033}.paper-popover,.pen-settings-heading,.native-text-formatter button:hover{color:#172033}.pages-trigger{border-color:#2f5fa82e;box-shadow:0 8px 24px #2f5fa81f}.pages-trigger:hover{border-color:#2f5fa847;box-shadow:0 11px 30px #2f5fa82b}.pdf-export-actions button:hover:not(:disabled){color:#2f5fa8}.canvas-toolbar{border-radius:20px;align-items:center;gap:6px;height:58px;padding:8px 10px}.canvas-toolbar .icon-button{color:#3d4658;border-radius:14px;width:40px;height:40px}.canvas-toolbar .icon-button svg{stroke-width:2px}.canvas-toolbar .icon-button:hover{color:#172033;background:#e8eef7e6}.canvas-toolbar .icon-button.active{color:#2f5fa8;background:#eaf1fb;box-shadow:inset 0 0 0 1px #2f5fa824}.pen-tool-wrap,.eraser-tool-wrap,.toolbar-more-wrap{place-items:center;display:grid;position:relative}.canvas-toolbar .tool-button-configurable{position:relative;overflow:hidden}.tool-setting-cue{opacity:.42;pointer-events:none;transform-origin:50%;background:currentColor;border-radius:999px;width:18px;height:2px;transition:opacity .16s,width .16s,height .16s;position:absolute;bottom:6px;left:50%}.canvas-toolbar .tool-button-configurable:hover .tool-setting-cue,.canvas-toolbar .tool-button-configurable.active .tool-setting-cue{opacity:.78}.canvas-toolbar .tool-button-configurable.active .tool-setting-cue{height:2.5px}.eraser-cue{width:16px}.pen-settings-trigger{color:#667086;background:#fffffff5;border:1px solid #2f5fa81f;border-radius:999px;width:11px;height:11px;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;bottom:3px;right:2px;box-shadow:0 1px 4px #19263d24,inset 0 0 0 1px #ffffffad}.pen-settings-trigger span{opacity:.72;background:currentColor;border-radius:999px;width:4px;height:4px}.pen-settings-trigger:hover{color:#2f5fa8;background:#eaf1fb;border-color:#2f5fa847;transform:scale(1.16);box-shadow:0 3px 10px #2f5fa82e,inset 0 0 0 1px #ffffffbd}.toolbar-divider{background:#1f2d471a;height:24px;margin:0 3px}.zoom-level{color:#4c566b;border-radius:12px;width:54px;height:34px;font-size:11px;font-weight:650}.zoom-level:hover{color:#172033;background:#e8eef7e6}.toolbar-edge-reveal{border-radius:18px 18px 0 0;justify-content:center;align-items:center;width:58px;height:30px;display:flex;bottom:0}.toolbar-edge-reveal svg{stroke-width:2.35px}.paper-tone-quick{z-index:11;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #1f2d471c;border-radius:999px;align-items:center;gap:5px;min-height:42px;padding:5px;transition:opacity .22s,transform .22s,visibility .22s;display:inline-flex;position:absolute;bottom:22px;right:18px;box-shadow:0 14px 34px #19263d21,0 2px 8px #19263d0d}.paper-tone-quick button{color:#2f5fa8;cursor:pointer;border:1px solid #1f2d471f;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;transition:transform .14s,border-color .14s,box-shadow .14s;display:grid;box-shadow:inset 0 0 0 1px #ffffffb8}.paper-tone-quick button:hover{border-color:#2f5fa852;transform:translateY(-1px);box-shadow:0 5px 12px #19263d1f,inset 0 0 0 1px #fffc}.paper-tone-quick button.selected{border-color:#2f5fa88c;box-shadow:0 0 0 3px #2f5fa81f,inset 0 0 0 1px #fffc}.paper-tone-quick .tone-soft{background:#f7f8fb}.paper-tone-quick .tone-warm{background:#f8f6f1}.paper-tone-quick .tone-gray{background:#eef1f5}.paper-tone-quick .tone-white{background:#fff}.editor-shell.controls-hidden .paper-tone-quick{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px)}.page-thumb.loading{background:#e8edf5;position:relative;overflow:hidden}.page-thumb-skeleton{border-radius:inherit;background:linear-gradient(90deg,#0000,#ffffffb3,#0000) 0 0/180% 100%,linear-gradient(#f7f9fc,#edf2f8) 0 0/100% 100%;width:100%;height:100%;animation:1.05s ease-in-out infinite skeleton-sweep}@keyframes skeleton-sweep{to{background-position:-180% 0,0 0}}.editor-shell .pages-trigger{z-index:12;top:94%;right:18px;transform:translateY(-50%)}.editor-shell .pages-trigger:hover{transform:translateY(calc(-50% - 1px))}.editor-shell.controls-hidden .pages-trigger{opacity:0;visibility:hidden;pointer-events:none;display:flex;transform:translate(10px,-50%)}.tooltip{justify-content:center;align-items:center;display:inline-flex;position:relative}.tooltip:after{content:attr(data-tooltip);z-index:80;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#172033f0;border:1px solid #1f2d471f;border-radius:9px;max-width:190px;padding:6px 9px;font-size:11px;font-weight:650;line-height:1;transition:opacity .14s,transform .14s;position:absolute;box-shadow:0 10px 24px #19263d2e}.tooltip[data-disabled=true]:after{content:none}.tooltip[data-placement=top]:after{bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(4px)scale(.98)}.tooltip[data-placement=bottom]:after{top:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(-4px)scale(.98)}.tooltip[data-placement=left]:after{top:50%;right:calc(100% + 9px);transform:translateY(-50%)translate(4px)scale(.98)}.tooltip[data-placement=right]:after{top:50%;left:calc(100% + 9px);transform:translateY(-50%)translate(-4px)scale(.98)}@media (hover:hover) and (pointer:fine){.tooltip:hover:after{opacity:1}.tooltip[data-placement=top]:hover:after,.tooltip[data-placement=bottom]:hover:after{transform:translate(-50%)translateY(0)scale(1)}.tooltip[data-placement=left]:hover:after,.tooltip[data-placement=right]:hover:after{transform:translateY(-50%)translate(0)scale(1)}}@media (hover:none),(pointer:coarse),(width<=700px){.canvas-toolbar .tooltip:after{content:none}}.topbar-menu-wrap{place-items:center;display:grid;position:relative}.topbar-menu{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:100% 0;background:#ffffffeb;border:1px solid #1f2d471f;border-radius:14px;min-width:178px;padding:6px;animation:.16s both popup-in;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 42px #19263d24,0 2px 8px #19263d0d}.topbar-menu button{color:#263148;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:36px;padding:0 10px;font-size:12px;font-weight:680;transition:background .14s,color .14s;display:flex}.topbar-menu button:hover{color:#172033;background:#eef3fa}.topbar-menu button.danger{color:#b4232d!important}.topbar-menu button.danger:hover{background:#fff0f1;color:#a1131d!important}.confirm-dialog-layer{z-index:100;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog-scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:#0f172a42;border:0;width:100%;height:100%;animation:.16s both fade-in;position:absolute;inset:0}.confirm-dialog{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff0;border:1px solid #1f2d4721;border-radius:22px;width:min(420px,100%);padding:22px;animation:.2s cubic-bezier(.22,.85,.24,1) both confirm-in;position:relative;box-shadow:0 30px 80px #0f172a3d,0 4px 16px #0f172a14}.confirm-dialog .eyebrow{margin-bottom:10px}.confirm-dialog h2{color:#172033;letter-spacing:-.45px;margin:0;font-size:21px;line-height:1.18}.confirm-dialog p:not(.eyebrow){color:#667086;margin:10px 0 0;font-size:14px;line-height:1.55}.confirm-dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.confirm-secondary,.confirm-primary{cursor:pointer;border-radius:12px;min-height:40px;padding:0 15px;font-size:13px;font-weight:720;transition:transform .14s,background .14s,box-shadow .14s,border-color .14s}.confirm-secondary{color:#334155;background:#f8fafce6;border:1px solid #1f2d471f}.confirm-secondary:hover{background:#eef3fa}.confirm-primary{color:#fff;background:linear-gradient(#3d6faf,#2f5fa8);border:1px solid #2f5fa859;box-shadow:0 10px 22px #2f5fa833,inset 0 1px #ffffff2e}.confirm-primary:hover{background:linear-gradient(#477cbe,#335f9d);transform:translateY(-1px)}.confirm-primary.danger{background:linear-gradient(#d1434c,#b4232d);border-color:#b4232d52;box-shadow:0 10px 22px #b4232d33,inset 0 1px #ffffff29;color:#fff!important}.confirm-primary.danger:hover{background:linear-gradient(#de4f58,#a81823);color:#fff!important}@keyframes fade-in{0%{opacity:0}}@keyframes confirm-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.storage-quota-banner{z-index:120;color:#92400e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffbebf0;border:1px solid #b4530933;border-radius:17px;align-items:center;gap:10px;width:min(520px,100vw - 32px);min-height:52px;padding:10px 10px 10px 14px;animation:.22s both float-in;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #78350f24,0 2px 8px #78350f0f}.storage-quota-banner span{flex:1;gap:2px;min-width:0;display:grid}.storage-quota-banner strong{color:#78350f;font-size:12px}.storage-quota-banner small{color:#a16207;font-size:11px}.storage-quota-banner button{color:#92400e;cursor:pointer;background:#92400e14;border:0;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.storage-quota-banner button:hover{background:#92400e24}.save-recovery-banner{z-index:18;color:#9f1239;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff1f2f0;border:1px solid #b4232d33;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:min(620px,100vw - 36px);padding:11px 12px;animation:.2s both float-in;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #9f123921,0 2px 8px #9f12390d}.save-recovery-banner span{font-size:12px;font-weight:650;line-height:1.35}.save-recovery-banner button{color:#be123c;cursor:pointer;background:#fff;border:1px solid #9f12392e;border-radius:10px;flex:none;min-height:32px;padding:0 11px;font-size:12px;font-weight:750}.save-recovery-banner button:hover{background:#fff5f6}.fatal-error-shell{background:radial-gradient(circle at 50% -10%,#2f5fa824,#0000 36%),linear-gradient(145deg,#f8f9fc,#e8edf5);place-items:center;min-height:100vh;padding:24px;display:grid}.fatal-error-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffe6;border:1px solid #1f2d471f;border-radius:24px;width:min(520px,100%);padding:26px;box-shadow:0 24px 70px #1218261f}.fatal-error-card h1{color:#172033;letter-spacing:-.75px;margin:8px 0 10px;font-size:27px;line-height:1.08}.fatal-error-card p:not(.eyebrow){color:#667086;margin:0;line-height:1.55}.fatal-error-card>div{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.native-ink-selection-actions{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #1f2d471f;border-radius:14px;min-height:34px;padding:4px;animation:.14s both popup-in;position:absolute;transform:translate(-50%);box-shadow:0 14px 34px #19263d24,0 2px 8px #19263d0f}.native-ink-selection-actions[hidden]{display:none}.native-ink-selection-actions button{color:#b4232d;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;height:28px;padding:0 9px;font-size:11px;font-weight:750;display:flex}.native-ink-selection-actions button:hover{background:#fff0f1}.undo-toast{z-index:120;color:#172033;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;border:1px solid #1f2d471f;border-radius:16px;align-items:center;gap:8px;width:min(470px,100vw - 32px);min-height:48px;padding:8px 8px 8px 14px;animation:.18s both toolbar-in;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 20px 48px #19263d29,0 2px 8px #19263d0f}.undo-toast span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:650;overflow:hidden}.undo-toast button{color:#2f5fa8;cursor:pointer;background:#eaf1fb;border:0;border-radius:10px;min-height:32px;padding:0 10px;font-size:12px;font-weight:750}.undo-toast button:hover{background:#dfeafb}.undo-toast button[aria-label=Dismiss]{color:#667086;background:0 0}.editor-undo-toast{bottom:94px}.pdf-export-buttons{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.pdf-export-progress{background:#2f5fa81c;border-radius:999px;height:22px;margin-top:10px;position:relative;overflow:hidden}.pdf-export-progress i{border-radius:inherit;background:linear-gradient(90deg,#3d6faf,#2f5fa8);transition:width .18s;position:absolute;inset:0 auto 0 0}.pdf-export-progress span{z-index:1;color:#172033;place-items:center;height:100%;font-size:10px;font-weight:750;display:grid;position:relative}@media (width<=700px){.canvas-toolbar{left:50%;right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);scrollbar-width:none;border-radius:22px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:auto;max-width:calc(100vw - 16px);height:auto;min-height:54px;padding:7px;display:flex;overflow:visible}.canvas-toolbar::-webkit-scrollbar{display:none}.canvas-toolbar .icon-button{border-radius:14px;flex:none;width:37px;height:37px}.canvas-toolbar .icon-button svg{width:18px;height:18px}.canvas-toolbar .toolbar-divider,.canvas-toolbar .zoom-level,.canvas-toolbar button[aria-label=Zoom\ in],.canvas-toolbar button[aria-label=Zoom\ out]{display:none}.pen-tool-wrap,.eraser-tool-wrap,.toolbar-more-wrap{flex:none}.tool-setting-cue{width:15px;bottom:5px}.pen-settings,.eraser-settings,.toolbar-popover.paper-popover{left:50%;right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 118px);z-index:18;width:min(304px,100vw - 24px);max-height:min(54vh,390px);position:fixed;overflow:auto;transform:translate(-50%)}.toolbar-edge-reveal{bottom:env(safe-area-inset-bottom,0px)}.paper-tone-quick{right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 74px);gap:4px;padding:4px}.paper-tone-quick button{width:28px;height:28px}.editor-undo-toast{bottom:calc(env(safe-area-inset-bottom,0px) + 98px)}}@media (width<=390px){.canvas-toolbar{gap:3px;max-width:calc(100vw - 10px);padding:6px}.canvas-toolbar .icon-button{border-radius:12px;width:34px;height:34px}.canvas-toolbar .icon-button svg{width:17px;height:17px}.pen-settings,.eraser-settings,.toolbar-popover.paper-popover{bottom:calc(env(safe-area-inset-bottom,0px) + 110px);max-height:min(50vh,360px)}}@media (height<=620px) and (width<=700px){.pen-settings,.eraser-settings,.toolbar-popover.paper-popover{bottom:calc(env(safe-area-inset-bottom,0px) + 104px);max-height:min(46vh,300px)}.pen-width-preview,.eraser-size-preview{height:42px}}.pages-drawer .page-list{scrollbar-width:none;padding:15px 2px 128px}.pages-drawer .page-list::-webkit-scrollbar{display:none}.pages-drawer .page-row{isolation:isolate;padding:8px;overflow:hidden}.pages-drawer .page-row.menu-open{z-index:12}.pages-drawer .page-select{width:100%;padding-right:0;line-height:0;display:block}.pages-drawer .page-thumb{background:#f6f8fb;border:1px solid #181f2c17;border-radius:12px;width:100%;height:136px;padding:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffb8}.pages-drawer .page-thumb img,.pages-drawer .mini-paper{border-radius:11px;width:100%;height:100%;display:block}.pages-drawer .page-thumb img{object-fit:cover;object-position:center}.page-size-badge{z-index:2;color:#667086;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-variant-numeric:tabular-nums;background:#ffffffe6;border:1px solid #181f2c1a;border-radius:5px;align-items:center;min-height:22px;padding:0 8px;font-size:9px;font-weight:720;line-height:1;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 6px 16px #12182614}.pages-drawer .page-menu{z-index:8;flex:none;position:relative;top:auto;bottom:auto;right:auto}.pages-drawer .page-menu-trigger{color:#667086;border-radius:10px;place-items:center;width:34px;height:34px;transition:background .16s,color .16s,box-shadow .16s,transform .16s;display:grid}.pages-drawer .page-menu-trigger svg{display:block}.pages-drawer .page-menu-trigger:hover,.pages-drawer .page-menu-trigger[aria-expanded=true]{color:#2f5fa8;background:#eaf1fb;box-shadow:inset 0 0 0 1px #2f5fa829}.pages-drawer .page-menu-trigger:active{transform:scale(.96)}.pages-drawer .page-row.menu-open .page-menu{z-index:40}.pages-drawer .page-menu>div{z-index:50;top:auto;bottom:calc(100% + 7px);right:0}.page-card-footer{justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:4px 0 0 3px;display:flex}.page-title-button{color:#172033;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;flex:1;align-items:center;min-width:0;min-height:34px;padding:0 8px 1px 0;display:flex;overflow:visible}.page-title-button:hover{color:#2f5fa8}.page-title-button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:760;line-height:1.35;overflow:hidden}.pages-drawer .drawer-actions{z-index:1;background:linear-gradient(#ffffffb8,#fffffff0);position:relative}@media (width<=900px){.drawer-scrim{z-index:88;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1218262e}.pages-drawer{z-index:89;width:auto;max-width:none;padding:calc(env(safe-area-inset-top,0px) + 16px) max(16px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 14px) max(16px, env(safe-area-inset-left,0px));background:var(--editor-paper-tone-solid,#fff);border:0;border-radius:0;inset:0}@supports (color:color-mix(in lab, red, red)){.pages-drawer{background:color-mix(in srgb, var(--editor-paper-tone-solid,#fff) 94%, #fff)}}.pages-drawer{box-shadow:none;transform:translate(100%)}.pages-drawer.open{transform:translate(0)}.pages-drawer .drawer-header{z-index:5;background:inherit;padding:0 0 14px;position:sticky;top:0}.pages-drawer .page-list{padding:14px 0 132px}.pages-drawer .drawer-actions{background:linear-gradient(180deg, #fff0, var(--editor-paper-tone-solid,#fff) 22%);margin-inline:-2px;padding:12px 2px 0;position:sticky;bottom:0}@supports (color:color-mix(in lab, red, red)){.pages-drawer .drawer-actions{background:linear-gradient(180deg, #fff0, color-mix(in srgb, var(--editor-paper-tone-solid,#fff) 94%, #fff) 22%)}}.pages-drawer .page-thumb{height:clamp(132px,34vh,220px)}.pages-drawer .page-menu>div{z-index:92}}.prompt-dialog{width:min(430px,100%)}.prompt-field{color:#334155;gap:8px;margin-top:16px;font-size:12px;font-weight:720;display:grid}.prompt-field input{color:#172033;background:#fff;border:1px solid #181f2c21;border-radius:12px;outline:none;width:100%;min-height:42px;padding:0 12px;font:650 14px Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:inset 0 1px #ffffffbf}.prompt-field input:focus{border-color:#2f5fa873;box-shadow:0 0 0 3px #2f5fa81f,inset 0 1px #fffc}.confirm-primary:disabled,.confirm-primary:disabled:hover{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.pdf-reader-shell{color:#172033;-webkit-user-select:none;user-select:none;touch-action:none;background:#eef1f5;min-height:100vh;display:block;position:relative;overflow:hidden}.pdf-reader-page-label{z-index:8;color:#667086;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#ffffffe6;border:1px solid #94a3b838;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:760;transition:opacity .16s,transform .16s;position:fixed;bottom:18px;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 12px 28px #1218261f}.pdf-reader-shell:hover .pdf-reader-page-label,.pdf-reader-shell:focus-within .pdf-reader-page-label{opacity:1;transform:translate(-50%)translateY(0)}.pdf-reader-pages{background:#fff;grid-template-columns:1fr 1fr;gap:2px;height:100vh;padding:0;display:grid;overflow:hidden}.pdf-reader-pages.zoomed{cursor:default}.pdf-reader-page{background:#fff;min-width:0;min-height:0;position:relative;overflow:hidden}.pdf-reader-page-scroll{scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-x pan-y;width:100%;height:100%;overflow:auto}.pdf-reader-page-scroll::-webkit-scrollbar{display:none}.pdf-reader-page.blank{background:#f5f7fa}.pdf-reader-page-scroll canvas{width:calc(100% * var(--reader-page-zoom,1));height:calc(100% * var(--reader-page-zoom,1));min-width:100%;min-height:100%;display:block}.pdf-reader-page.zoomed canvas,.pdf-reader-pages.zoomed .pdf-reader-page canvas{cursor:grab}.pdf-reader-page.zoomed:active canvas{cursor:grabbing}.pdf-reader-page-edit{z-index:2;color:#2f5fa8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;opacity:0;background:#ffffffe6;border:1px solid #2f5fa829;border-radius:12px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:12px;font-weight:760;transition:opacity .16s,transform .16s,background .16s,border-color .16s;display:inline-flex;position:absolute;top:18px;right:24px;transform:translateY(-6px);box-shadow:0 12px 28px #1218261f}.pdf-reader-page:hover .pdf-reader-page-edit,.pdf-reader-page:focus-within .pdf-reader-page-edit{opacity:1;transform:translateY(0)}.pdf-reader-page-edit:hover{background:#f7f9fd;border-color:#2f5fa84d}.pdf-reader-back{z-index:9;color:#344054;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#ffffffe6;border:1px solid #94a3b838;border-radius:999px;place-items:center;width:44px;height:44px;transition:transform .16s,background .16s,border-color .16s;display:grid;position:fixed;top:18px;left:18px;box-shadow:0 14px 32px #1218261f}.pdf-reader-back:hover{background:#fff;border-color:#2f5fa83d;transform:translateY(-1px)}.pdf-reader-edge{z-index:4;color:#2f5fa88c;opacity:1;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #94a3b838;border-radius:999px;place-items:center;width:48px;height:48px;transition:transform .16s,background .16s,border-color .16s,color .16s,opacity .16s;display:grid;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 14px 32px #1218261f}.pdf-reader-edge.previous{left:18px}.pdf-reader-edge.next{right:18px}.pdf-reader-edge:hover,.pdf-reader-edge:focus-visible{color:#2f5fa8;opacity:1;background:#fff;border-color:#2f5fa83d;transform:translateY(-50%)scale(1.04)}.pdf-reader-edge:disabled{opacity:.28;pointer-events:none}.pdf-reader-state{color:#667086;background:#eef1f5;place-items:center;gap:10px;min-height:100vh;font-weight:720;display:grid}.reader-quick-controls{z-index:9;flex-direction:column;align-items:center;gap:7px;display:flex;position:fixed;bottom:18px;right:18px}.reader-quick-controls .paper-tone-quick{flex-direction:column;min-width:42px;min-height:auto;position:static;bottom:auto;right:auto}.reader-zoom-quick{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #1f2d471c;border-radius:999px;flex-direction:column;align-items:center;gap:4px;min-width:42px;padding:5px;display:inline-flex;box-shadow:0 14px 34px #19263d21,0 2px 8px #19263d0d}.reader-zoom-quick button{color:#2f5fa8;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;min-width:30px;height:30px;padding:0 9px;font-size:11px;font-weight:760;transition:background .14s,transform .14s;display:grid}.reader-zoom-quick button:hover{background:#eaf1fb;transform:translateY(-1px)}.reader-zoom-quick .reader-zoom-value{writing-mode:vertical-rl;text-orientation:mixed;color:#344054;min-width:30px;min-height:42px}@media (width<=820px){.pdf-reader-shell{overflow:auto}.pdf-reader-pages{grid-template-columns:1fr;height:100vh}.pdf-reader-page.left,.pdf-reader-page.blank{display:none}.pdf-reader-edge{opacity:.92;width:42px;height:42px}.pdf-reader-edge.previous{left:10px}.pdf-reader-edge.next{right:10px}.pdf-reader-back{left:10px;top:calc(env(safe-area-inset-top,0px) + 10px);width:42px;height:42px}.pdf-reader-page-label{bottom:calc(env(safe-area-inset-bottom,0px) + 14px);opacity:.86;transform:translate(-50%)}.pdf-reader-page-edit{top:calc(env(safe-area-inset-top,0px) + 12px);opacity:.9;right:12px;transform:none}.reader-quick-controls{right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);gap:6px}.reader-zoom-quick{min-width:38px;padding:4px}.reader-zoom-quick button{min-width:28px;height:28px;padding:0 7px}.reader-zoom-quick .reader-zoom-value{min-width:28px;min-height:38px}}@media (width<=700px){.editor-shell.native-editor{overscroll-behavior:none;width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh;position:fixed;inset:0;overflow:hidden}.editor-shell.native-editor .canvas-stage{inset:0}.editor-shell.native-editor .editor-topbar{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));top:max(8px, env(safe-area-inset-top));width:auto;max-width:calc(100vw - max(16px, env(safe-area-inset-left) + env(safe-area-inset-right)));grid-template-columns:minmax(0,1fr) auto;gap:4px;height:50px;overflow:visible}.editor-shell.native-editor .topbar-leading{min-width:0;overflow:hidden}.editor-shell.native-editor .editor-title{width:100%;min-width:0;max-width:42vw;padding-inline:6px;font-size:12px}.editor-shell.native-editor .topbar-actions{flex:none;gap:1px;min-width:0}.editor-shell.native-editor .topbar-actions .icon-button,.editor-shell.native-editor .topbar-leading .icon-button{border-radius:12px;width:36px;height:36px}.editor-shell.native-editor .header-pages-button{gap:5px;height:36px;padding:0 7px}.editor-shell.native-editor .canvas-toolbar{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom,0px) + 8px);width:max-content;max-width:calc(100vw - max(16px, env(safe-area-inset-left) + env(safe-area-inset-right)));z-index:30;max-height:min(116px,100dvh - 74px);margin-inline:auto;overflow:visible;transform:none}.editor-shell.native-editor .canvas-toolbar.hidden,.editor-shell.native-editor.toolbar-hidden .canvas-toolbar{transform:translateY(86px)}.editor-shell.native-editor .toolbar-edge-reveal{bottom:env(safe-area-inset-bottom,0px);z-index:31}.editor-shell.native-editor .typing-hint,.editor-shell.native-editor .canvas-center-button{display:none}.editor-shell.native-editor .save-recovery-banner{top:calc(env(safe-area-inset-top,0px) + 64px)}}@media (width<=390px){.editor-shell.native-editor .editor-title{max-width:34vw}.editor-shell.native-editor .topbar-divider{margin:0 2px}.editor-shell.native-editor .header-pages-button b{min-width:17px;height:17px;font-size:9px}}.editor-shell.native-editor{--editor-paper-tone:#f7f8fbe0;--editor-paper-tone-solid:#f7f8fb;--editor-paper-line:#2f5fa81f;--editor-paper-hover:#2f5fa814}.editor-shell.native-editor.paper-soft{--editor-paper-tone:#f7f8fbe0;--editor-paper-tone-solid:#f7f8fb}.editor-shell.native-editor.paper-warm{--editor-paper-tone:#f8f6f1e6;--editor-paper-tone-solid:#f8f6f1;--editor-paper-line:#85613521;--editor-paper-hover:#85613514}.editor-shell.native-editor.paper-gray{--editor-paper-tone:#eef1f5e6;--editor-paper-tone-solid:#eef1f5}.editor-shell.native-editor.paper-white{--editor-paper-tone:#ffffffe6;--editor-paper-tone-solid:#fff}.editor-shell.native-editor .canvas-stage{inset:0}.editor-shell.native-editor .editor-topbar,.editor-shell.native-editor .canvas-toolbar,.editor-shell.native-editor .toolbar-hide-tab,.editor-shell.native-editor .show-controls-button,.editor-shell.native-editor .toolbar-edge-reveal,.editor-shell.native-editor .topbar-menu,.editor-shell.native-editor .pen-settings,.editor-shell.native-editor .eraser-settings,.editor-shell.native-editor .toolbar-popover{background:var(--editor-paper-tone-solid)}@supports (color:color-mix(in lab, red, red)){.editor-shell.native-editor .editor-topbar,.editor-shell.native-editor .canvas-toolbar,.editor-shell.native-editor .toolbar-hide-tab,.editor-shell.native-editor .show-controls-button,.editor-shell.native-editor .toolbar-edge-reveal,.editor-shell.native-editor .topbar-menu,.editor-shell.native-editor .pen-settings,.editor-shell.native-editor .eraser-settings,.editor-shell.native-editor .toolbar-popover{background:color-mix(in srgb, var(--editor-paper-tone-solid) 88%, transparent)}}.editor-shell.native-editor .editor-topbar,.editor-shell.native-editor .canvas-toolbar,.editor-shell.native-editor .toolbar-hide-tab,.editor-shell.native-editor .show-controls-button,.editor-shell.native-editor .toolbar-edge-reveal,.editor-shell.native-editor .topbar-menu,.editor-shell.native-editor .pen-settings,.editor-shell.native-editor .eraser-settings,.editor-shell.native-editor .toolbar-popover{border-color:var(--editor-paper-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 24px #12182614,0 1px 3px #1218260a}.editor-shell.native-editor .editor-topbar{border-radius:18px;box-shadow:0 4px 18px #12182612}.editor-shell.native-editor .canvas-toolbar{border-radius:22px;box-shadow:0 10px 28px #1218261a,0 1px 3px #1218260a}.editor-shell.native-editor .canvas-toolbar .icon-button:hover,.editor-shell.native-editor .topbar-actions .icon-button:hover,.editor-shell.native-editor .header-pages-button:hover,.editor-shell.native-editor .toolbar-hide-tab:hover,.editor-shell.native-editor .topbar-menu button:hover{background:var(--editor-paper-hover)}.editor-shell.native-editor .toolbar-hide-tab:before,.editor-shell.native-editor .header-pages-button,.editor-shell.native-editor .canvas-toolbar .icon-button.active{background:var(--editor-paper-tone-solid)}@supports (color:color-mix(in lab, red, red)){.editor-shell.native-editor .header-pages-button,.editor-shell.native-editor .canvas-toolbar .icon-button.active{background:color-mix(in srgb, var(--editor-paper-tone-solid) 72%, #eaf1fb)}}.editor-shell.native-editor .header-pages-button,.editor-shell.native-editor .canvas-toolbar .icon-button.active{border-color:var(--editor-paper-line)}@media (width>=701px){.editor-shell.native-editor .editor-topbar{border-radius:16px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;width:auto;max-width:none;height:48px;padding:5px 6px;display:grid;top:16px;left:18px;right:18px}.editor-shell.native-editor .canvas-toolbar{bottom:18px}.editor-shell.native-editor .topbar-leading{flex:0 auto;max-width:min(420px,36vw)}.editor-shell.native-editor .editor-title{width:clamp(150px,18vw,280px);max-width:none;font-size:13px}.editor-shell.native-editor .save-status{background:var(--editor-paper-tone-solid);border-radius:999px;flex:none;justify-self:auto;height:32px;margin:0 3px;padding:0 7px}@supports (color:color-mix(in lab, red, red)){.editor-shell.native-editor .save-status{background:color-mix(in srgb, var(--editor-paper-tone-solid) 68%, transparent)}}.editor-shell.native-editor .save-status.saved{color:#3f7c59;justify-content:center;gap:0;min-width:32px;max-width:32px;font-size:0;overflow:hidden}.editor-shell.native-editor .save-status.saved svg{flex:none;margin:0}.editor-shell.native-editor .save-status.pending,.editor-shell.native-editor .save-status.saving{min-width:auto;max-width:none;font-size:10px}.editor-shell.native-editor .topbar-actions{flex:none;justify-self:end;gap:3px}}@media (width<=700px){.editor-shell.native-editor .editor-topbar{background:var(--editor-paper-tone-solid)}@supports (color:color-mix(in lab, red, red)){.editor-shell.native-editor .editor-topbar{background:color-mix(in srgb, var(--editor-paper-tone-solid) 92%, transparent)}}.editor-shell.native-editor .editor-topbar{border-radius:18px;box-shadow:0 5px 18px #12182614}.editor-shell.native-editor .canvas-toolbar{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));width:max-content;max-width:calc(100vw - max(16px, env(safe-area-inset-left) + env(safe-area-inset-right)));scrollbar-width:none;background:var(--editor-paper-tone-solid);border-radius:18px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;height:54px;min-height:54px;max-height:54px;margin-inline:auto;padding:7px 8px;display:flex;overflow:visible;transform:none}@supports (color:color-mix(in lab, red, red)){.editor-shell.native-editor .canvas-toolbar{background:color-mix(in srgb, var(--editor-paper-tone-solid) 91%, transparent)}}.editor-shell.native-editor .canvas-toolbar{-webkit-overflow-scrolling:touch;touch-action:pan-x;box-shadow:0 14px 34px #1218261f,0 1px 4px #1218260d}.editor-shell.native-editor .canvas-toolbar.popup-open{touch-action:manipulation;overflow:visible}.editor-shell.native-editor .canvas-toolbar-rail{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:4px;width:100%;min-width:0;display:flex;overflow:auto hidden}.editor-shell.native-editor .canvas-toolbar-rail::-webkit-scrollbar{display:none}.editor-shell.native-editor .canvas-toolbar .icon-button{border-radius:12px;flex:none;width:34px;min-width:34px;height:34px}.editor-shell.native-editor .canvas-toolbar .icon-button svg{width:18px;height:18px}.editor-shell.native-editor .canvas-toolbar .toolbar-divider,.editor-shell.native-editor .canvas-toolbar .zoom-level,.editor-shell.native-editor .canvas-toolbar button[aria-label=Zoom\ in],.editor-shell.native-editor .canvas-toolbar button[aria-label=Zoom\ out]{display:none}.editor-shell.native-editor .pen-tool-wrap,.editor-shell.native-editor .eraser-tool-wrap,.editor-shell.native-editor .toolbar-more-wrap{flex:none;display:block}.editor-shell.native-editor .mobile-toolbar-scroll{z-index:4;background:var(--editor-paper-tone-solid);border:1px solid #1f2d471a;border-radius:10px;width:24px;height:32px;position:absolute;top:50%}@supports (color:color-mix(in lab, red, red)){.editor-shell.native-editor .mobile-toolbar-scroll{background:color-mix(in srgb, var(--editor-paper-tone-solid) 90%, #fff)}}.editor-shell.native-editor .mobile-toolbar-scroll{color:#536174;opacity:0;pointer-events:none;cursor:pointer;place-items:center;padding:0;transition:opacity .16s,transform .16s,background .16s,color .16s;display:grid;transform:translateY(-50%)scale(.94);box-shadow:0 5px 14px #12182614}.editor-shell.native-editor .mobile-toolbar-scroll.visible{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}.editor-shell.native-editor .mobile-toolbar-scroll:hover,.editor-shell.native-editor .mobile-toolbar-scroll:focus-visible{background:var(--editor-paper-tone-solid)}@supports (color:color-mix(in lab, red, red)){.editor-shell.native-editor .mobile-toolbar-scroll:hover,.editor-shell.native-editor .mobile-toolbar-scroll:focus-visible{background:color-mix(in srgb, var(--editor-paper-tone-solid) 72%, #eaf1fb)}}.editor-shell.native-editor .mobile-toolbar-scroll:hover,.editor-shell.native-editor .mobile-toolbar-scroll:focus-visible{color:#2f5fa8}.editor-shell.native-editor .mobile-toolbar-scroll.previous{left:8px}.editor-shell.native-editor .mobile-toolbar-scroll.next{right:8px}.editor-shell.native-editor .mobile-toolbar-scroll:active{transform:translateY(-50%)scale(.96)}.editor-shell.native-editor .toolbar-edge-reveal{border-color:var(--editor-paper-line);background:var(--editor-paper-tone-solid);border-radius:14px 14px 0 0;width:52px;height:24px}@supports (color:color-mix(in lab, red, red)){.editor-shell.native-editor .toolbar-edge-reveal{background:color-mix(in srgb, var(--editor-paper-tone-solid) 88%, #fff)}}.editor-shell.native-editor .toolbar-edge-reveal{color:#536174;box-shadow:0 -8px 22px #1218261a,inset 0 1px #ffffff61}.editor-shell.native-editor .toolbar-edge-reveal svg{color:#536174;stroke-width:2.6px}.editor-shell.native-editor .pen-settings,.editor-shell.native-editor .eraser-settings,.editor-shell.native-editor .toolbar-popover.paper-popover{bottom:calc(env(safe-area-inset-bottom,0px) + 74px)}}@media (width<=390px){.editor-shell.native-editor .canvas-toolbar{border-radius:17px;gap:3px;max-width:calc(100vw - 10px);height:50px;min-height:50px;max-height:50px;padding:6px}.editor-shell.native-editor .canvas-toolbar .icon-button{border-radius:11px;width:32px;min-width:32px;height:32px}.editor-shell.native-editor .canvas-toolbar .icon-button svg{width:17px;height:17px}.editor-shell.native-editor .pen-settings,.editor-shell.native-editor .eraser-settings,.editor-shell.native-editor .toolbar-popover.paper-popover{bottom:calc(env(safe-area-inset-bottom,0px) + 68px)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}