@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.0b02cdm7g7y6h.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__iaM1Ya__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__iaM1Ya__variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.2-i4fw5gbtlb7.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
:root{--paper:#fffef9;--canvas:#ece6da;--ink:#1d2533;--muted:#69707c;--line:#d8d2c7;--blue:#2457f5;--blue-dark:#153bb8;--mint:#cfeedd;--yellow:#f8df76;--danger:#b93030;--header-height:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{overscroll-behavior:none;width:100%;height:100%;color:var(--ink);font-family:var(--font-geist-sans), system-ui, sans-serif;background:#f7f2e8;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 60%, white);outline-offset:2px}a{color:inherit}.app-shell{grid-template-rows:var(--header-height) minmax(0, 1fr);overscroll-behavior:none;width:100%;height:100dvh;min-height:100svh;display:grid;position:fixed;inset:0;overflow:hidden}.app-scroll{overscroll-behavior:none;min-width:0;min-height:0;overflow:auto}.app-scroll:has(.editor-route){overflow:hidden}.app-shell:has(.editor-route){grid-template-rows:minmax(0,1fr)}.app-shell:has(.editor-route)>.site-header{display:none}.site-header{z-index:50;min-width:0;padding:env(safe-area-inset-top) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));border-bottom:1px solid color-mix(in srgb, var(--line) 72%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f2e8eb;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{min-width:0;color:var(--ink);letter-spacing:-.03em;align-items:center;gap:9px;font-size:19px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{background:var(--paper);border:1px solid #c9c2b5;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 4px 12px #3931251a}.brand-mark svg,.editor-brand svg{width:100%;height:100%;display:block}.plan-pill{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:3px 7px;font-size:10px;font-weight:800}.plan-pill.is-pro{color:#725900;background:#fff4be;border-color:#d4b243}.site-nav{align-items:center;gap:6px;min-width:0;display:flex}.nav-link,.quiet-button,.language-button,.primary-small,.icon-button{min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;font-weight:650;text-decoration:none;display:inline-flex}.nav-link,.quiet-button{color:#4b5360;padding:0 12px;font-size:14px}.nav-link:hover,.quiet-button:hover,.icon-button:hover,.language-button:hover{background:#1d253312}.primary-small{background:var(--blue);color:#fff;padding:0 16px;font-size:14px}.primary-small:hover{background:var(--blue-dark)}.language-button{font-size:12px;font-weight:800}.install-wrap{position:relative}.install-cta{border:1px solid var(--blue);background:var(--blue);color:#fff;box-shadow:0 5px 14px #2457f52e}.install-cta:hover,.install-cta:focus-visible{color:#fff;background:var(--blue-dark)!important}.install-help{border:1px solid var(--line);background:var(--paper);border-radius:12px;width:min(290px,80vw);padding:12px 14px;font-size:13px;line-height:1.4;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 35px #26201729}.install-surface-drawer .install-cta{justify-content:flex-start;width:100%;min-height:44px;padding-inline:12px}.install-dialog-backdrop{z-index:4;padding:max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1d253357;place-items:center;display:grid;position:absolute;inset:0}.install-dialog{overscroll-behavior:contain;border:1px solid var(--line);background:var(--paper);border-radius:20px;gap:14px;width:min(300px,100%);max-height:100%;padding:18px;display:grid;overflow:auto;box-shadow:0 22px 70px #0000003d}.install-dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.install-dialog h2,.install-dialog p{margin:0}.install-dialog h2{font-size:18px}.install-dialog p{color:var(--muted);font-size:15px;line-height:1.55}.install-dialog-close{flex:0 0 44px;width:44px;height:44px;padding:0}.update-toast{z-index:100;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));background:var(--ink);color:#fff;border-radius:14px;align-items:center;gap:12px;padding:10px 10px 10px 15px;display:flex;position:fixed;box-shadow:0 12px 35px #00000038}.update-toast button{min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:9px;padding:0 13px;font-weight:700}.page-container{width:min(1120px,100% - 32px);padding:48px 0 calc(64px + env(safe-area-inset-bottom));margin:0 auto}.page-heading{max-width:720px;margin-bottom:30px}.eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:12px;font-size:clamp(34px,5vw,58px);line-height:.98}h2{letter-spacing:-.035em}.lede{color:var(--muted);font-size:clamp(16px,2.2vw,20px);line-height:1.55}.card{border:1px solid color-mix(in srgb, var(--line) 88%, white);background:color-mix(in srgb, white 84%, var(--paper));border-radius:20px;box-shadow:0 12px 40px #39312512}.form-card{width:min(480px,100%);padding:28px}.field{gap:7px;margin-bottom:16px;display:grid}.field label{font-size:13px;font-weight:750}.field input,.field select{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #cfc8bb;border-radius:12px;padding:0 13px;font-size:16px}.primary-button,.secondary-button,.danger-button{cursor:pointer;touch-action:manipulation;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 17px;font-weight:750;text-decoration:none;display:inline-flex}.primary-button{background:var(--blue);color:#fff}.secondary-button{border-color:var(--line);color:var(--ink);background:#fff}.danger-button{color:var(--danger);background:#fff5f5;border-color:#ebc5c5}.primary-button:disabled,.secondary-button:disabled,button:disabled{cursor:not-allowed;opacity:.52}.error-text{color:var(--danger);font-size:14px}.success-text{color:#17633a;font-size:14px}.notebook-grid,.pricing-grid,.metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px;display:grid}.notebook-card{gap:18px;min-height:210px;padding:22px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;position:relative}.notebook-card:hover{border-color:color-mix(in srgb, var(--blue) 28%, var(--line));transform:translateY(-2px);box-shadow:0 17px 44px #3931251c}.notebook-preview{aspect-ratio:210/297;background:linear-gradient(#dce8fa 1px, transparent 1px) 0 22px / 100% 22px, var(--paper);border:1px solid #d5cec1;border-radius:5px 11px 5px 5px;width:76px;box-shadow:0 8px 16px #302a221a}.notebook-preview.landscape{aspect-ratio:297/210}.notebook-meta{color:var(--muted);font-size:13px}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pricing-card{align-content:start;gap:18px;padding:28px;display:grid;position:relative}.pricing-card.featured{border-color:#8ba8ff;box-shadow:0 18px 50px #2457f51f}.pricing-auth-note{border:1px solid var(--line);background:#ffffff8c;border-radius:16px;align-items:center;gap:12px;margin-top:18px;padding:14px;display:flex}.pricing-auth-note p,.pricing-account-state{color:var(--muted);margin:0;line-height:1.45}.pricing-account-state{border-left:3px solid var(--blue);margin-top:16px;padding-left:12px}.price{letter-spacing:-.04em;font-size:34px;font-weight:800}.feature-list{gap:11px;padding:0;list-style:none;display:grid}.feature-list li{color:#4e5662;gap:9px;display:flex}.metric-card{padding:20px}.metric-card strong{letter-spacing:-.04em;margin-top:5px;font-size:30px;display:block}.admin-grid{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:24px;margin-top:26px;display:grid}.admin-accounts-card{margin-top:26px;overflow:hidden}.admin-section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:18px;padding:22px 24px;display:flex}.admin-section-heading h2,.admin-section-heading p{margin-bottom:0}.admin-section-heading p{color:var(--muted);font-size:13px}.admin-account-list{display:grid}.admin-account-row{border-bottom:1px solid color-mix(in srgb, var(--line) 76%, transparent);grid-template-columns:minmax(0,1fr) minmax(180px,auto) auto;align-items:center;gap:18px;min-width:0;padding:18px 24px;display:grid}.admin-account-row:last-child{border-bottom:0}.admin-account-identity{min-width:0}.admin-account-email{text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;display:block;overflow:hidden}.admin-account-meta{color:var(--muted);font-size:12px;line-height:1.45}.admin-account-plans{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.admin-plan-badge{border:1px solid var(--line);min-height:28px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:750;display:inline-flex}.admin-plan-badge.is-owner,.admin-plan-badge.is-pro{color:#725900;background:#fff4be;border-color:#d4b243}.admin-pro-toggle-form{justify-items:end;gap:5px;display:grid}.admin-pro-toggle-form .error-text{text-align:right;max-width:220px;margin:0}.admin-pro-toggle{min-width:104px;min-height:44px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;padding:0 9px;font-weight:750;display:inline-flex}.admin-pro-toggle:hover:not(:disabled){background:#1d25330f}.admin-pro-toggle:disabled{cursor:default;opacity:1}.admin-pro-toggle-track{background:#d7d2c9;border:1px solid #aaa398;border-radius:999px;flex:none;width:46px;height:26px;transition:background .15s,border-color .15s;position:relative}.admin-pro-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #1d253347}.admin-pro-toggle[aria-checked=true] .admin-pro-toggle-track{border-color:var(--blue);background:var(--blue)}.admin-pro-toggle[aria-checked=true] .admin-pro-toggle-thumb{transform:translate(20px)}.admin-pro-toggle[data-pending=true] .admin-pro-toggle-track{animation:.7s ease-in-out infinite alternate admin-toggle-pulse}.admin-pro-toggle-label{text-align:left;min-width:30px;font-size:12px}.admin-pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.admin-pagination-status{color:var(--muted);text-align:center;font-size:12px}.admin-empty-users{color:var(--muted);margin:0;padding:26px 24px}@keyframes admin-toggle-pulse{0%{opacity:.48}to{opacity:1}}@media (prefers-reduced-motion:reduce){.admin-pro-toggle-track,.admin-pro-toggle-thumb{transition:none}.admin-pro-toggle[data-pending=true] .admin-pro-toggle-track{animation:none}}.legal-copy{color:#414854;max-width:760px;line-height:1.7}.full-button{width:100%}.auth-page{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center;gap:clamp(28px,8vw,100px);min-height:100%;display:grid}.auth-card{justify-self:end}.code-input{font-family:var(--font-geist-mono), monospace;letter-spacing:.35em;text-align:center;font-weight:750;font-size:26px!important}.empty-state{align-content:center;place-items:start;max-width:620px;min-height:100%;display:grid}.new-notebook-card{background:radial-gradient(circle at 7% 12%,#2e5bff26,#0000 32%),linear-gradient(135deg,#fffffff5,#f5f1e8f0);grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);align-items:center;gap:24px;margin-bottom:28px;padding:26px;display:grid;position:relative;overflow:hidden}.guest-draft-recovery{border-color:color-mix(in srgb, var(--blue) 26%, var(--line));background:color-mix(in srgb, var(--accent-soft) 38%, white);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:22px;padding:20px 22px;display:grid}.guest-draft-recovery h2{margin-bottom:5px}.guest-draft-recovery p:last-child{margin-bottom:0}.guest-draft-icon{width:46px;height:46px;color:var(--blue);background:#fff;border-radius:14px;place-items:center;display:grid;box-shadow:0 8px 22px #2457f51f}.guest-draft-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.new-notebook-card:after{aspect-ratio:210/297;content:"";pointer-events:none;background:linear-gradient(#2e5bff17 1px,#0000 1px) 0 18px/100% 18px,#ffffff8c;border:1px solid #2e5bff26;border-radius:9px 20px 9px 9px;width:138px;position:absolute;top:-52px;right:-34px;transform:rotate(11deg)}.new-notebook-card>*{z-index:1;position:relative}.new-notebook-intro p:last-child{max-width:34ch;color:var(--muted);margin-bottom:0;line-height:1.5}.new-notebook-icon{width:48px;height:48px;color:var(--blue);background:#2e5bff1a;border:1px solid #2e5bff2e;border-radius:15px;place-items:center;margin-bottom:18px;display:grid}.inline-form{grid-template-columns:minmax(160px,1fr) minmax(150px,.65fr) auto;align-items:end;gap:12px;display:grid}.new-notebook-form{grid-template-columns:minmax(170px,1fr) minmax(170px,.72fr) auto}.new-notebook-custom-size{border:1px solid var(--line);border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(130px,1fr));gap:12px;min-width:0;margin:0;padding:14px;display:grid}.new-notebook-custom-size legend{color:var(--muted);padding-inline:6px;font-size:13px;font-weight:750}.measurement-input{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:44px;display:grid;overflow:hidden}.measurement-input:focus-within{outline:3px solid var(--accent-soft);border-color:var(--accent)}.measurement-input input{background:0 0;border:0;border-radius:0;outline:0;min-width:0;min-height:42px}.measurement-input>span{color:var(--muted);padding-inline:8px 12px;font-size:13px;font-weight:700}.new-notebook-submit{align-self:end;gap:4px;display:grid}.new-notebook-submit .form-error{max-width:250px;min-height:1em;margin:0;font-size:12px}.new-notebook-submit .form-error:empty{display:none}.compact-field{margin:0}.account-section,.trash-section,.account-footer{margin-top:28px}.account-plan-card{grid-template-columns:minmax(210px,.85fr) minmax(360px,1.35fr) auto;align-items:center;gap:22px;margin-bottom:22px;padding:22px;display:grid}.account-guide-settings{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:20px 22px;display:flex}.account-guide-settings h2,.account-guide-settings p{margin-bottom:4px}.account-guide-settings p{color:var(--muted)}.account-guide-settings .secondary-button{white-space:nowrap;min-height:44px}.account-plan-copy{gap:12px;display:grid}.account-plan-copy .plan-pill{justify-self:start}.account-plan-copy h2{margin-bottom:5px}.account-plan-copy p{color:var(--muted);margin-bottom:0;line-height:1.45}.account-usage{grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px;margin:0;display:grid}.account-usage>div{border:1px solid color-mix(in srgb, var(--line) 75%, transparent);background:#ffffff9e;border-radius:13px;grid-template-columns:auto 1fr;gap:3px 7px;min-width:0;padding:12px;display:grid}.account-usage svg{color:var(--blue);grid-row:1/span 2}.account-usage dt{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.account-usage dd{white-space:nowrap;margin:0;font-size:14px;font-weight:800}.account-plan-actions{gap:8px;display:grid}.limit-warning{color:var(--danger);background:#fff5f5;border:1px solid #ebc5c5;border-radius:14px;margin:0;padding:16px;line-height:1.5}.account-library{gap:16px;display:grid}.account-library-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.account-library-heading h2{margin-bottom:6px;font-size:clamp(24px,3vw,34px)}.account-library-heading p:last-child{color:var(--muted);margin-bottom:0}.notebook-count{border:1px solid var(--line);min-height:36px;color:var(--muted);white-space:nowrap;background:#ffffffa6;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:750}.notebook-library-controls{border:1px solid var(--line);background:#ffffff7a;border-radius:16px;grid-template-columns:minmax(190px,1fr) minmax(180px,.45fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.read-only-pill{border:1px solid var(--line);background:var(--surface);min-height:28px;color:var(--muted);border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:750;display:inline-flex}.library-pagination{color:var(--muted);text-align:center;grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);align-items:center;gap:12px;font-size:13px;display:grid}.library-pagination>:last-child{justify-self:end}.library-pagination>:first-child{justify-self:start}.empty-copy{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:18px;padding:34px}.trash-section{border-top:1px solid var(--line);padding:24px 0}.trash-row{border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.notebook-trash-backdrop{z-index:200;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1d25336b;place-items:center;display:grid;position:fixed;inset:0}.notebook-trash-dialog{background:var(--paper);overscroll-behavior:contain;border-radius:20px;gap:20px;width:min(440px,100%);max-height:100%;padding:28px;display:grid;overflow:auto;box-shadow:0 22px 70px #00000040}.notebook-trash-dialog h2,.notebook-trash-dialog p{margin:0}.notebook-trash-dialog p{color:var(--muted);margin-top:7px;line-height:1.5}.notebook-trash-dialog .modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.upgrade-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:28px;display:grid}.upgrade-card p{color:var(--muted);margin-bottom:0}.account-footer,.account-danger-zone{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.account-footer{border-top:1px solid var(--line);padding-top:26px}.editor-route{background:var(--canvas);overscroll-behavior:none;grid-template-columns:minmax(0,1fr) 104px;width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.notebook-drawer-backdrop{z-index:89;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#1d25333d;border:0;transition:opacity .18s;position:absolute;inset:0}.notebook-drawer-backdrop.is-open{opacity:1;pointer-events:auto}.notebook-drawer{z-index:90;width:min(340px,100% - 28px);padding:calc(12px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));border-right:1px solid var(--line);pointer-events:none;visibility:hidden;will-change:transform;background:#fffcf6fa;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;transition:transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s;display:grid;position:absolute;top:0;bottom:0;left:0;transform:translate(calc(-100% - 24px));box-shadow:18px 0 54px #1d253333}.notebook-drawer.is-open{pointer-events:auto;visibility:visible;transition-delay:0s,0s;transform:translate(0)}.notebook-drawer-header,.notebook-drawer-new,.notebook-drawer-settings>a,.notebook-drawer-list>a{align-items:center;gap:10px;display:flex}.notebook-drawer-header{justify-content:space-between}.notebook-drawer-new{justify-content:center;text-decoration:none}.notebook-drawer-list{align-content:start;gap:5px;min-height:0;display:grid;overflow:auto}.notebook-drawer-list>a,.notebook-drawer-settings>a{min-height:44px;color:var(--ink);border-radius:10px;padding:8px 10px;font-weight:700;text-decoration:none}.notebook-drawer-list>a:hover,.notebook-drawer-list>a.is-current,.notebook-drawer-settings>a:hover{color:var(--blue-dark);background:#e8edff}.notebook-drawer-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.notebook-drawer-settings{border-top:1px solid var(--line);gap:4px;padding-top:10px;display:grid}.pages-drawer-backdrop,.pages-drawer,.topbar-actions .pages-drawer-trigger{display:none}.page-rail{z-index:12;min-width:0;min-height:0;padding:calc(8px + env(safe-area-inset-top)) calc(6px + env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) 6px;background:#f4efe5;border-left:1px solid #d5cec1;grid-template-rows:minmax(0,1fr) auto;display:grid}.page-list{overscroll-behavior:contain;scrollbar-width:thin;align-content:start;gap:6px;width:100%;min-width:0;min-height:0;display:grid;overflow:hidden auto}.page-thumbnail-cell{border-radius:11px;min-width:0;display:grid;position:relative}.page-thumbnail,.rail-add,.rail-export{width:100%;min-height:44px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:11px;place-items:center;gap:5px;padding:7px 4px;font-size:11px;font-weight:700;display:grid}.page-thumbnail-cell.is-active .page-thumbnail{color:var(--blue-dark);background:#e6ecff;border-color:#98aff3}.page-thumbnail>span:last-child{overflow-wrap:anywhere;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-width:0;max-width:100%;line-height:1.25;display:-webkit-box;overflow:hidden}.thumbnail-paper{aspect-ratio:210/297;background-color:var(--paper);border:1px solid #cfc8ba;border-radius:3px;width:36px;display:block;box-shadow:0 3px 8px #27221b1a}.thumbnail-paper.landscape{aspect-ratio:297/210;width:49px}.thumbnail-paper.screen{width:49px}.page-rail-actions{gap:4px;padding-top:8px;display:grid}.rail-add,.rail-export{color:var(--blue)}.rail-add:hover,.rail-export:hover,.page-thumbnail:hover{background:#2457f512}.rail-add:disabled,.rail-export:disabled{cursor:not-allowed;opacity:.42}.page-thumbnail-delete{color:#b62e2e;cursor:pointer;opacity:0;pointer-events:none;visibility:hidden;touch-action:manipulation;background:#fff5f2;border:0;border-radius:10px;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;transition:opacity .14s,visibility 0s linear .14s;display:grid;position:absolute;bottom:4px;right:4px;overflow:hidden}.page-thumbnail-cell.is-delete-visible .page-thumbnail-delete{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}.page-thumbnail-delete:hover,.page-thumbnail-delete:focus-visible{background:#ffe9e4}.editor-main{--editor-topbar-height:calc(48px + env(safe-area-inset-top));grid-template-rows:var(--editor-topbar-height) minmax(0, 1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.editor-main.has-guest-banner{grid-template-rows:var(--editor-topbar-height) minmax(0, 1fr)}.editor-main.has-product-guide{grid-template-rows:var(--editor-topbar-height) auto minmax(0, 1fr)}.editor-topbar{z-index:15;min-width:0;padding:calc(2px + env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 2px 8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f2e8f0;border-bottom:1px solid #d5cec1;justify-content:space-between;align-items:center;gap:12px;display:flex}.notebook-drawer-trigger{flex:none}.notebook-launcher{background:var(--canvas);place-items:center;min-height:100dvh;padding:24px;display:grid}.notebook-launcher-card{border:1px solid var(--line);background:var(--paper);border-radius:20px;justify-items:center;gap:15px;padding:28px;display:grid;box-shadow:0 18px 50px #1d253324}.editor-read-only-banner{z-index:14;top:calc(var(--editor-topbar-height) + 8px);max-width:calc(100% - 24px);color:var(--muted);background:#fffcf6f0;border:1px solid #d5cec1;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #3931251f}.editor-read-only-banner a{color:var(--blue);flex:none;font-weight:800}.editor-guest-banner{z-index:14;top:calc(var(--editor-topbar-height) + 8px);width:min(680px,100% - 20px);min-width:0;color:var(--muted);background:#fffcf6f5;border:1px solid #d5cec1;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 10px;margin:0;padding:8px 10px;font-size:13px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #3931251f}.editor-guest-banner>span{min-width:0;line-height:1.35}.editor-guest-banner a{min-height:44px;color:var(--blue-dark);border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-weight:800;text-decoration:none;display:inline-flex}.editor-guest-banner a:hover,.editor-guest-banner a:focus-visible{background:#e8edff}.editor-guest-banner strong{color:var(--ink)}.product-guide{z-index:14;background:#fffcf6f5;border:1px solid #d5cec1;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;margin:8px 10px 0;padding:8px 10px;display:grid;box-shadow:0 12px 32px #39312524}.product-guide>svg{color:#d49000}.product-guide strong,.product-guide p{margin:0;display:block}.product-guide p{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.35}.product-guide-dismiss{border:1px solid var(--line);min-height:44px;color:var(--blue);background:#fff;border-radius:12px;padding:0 14px;font-weight:800}.product-guide-close{min-width:44px;min-height:44px}.editor-route.is-read-only .tool-dock{opacity:.5}.editor-identity{align-items:center;gap:2px;min-width:0;display:flex}.editor-brand{background:var(--paper);border:1px solid #c9c2b5;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;margin-right:6px;text-decoration:none;display:grid}.document-title{align-items:center;min-width:0;max-width:min(44vw,520px);display:flex}.document-title-line{white-space:nowrap;align-items:center;min-width:0;display:flex}.document-title strong,.active-page-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-title strong{max-width:min(24vw,300px);font-size:14px}.active-page-title{color:#485363;max-width:min(18vw,220px);font-size:13px;font-weight:700}.title-separator{color:#9a9287;margin-inline:2px 11px}.title-edit-button{color:#657083;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:44px;min-width:44px;height:44px;margin-left:6px;padding:0;display:grid}.title-edit-button:hover,.title-edit-button:focus-visible{color:var(--blue-dark);background:#1d253312}.title-edit-button:disabled{opacity:.4;cursor:wait}.save-status{min-width:44px;max-width:min(230px,28vw);min-height:44px;color:var(--muted);border-radius:11px;flex:0 auto;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:750;display:inline-flex;overflow:visible}.save-status-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.save-status.is-dirty,.save-status.is-offline,.save-status.is-conflict{color:#9b4e11}.save-status.is-saved{color:#17633a}.save-status.is-saving svg{animation:.9s linear infinite paper-spin}@keyframes paper-spin{to{transform:rotate(360deg)}}.topbar-actions,.dock-utilities{align-items:center;gap:3px;display:flex}.topbar-actions{overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x;min-width:0;margin-left:auto;overflow-x:auto}.topbar-actions::-webkit-scrollbar{display:none}.editor-action,.dock-action{color:#46505f;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.editor-action span{white-space:nowrap}.editor-action:hover,.dock-action:hover{background:#1d253312}.editor-action.is-danger{color:var(--danger)}.editor-action.is-active{color:var(--blue-dark);background:#e6ecff}.editor-action:disabled,.dock-action:disabled{opacity:.34;cursor:not-allowed}.editor-action:disabled:hover,.dock-action:disabled:hover{background:0 0}.editor-language{text-decoration:none}.view-menu,.format-menu{z-index:85;top:auto;right:auto;bottom:calc(70px + max(8px, env(safe-area-inset-bottom)));width:min(300px, calc(100% - max(10px, env(safe-area-inset-left)) - max(10px, env(safe-area-inset-right))));max-height:calc(100% - var(--editor-topbar-height) - 16px - env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;background:#fffef9fa;border-radius:17px;gap:14px;padding:14px;display:grid;position:fixed;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 18px 50px #352d2238}.format-menu{width:min(380px, calc(100% - max(10px, env(safe-area-inset-left)) - max(10px, env(safe-area-inset-right))))}.view-menu-section{gap:8px;display:grid}.view-menu-section>strong{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.view-format-options,.view-mode-options{gap:5px;display:grid}.view-format-options{grid-template-columns:repeat(3,minmax(0,1fr))}.view-mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}.view-format-options button,.view-mode-options button,.zoom-controls button{color:#46505f;cursor:pointer;min-height:44px;font:inherit;touch-action:manipulation;background:#fff;border:1px solid #d0c9bd;border-radius:11px;font-size:12px;font-weight:700}.view-format-options button{place-items:center;gap:5px;padding:8px 5px;display:grid}.view-format-options button.is-active,.view-mode-options button.is-active{color:var(--blue-dark);background:#e6ecff;border-color:#98aff3}.custom-size-form{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:4px;display:grid}.custom-size-form>label{min-width:0;color:var(--muted);gap:4px;font-size:11px;font-weight:700;display:grid}.custom-size-input{background:#fff;border:1px solid #d0c9bd;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;display:grid;overflow:hidden}.custom-size-input input{width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;background:0 0;border:0;padding:8px 6px 8px 10px;font-size:16px}.custom-size-input>span{color:var(--muted);padding-right:9px;font-size:11px}.custom-size-form .form-error,.custom-size-form .primary-button{grid-column:1/-1}.custom-size-form .form-error{margin:0;font-size:11px}.custom-size-form .primary-button{min-height:44px}.zoom-controls{grid-template-columns:44px minmax(80px,1fr) 44px;align-items:center;gap:5px;display:grid}.zoom-controls output{min-height:44px;color:var(--ink);background:#f2eee6;border-radius:11px;place-items:center;font-size:13px;font-weight:750;display:grid}.zoom-controls button:disabled{opacity:.36;cursor:not-allowed}.canvas-viewport{min-width:0;min-height:0;padding:10px 12px calc(62px + max(8px, env(safe-area-inset-bottom)));touch-action:none;overscroll-behavior:contain;scrollbar-color:#b8b0a4 transparent;scrollbar-width:thin;display:block;position:relative;overflow:auto}.canvas-zoom-overlay{z-index:50;color:#fff;pointer-events:none;background:#1d2533d1;border:1px solid #ffffff42;border-radius:999px;place-items:center;width:max-content;min-width:76px;min-height:48px;padding:0 16px;font-size:16px;font-weight:800;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 9px 28px #1d253338}.canvas-scroll-content{place-items:center;width:max-content;min-width:100%;height:max-content;min-height:100%;display:grid}.paper-stage{aspect-ratio:210/297;background:var(--paper);border-radius:3px;flex:none;height:min(100% - 4px,141.4vw - 164.024px);position:relative;box-shadow:0 14px 46px #352d2233}.paper-stage.landscape{aspect-ratio:297/210;width:min(100% - 24px,141.4dvh - 101.808px);height:auto}.paper-stage.screen{aspect-ratio:16/9;width:min(100% - 24px,177.8dvh - 128.016px);height:auto}.paper-svg{border-radius:inherit;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.paper-svg.has-tool-pointer{cursor:none}.paper-svg.is-image-editing{cursor:default}.paper-svg.is-panning{cursor:grab}.paper-svg.is-panning:active{cursor:grabbing}.paper-svg.is-image-editing .is-image-editable{cursor:grab}.paper-svg.is-image-editing .is-image-editable:active{cursor:grabbing}.image-selection{fill:none;stroke:var(--blue);stroke-width:2px;stroke-dasharray:7 5;pointer-events:none}.image-resize-handle{fill:#fff;stroke:var(--blue);stroke-width:3px;cursor:nwse-resize}.pending-image image{opacity:.58}.pending-image-frame{fill:none;stroke:var(--blue);stroke-width:3px;stroke-dasharray:13 9;animation:.9s linear infinite pending-image-frame}.pending-image-loader-bg{fill:#fffef9eb;stroke:#1d25331f;stroke-width:1px}.pending-image-loader-ring{fill:none;stroke:var(--blue);stroke-width:4px;stroke-linecap:round;stroke-dasharray:58 24;animation:.8s linear infinite pending-image-spin}@keyframes pending-image-frame{to{stroke-dashoffset:-22px}}@keyframes pending-image-spin{to{transform:rotate(360deg)}}.laser-path{filter:drop-shadow(0 0 8px #f02e45d9);pointer-events:none}.tool-pointer{opacity:.92;visibility:visible;filter:drop-shadow(0 1px 2px #1d253375);transition:opacity .12s}.tool-pointer[data-visible=false]{visibility:hidden;opacity:0}.tool-pointer.is-active{opacity:1}.tool-dock{--dock-bottom-gap:max(8px, env(safe-area-inset-bottom));z-index:20;top:auto;bottom:var(--dock-bottom-gap);width:min(760px, calc(100% - max(8px, env(safe-area-inset-left)) - max(8px, env(safe-area-inset-right))));flex-direction:row;justify-content:center;align-items:center;gap:5px;min-width:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tool-scroll{overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x;flex-direction:row;flex:0 auto;order:1;gap:5px;width:auto;min-width:0;min-height:54px;padding:0;display:flex;overflow:auto hidden}.tool-scroll::-webkit-scrollbar{display:none}.dock-capsule{border:1px solid color-mix(in srgb, var(--line) 86%, white);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffef9f0;border-radius:15px;flex:none;align-items:center;gap:3px;min-height:54px;padding:4px;display:flex;box-shadow:0 12px 34px #352d2229}.drawing-tools-capsule{transition:width .16s}.drawing-tool-disclosure,.drawing-tool-inline-tools,.shape-disclosure,.shape-inline-tools{flex:none;align-items:center;gap:3px;display:flex}.drawing-tool-trigger,.shape-trigger{position:relative}.shape-chevron{opacity:.72;width:11px;height:11px;position:absolute;top:3px;right:3px}.tool-button.touch-pan-tool{display:none}@media (any-pointer:coarse){.tool-button.touch-pan-tool{display:grid}}.dock-separator{background:#5d544629;align-self:stretch;width:1px;margin:4px 2px}.tool-button.clear-page-action{color:#b84637}.tool-button{color:#515967;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:12px;flex:none;place-items:center;width:44px;min-width:44px;min-height:44px;padding:0;font-size:10px;font-weight:700;display:grid}.tool-button span{display:none}.tool-button:hover{background:#1d25330f}.tool-button.is-active{color:var(--blue-dark);background:#e2e9ff;border-color:#a8b8ed}.dock-style-controls,.dock-secondary-controls,.dock-history-controls,.dock-view-controls{flex-direction:row;flex:none;align-items:center;gap:4px;display:flex}.dock-capsule.dock-style-controls,.dock-capsule.dock-secondary-controls,.dock-capsule.dock-history-controls,.dock-capsule.dock-view-controls{padding:4px}.preset-group{flex-wrap:nowrap;gap:4px;display:flex}.style-control{background:#fff;border:1px solid #c7c1b7;position:relative}.style-control:hover,.style-control.is-active,.dock-action.is-active{background:#f1f4ff;border-color:#8ca8ff}.style-control.color-control{border-color:color-mix(in srgb, currentcolor 18%, transparent);box-shadow:inset 0 0 0 2px #ffffff70}.style-control.color-control:hover,.style-control.color-control.is-active{border-color:#fff;box-shadow:inset 0 0 0 2px #ffffffa6,0 0 0 3px #8ca8ff}.combined-style-control{background:0 0;border-color:#0000;width:44px;min-width:44px;padding:4px;position:relative;overflow:hidden}.combined-style-control:hover,.combined-style-control.is-active{background:0 0;border-color:#0000}.dock-action .combined-style-preview{width:34px;height:34px;box-shadow:none;background:0 0;border-radius:8px;place-items:center;display:grid}.dock-action .style-sample-stroke,.dock-action .style-sample-eraser{display:block}.style-sample-stroke{border-radius:999px;width:26px;min-height:2px}.style-sample-eraser{background:#e8ebf0;border:1px solid #8c96a5;border-radius:50%;min-width:6px;min-height:6px}.combined-style-menu{gap:14px;width:min(286px,100dvw - 20px);padding:12px;display:grid;overflow-x:hidden}.combined-style-menu section{gap:8px;display:grid}.combined-style-menu::-webkit-scrollbar{display:none}.install-wrap.is-compact .quiet-button{min-width:44px;padding-inline:9px}.editor-topbar .install-wrap.is-compact .install-cta{min-width:112px;padding-inline:14px}.editor-topbar .install-wrap.is-compact .install-cta span{display:inline}.install-wrap.is-compact .quiet-button span{display:none}.install-wrap.is-compact .install-help{z-index:95;width:min(280px,100vw - 20px);position:absolute;top:calc(100% + 7px);right:8px}.shape-options,.style-menu,.dock-popover{z-index:75;max-width:calc(100% - 4px);max-height:min(360px, calc(100dvh - var(--editor-topbar-height) - var(--dock-bottom-gap) - 70px - env(safe-area-inset-top)));border:1px solid color-mix(in srgb, var(--line) 86%, white);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;background:#fffef9fa;border-radius:15px;position:absolute;inset:auto auto calc(100% + 8px) 50%;overflow:auto;transform:translate(-50%);box-shadow:0 15px 42px #352d2233}.shape-options{width:max-content;max-height:calc(100dvh - var(--editor-topbar-height) - 84px - env(safe-area-inset-top));gap:6px;padding:4px;display:grid;position:fixed}.shape-tool-buttons{gap:4px;display:flex}.shape-constraint-toggle{color:#46505f;cursor:pointer;text-align:left;touch-action:manipulation;background:#fff;border:1px solid #d0c9bd;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;min-width:140px;min-height:44px;padding:6px 8px;display:flex}.shape-constraint-toggle>span:first-child{gap:1px;display:grid}.shape-constraint-toggle strong{font-size:11px}.shape-constraint-toggle small{color:var(--muted);font-size:9px}.shape-toggle-track{background:#d6d2ca;border-radius:999px;flex:none;width:32px;height:20px;transition:background .12s;display:block;position:relative}.shape-toggle-track>span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .12s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1d25333d}.shape-constraint-toggle[aria-checked=true] .shape-toggle-track{background:var(--blue)}.shape-constraint-toggle[aria-checked=true] .shape-toggle-track>span{transform:translate(12px)}.style-menu{gap:8px;width:min(276px,100% - 4px);padding:10px;display:grid;overflow:hidden auto}.style-menu.combined-style-menu{scrollbar-width:none;gap:16px;width:min(292px,100dvw - 16px);padding:14px}.style-menu.combined-style-menu section+section{border-top:1px solid #5d544624;padding-top:14px}.size-menu{width:min(220px,100% - 4px)}.style-menu-section{gap:8px;display:grid}.style-menu-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.color-presets,.size-presets{gap:4px;display:grid}.color-presets{grid-template-columns:repeat(5,44px);gap:8px}.size-presets{grid-template-columns:repeat(4,44px);gap:8px}.custom-thickness-control{border-top:0;grid-template-columns:minmax(0,1fr) 78px;align-items:end;gap:10px;padding-top:2px;display:grid}.custom-thickness-control>input[type=range]{width:100%;min-width:0;min-height:44px;accent-color:var(--blue);cursor:pointer;touch-action:manipulation;margin:0}.custom-thickness-control label{color:var(--muted);gap:3px;font-size:10px;font-weight:800;display:grid}.custom-thickness-control input[type=number]{width:100%;min-height:44px;color:var(--ink);font:inherit;text-align:center;background:#fff;border:1px solid #c7c1b7;border-radius:10px;padding:0 7px;font-size:16px;font-weight:750}.color-swatch,.custom-color,.size-preset{cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #c7c1b7;border-radius:11px;place-items:center;width:44px;min-width:44px;height:44px;display:grid;position:relative}.color-swatch{border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #bbb5ab}.color-swatch.is-active,.size-preset.is-active{box-shadow:0 0 0 3px #8ca8ff}.custom-color{color:#4b5360;overflow:hidden}.custom-color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.stroke-dot,.eraser-dot{background:var(--ink);border-radius:999px;display:block}.dock-action .stroke-dot,.dock-action .eraser-dot{display:block}.eraser-dot{background:#eef1f5;border:1px solid #9ea6b1}.dock-action span{display:none}.dock-action.is-danger{color:var(--danger)}.shape-constraint-action{border:1px solid #0000;position:relative}.dock-action .shape-constraint-led{background:#c7cbd2;border:1px solid #3e46524d;border-radius:999px;width:8px;height:8px;transition:border-color .12s,background-color .12s,box-shadow .12s;display:block;position:absolute;bottom:5px;right:5px;box-shadow:0 0 0 2px #fffef9e0}.dock-action .shape-constraint-led[data-active=true]{background:#19b66f;border-color:#078752;box-shadow:0 0 0 2px #fffef9e6,0 0 7px #19b66fa3}.more-trigger{border:1px solid color-mix(in srgb, var(--line) 86%, white);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffef9f0;flex:none;order:2;width:54px;height:54px;display:inline-flex;position:relative;box-shadow:0 12px 34px #352d2229}.shape-menu-trigger{position:relative}.dock-popover{gap:8px;width:min(300px,100% - 4px);padding:10px;display:grid}.dock-popover>strong{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:2px 4px;font-size:11px}.dock-popover-heading{min-height:30px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;padding:0 4px;font-size:11px;display:flex}.dock-popover-heading strong{min-width:0}.dock-popover-back{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid}.shape-options-inline{gap:6px;display:grid}.shape-options-inline .shape-tool-buttons{justify-content:center}.dock-menu-action{min-height:44px;color:var(--ink);cursor:pointer;font:inherit;text-align:left;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.dock-menu-action:hover,.dock-menu-action:focus-visible{background:#eef2ff;border-color:#a8b8ed}.dock-menu-action.is-danger{color:var(--danger)}.dock-menu-action:disabled{opacity:.38;cursor:not-allowed}.more-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.workspace-menu{gap:12px;width:min(430px,100dvw - 20px);max-width:none;max-height:none;padding:14px;left:auto;right:0;overflow:visible;transform:none}.workspace-menu .dock-popover-heading{color:#4c5564;min-height:24px;padding:0;font-size:13px}.workspace-menu-section{border-top:1px solid #5d544624;gap:8px;padding-top:11px;display:grid}.workspace-menu-section>strong{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.workspace-background-options,.workspace-format-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.workspace-choice{color:#46505f;cursor:pointer;min-width:0;min-height:68px;font:inherit;text-align:center;touch-action:manipulation;background:#fff;border:1px solid #d0c9bd;border-radius:11px;align-content:center;place-items:center;gap:5px;padding:6px 3px;font-size:10px;font-weight:700;display:grid}.workspace-choice>span:last-child{overflow-wrap:anywhere;min-width:0;max-width:100%;line-height:1.12;overflow:hidden}.workspace-choice:hover,.workspace-choice:focus-visible,.workspace-choice.is-active{color:var(--blue-dark);background:#e6ecff;border-color:#98aff3}.workspace-background-preview{background-color:var(--paper);color:#59677a;border:1px solid #cbc5ba;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.workspace-choice.background-grid .workspace-background-preview{background-image:linear-gradient(#b9cdea 1px,#0000 1px),linear-gradient(90deg,#b9cdea 1px,#0000 1px);background-size:8px 8px}.workspace-choice.background-ruled .workspace-background-preview{background-image:linear-gradient(#c4d4e8 1px,#0000 1px);background-size:100% 9px}.workspace-choice.background-dots .workspace-background-preview{background-image:radial-gradient(#9eb0c8 1px,#0000 1.5px);background-size:8px 8px}.workspace-view-row{grid-template-columns:minmax(0,1fr) 44px auto;align-items:center;gap:8px;display:grid}.workspace-icon-action,.workspace-fit-actions button{color:#46505f;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #d0c9bd;border-radius:11px;place-items:center;width:44px;height:44px;padding:0;display:grid}.workspace-fit-actions{gap:4px;display:flex}.workspace-icon-action:hover,.workspace-icon-action.is-active,.workspace-fit-actions button:hover,.workspace-fit-actions button.is-active{color:var(--blue-dark);background:#e6ecff;border-color:#98aff3}.workspace-touch-actions{display:none}.workspace-custom-size{padding-top:2px}@media (any-pointer:coarse){.workspace-touch-actions{border-top:1px solid #5d544624;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:10px;display:grid}}@media (max-width:430px),(max-height:520px){.workspace-menu{gap:6px;padding:10px}.workspace-menu .dock-popover-heading{min-height:18px}.workspace-menu-section{gap:4px;padding-top:6px}.workspace-choice{gap:2px;min-height:52px;padding-block:4px}.workspace-background-preview{width:28px;height:28px}.workspace-touch-actions{padding-top:6px}}@media (max-height:520px) and (orientation:landscape){.workspace-menu{grid-template-columns:repeat(2,minmax(0,1fr));width:min(720px,100dvw - 12px);padding-block:6px}.workspace-menu .workspace-menu-section:last-of-type,.workspace-menu .workspace-touch-actions{grid-column:1/-1}.workspace-menu .dock-popover-heading{grid-column:1/-1;min-height:16px}.workspace-custom-size{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-custom-size .primary-button{grid-column:auto;align-self:end}}.image-menu{width:min(380px,100% - 4px)}.image-source-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.image-source-actions .dock-menu-action{border-color:var(--line);background:#fff}.image-url-form{border-top:1px solid var(--line);gap:5px;padding-top:8px;display:grid}.image-url-form>label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.image-url-form>div{background:#fff;border:1px solid #c7c1b7;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:44px;padding-left:10px;display:grid;overflow:hidden}.image-url-form input{width:100%;min-width:0;min-height:42px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding-inline:8px;font-size:16px}.image-url-form button{border:0;border-left:1px solid var(--line);min-width:76px;color:var(--blue-dark);cursor:pointer;font:inherit;background:#eef2ff;align-self:stretch;padding-inline:10px;font-size:12px;font-weight:800}.image-url-form .form-error,.image-source-hint{margin:0;font-size:11px;line-height:1.4}.image-source-hint{color:var(--muted)}.image-drop-overlay{z-index:30;inset:10px 12px calc(62px + max(8px, env(safe-area-inset-bottom)));color:var(--blue-dark);pointer-events:none;background:#eef2ffe0;border:2px dashed #6f8de8;border-radius:16px;align-content:center;place-items:center;gap:8px;font-size:13px;font-weight:800;display:grid;position:absolute}.camera-backdrop{z-index:150}.camera-dialog{background:var(--paper);overscroll-behavior:contain;border-radius:20px;gap:16px;width:min(720px,100%);max-height:100%;padding:20px;display:grid;overflow:auto;box-shadow:0 22px 70px #00000047}.camera-dialog-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.camera-dialog h2,.camera-dialog p{margin:0}.camera-dialog p{color:var(--muted);margin-top:5px;line-height:1.45}.camera-close{cursor:pointer;background:0 0;border:0;border-radius:11px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.camera-preview{background:#17191d;border-radius:14px;place-items:center;min-height:240px;display:grid;position:relative;overflow:hidden}.camera-preview video{object-fit:contain;width:100%;max-height:min(60dvh,520px);display:block}.camera-status{color:#fff;text-align:center;align-content:center;place-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.camera-status svg{animation:.9s linear infinite paper-spin}.camera-dialog .modal-actions{justify-content:flex-end;gap:8px;display:flex}.mobile-only-action{display:none}@media (max-width:780px),(max-height:520px) and (orientation:landscape){.mobile-secondary-tool,.mobile-secondary-history,.dock-fullscreen{display:none}.more-trigger,.mobile-only-action{display:inline-flex}.tool-dock{width:calc(100% - max(6px, env(safe-area-inset-left)) - max(6px, env(safe-area-inset-right)))}.color-presets{grid-template-columns:repeat(4,44px)}}@media (max-width:1024px){.dock-fullscreen{display:none}}.background-menu{z-index:80;top:auto;right:auto;bottom:calc(70px + max(8px, env(safe-area-inset-bottom)));border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffef9fa;border-radius:16px;width:min(300px,100% - 20px);padding:12px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #352d2238}.background-menu>strong{padding:2px 3px 10px;font-size:13px;display:block}.background-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.background-option{min-height:52px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 7px 4px 4px;font-size:12px;font-weight:700;display:grid;position:relative}.background-option:hover,.background-option.is-active{background:#eef2ff;border-color:#a8b8ed}.background-preview{background-color:var(--paper);color:#59677a;border:1px solid #cbc5ba;border-radius:8px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.background-grid .background-preview,.thumbnail-paper.background-grid{background-image:linear-gradient(#b9cdea 1px,#0000 1px),linear-gradient(90deg,#b9cdea 1px,#0000 1px);background-size:8px 8px}.background-ruled .background-preview,.thumbnail-paper.background-ruled{background-image:linear-gradient(#c4d4e8 1px,#0000 1px);background-size:100% 9px}.background-dots .background-preview,.thumbnail-paper.background-dots{background-image:radial-gradient(#9eb0c8 1px,#0000 1.5px);background-size:8px 8px}.background-trigger span{display:none}.editor-notice{z-index:90;top:calc(var(--editor-topbar-height) + 18px);color:#695610;background:#fff9dc;border:1px solid #d7c68a;border-radius:13px;align-items:center;gap:12px;width:min(520px,100% - 32px);min-height:48px;padding:9px 10px 9px 14px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #352d2229}.editor-notice span{flex:1}.editor-notice a{color:var(--blue-dark);font-weight:750}.editor-notice button{cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:44px;min-height:44px;font-size:22px}.pdf-export-backdrop{z-index:200;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:progress;touch-action:none;-webkit-user-select:none;user-select:none;background:#efebe2b8;place-items:center;display:grid;position:absolute;inset:0}.pdf-export-progress{width:min(360px,100%);color:var(--ink);background:#fffef9fa;border:1px solid #2457f52e;border-radius:20px;align-items:center;gap:14px;padding:16px;display:flex;box-shadow:0 20px 60px #1d253333}.pdf-export-spinner{width:52px;height:52px;color:var(--blue-dark);background:#e8edff;border-radius:16px;flex:0 0 52px;place-items:center;display:grid}.pdf-export-spinner svg{animation:.9s linear infinite paper-spin}.pdf-export-copy{gap:4px;min-width:0;display:grid}.pdf-export-copy strong{font-size:15px;line-height:1.25}.pdf-export-copy small{color:var(--muted);font-size:12px;line-height:1.45}.modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1d25336b;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.conflict-dialog,.layout-dialog,.rename-dialog,.delete-page-dialog,.pdf-selection-dialog{background:var(--paper);border-radius:20px;width:min(520px,100%);padding:28px;box-shadow:0 22px 70px #00000040}.layout-dialog{overscroll-behavior:contain;max-height:100%;overflow:auto}.rename-dialog{width:min(440px,100%)}.delete-page-dialog{gap:18px;width:min(440px,100%);display:grid}.pdf-selection-dialog{overscroll-behavior:contain;gap:16px;width:min(520px,100%);max-height:100%;display:grid;overflow:auto}.pdf-selection-dialog h2,.pdf-selection-dialog p{margin:0}.pdf-selection-dialog p{color:var(--muted);margin-top:7px;line-height:1.45}.pdf-selection-shortcuts{flex-wrap:wrap;gap:7px;display:flex}.pdf-selection-shortcuts button{min-height:44px;color:var(--blue-dark);cursor:pointer;font:inherit;background:#fff;border:1px solid #c9c2b7;border-radius:999px;padding:0 13px;font-size:13px;font-weight:750}.pdf-page-options{gap:6px;min-height:0;display:grid;overflow:auto}.pdf-page-options label{cursor:pointer;background:#fff;border:1px solid #d8d1c5;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:8px 11px;font-weight:700;display:grid}.pdf-page-options input{width:20px;height:20px;accent-color:var(--blue)}.pdf-page-options small{color:var(--muted);font-size:11px;font-weight:650}.pdf-selection-dialog .modal-actions{justify-content:flex-end;gap:8px;display:flex}.rename-dialog form,.rename-dialog label{display:grid}.rename-dialog form{gap:18px}.rename-dialog h2,.rename-dialog p,.delete-page-dialog h2,.delete-page-dialog p{margin:0}.rename-dialog p{color:var(--muted);margin-top:6px;line-height:1.45}.delete-page-dialog p{color:var(--muted);margin-top:7px;line-height:1.5}.rename-dialog label{color:#4a5463;gap:7px;font-size:13px;font-weight:750}.rename-dialog input{width:100%;min-height:46px;color:var(--ink);font:inherit;background:#fff;border:1px solid #c9c2b7;border-radius:12px;padding:0 13px;font-size:16px}.rename-dialog input:focus-visible{border-color:#7f9cf2;outline:3px solid #2457f52e}.rename-dialog .modal-actions,.delete-page-dialog .modal-actions{justify-content:flex-end;gap:8px;display:flex}.form-error{font-size:13px;font-weight:700;color:var(--danger)!important}.layout-dialog h2,.layout-dialog p{margin-top:0}.layout-dialog p{color:var(--muted);line-height:1.5}.layout-placement-options{gap:8px;margin:18px 0;display:grid}.layout-placement-options button{min-height:62px;color:var(--ink);cursor:pointer;font:inherit;text-align:left;touch-action:manipulation;background:#fff;border:1px solid #d0c9bd;border-radius:13px;gap:4px;padding:10px 13px;display:grid}.layout-placement-options button:hover,.layout-placement-options button:focus-visible{background:#f0f3ff;border-color:#98aff3}.layout-placement-options span{color:var(--muted);font-size:12px;line-height:1.35}.layout-dialog-cancel{min-height:44px}.admin-shell{overscroll-behavior:contain;width:100%;height:100dvh;overflow:auto}.admin-header{z-index:20;min-height:58px;padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f2e8f0;justify-content:space-between;align-items:center;gap:14px;font-size:13px;display:flex;position:sticky;top:0}.search-row{grid-template-columns:1fr auto;gap:8px;display:grid}.admin-search-result{border-top:1px solid var(--line);color:#4e5662;padding-top:16px;line-height:1.5}.grant-list{gap:8px;padding-left:0;list-style:none;display:grid}.revoke-form{margin-top:10px}@media (max-width:780px){:root{--header-height:58px}.site-header{padding-inline:max(8px, env(safe-area-inset-left));gap:8px}.editor-brand{display:none}.editor-topbar .install-wrap.is-compact .install-cta{min-width:44px;padding-inline:9px}.editor-topbar .install-wrap.is-compact .install-cta span,.brand>span:nth-child(2),.nav-link span,.quiet-button span,.plan-pill{display:none}.site-nav{gap:1px}.page-container{width:min(100% - 24px,1120px);padding-top:30px}.admin-grid{grid-template-columns:1fr}.admin-section-heading{align-items:start;padding:18px}.admin-account-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:16px 18px}.admin-account-plans{grid-column:1;justify-content:flex-start}.admin-pro-toggle-form{grid-area:1/2/span 2}.admin-pro-toggle{min-width:92px}.admin-pagination{padding:14px 18px}.auth-page,.new-notebook-card,.guest-draft-recovery,.account-plan-card{grid-template-columns:1fr}.account-guide-settings{flex-direction:column;align-items:stretch}.account-usage,.account-plan-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.account-plan-actions>*,.account-plan-actions button{width:100%}.notebook-library-controls{grid-template-columns:1fr}.guest-draft-actions{justify-content:stretch}.guest-draft-actions>*{flex:150px}.auth-card{justify-self:stretch}.inline-form,.new-notebook-custom-size{grid-template-columns:1fr}.new-notebook-submit .primary-button{width:100%}.upgrade-card{grid-template-columns:auto 1fr}.upgrade-card .primary-button{grid-column:1/-1}.thumbnail-paper{width:32px}.thumbnail-paper.landscape{width:43px}.paper-stage{height:min(100% - 4px,141.4vw - 22.624px)}.wide-action span{display:none}.document-title strong{max-width:140px}}@media (max-width:430px){.editor-guest-banner{grid-template-columns:minmax(0,1fr) auto auto;gap:6px 8px}.editor-guest-banner>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guest-mode-description{display:none}.account-library-heading{flex-direction:column;align-items:start;gap:12px}.account-plan-actions{grid-template-columns:1fr}.library-pagination{grid-template-columns:1fr 1fr}.library-pagination>span:nth-child(2){grid-area:2/1/auto/-1}.admin-pagination{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.admin-pagination .secondary-button{justify-content:center;width:100%;min-width:0;padding-inline:9px}.admin-pagination-status{grid-area:2/1/auto/-1}.page-thumbnail span:last-child,.rail-add span,.rail-export span{display:none}.thumbnail-paper{width:31px}.thumbnail-paper.landscape{width:38px}.editor-topbar{padding-left:8px}.document-title{max-width:150px;display:grid;overflow:hidden}.document-title strong{max-width:66px;display:block}.active-page-title{max-width:58px}.topbar-actions{gap:0}.editor-language span{display:none}.paper-stage{height:min(100% - 4px,141.4vw - 16.968px)}.background-options{grid-template-columns:1fr}}@media (max-width:350px){.editor-brand{display:none}}@media (max-height:520px) and (orientation:landscape){:root{--header-height:50px}.brand-mark{width:34px;height:34px}.editor-route{grid-template-columns:minmax(0,1fr)}.document-title{max-width:190px;display:grid}.document-title strong{max-width:82px;display:block}.active-page-title{max-width:70px}.page-rail{padding-right:4px;padding-left:calc(4px + env(safe-area-inset-left))}.page-thumbnail{grid-template-columns:auto}.page-thumbnail span:last-child{display:none}.paper-stage{height:min(100dvh - 120px,141.4vw - 33.936px)}.paper-stage.landscape{width:min(100% - 12px,141.4dvh - 169.68px)}.canvas-viewport{padding:4px 8px calc(62px + max(8px, env(safe-area-inset-bottom)))}}@media (max-width:780px),(max-height:520px) and (orientation:landscape){.editor-route{grid-template-columns:minmax(0,1fr)}.page-rail{display:none}.topbar-actions .pages-drawer-trigger{gap:3px;padding-inline:8px;display:inline-flex;position:relative}.workspace-menu{width:min(430px,100dvw - 20px);max-width:none;bottom:calc(100% - 4px);left:0;right:auto}.pages-drawer-trigger span{min-width:14px;color:var(--blue-dark);text-align:center;font-size:11px;font-weight:850}.save-status{flex:0 0 44px;width:44px;max-width:44px;padding:0}.save-status-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pages-drawer-backdrop{z-index:91;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#1d25333d;transition:opacity .18s;display:block;position:absolute;inset:0}.pages-drawer-backdrop.is-open{opacity:1;pointer-events:auto}.pages-drawer{z-index:92;width:min(300px,100% - 28px);padding:calc(12px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) 14px;border-left:1px solid var(--line);pointer-events:none;visibility:hidden;will-change:transform;background:#fffcf6fa;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;transition:transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s;display:grid;position:absolute;top:0;bottom:0;right:0;transform:translate(calc(100% + 24px));box-shadow:-18px 0 54px #1d253333}.pages-drawer.is-open{pointer-events:auto;visibility:visible;transition-delay:0s,0s;transform:translate(0)}.pages-drawer-header{justify-content:space-between;align-items:center;gap:10px;min-height:44px;display:flex}.pages-drawer .page-list{scrollbar-width:thin}.pages-drawer .page-thumbnail{grid-template-columns:52px minmax(0,1fr);justify-items:start;gap:12px;padding-inline:10px}.pages-drawer .page-thumbnail>span:last-child{text-align:left;align-self:center;display:-webkit-box}.pages-drawer .rail-add span,.pages-drawer .rail-export span{display:inline}.pages-drawer .thumbnail-paper,.pages-drawer .thumbnail-paper.landscape,.pages-drawer .thumbnail-paper.screen{justify-self:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}