:root{color-scheme:light;--brand-paper: #faf6f0;--brand-ink: #2b2926;--brand-rose: #d98c8c;--brand-fold: #c27272;--brand-oat: #efe8dd;--color-bg: var(--brand-paper);--color-canvas: var(--brand-oat);--color-surface: #ffffff;--color-surface-muted: #f6f1ea;--color-surface-pressed: #ede6dc;--color-border: #e9e1d6;--color-border-strong: #d6cbbf;--color-text: var(--brand-ink);--color-text-muted: #6a615c;--color-paper: #ffffff;--color-paper-tint: #f6e6e3;--color-paper-line: #e4ddd3;--color-paper-ink: #2b2926;--color-paper-pen: #1a3fd4;--color-on-dark: #ffffff;--color-accent: var(--brand-rose);--color-accent-hover: #d38383;--color-accent-soft: #f6e6e3;--color-accent-line: #ebcfca;--color-on-accent: var(--brand-ink);--color-fold: var(--brand-fold);--color-swatch-ring: var(--color-border-strong);--color-danger: #b3261e;--color-danger-solid: #b3261e;--color-danger-soft: #fbeae8;--color-danger-line: #f0c4c0;--color-warning: #7a4f00;--color-warning-soft: #fdf4e3;--color-warning-line: #f1ddb1;--color-success: #2f7a4f;--color-fair: #a15c00;--color-focus: var(--color-text);--color-select: var(--brand-fold);--color-overlay: rgba(43, 41, 38, .32);--color-tooltip: rgba(43, 41, 38, .94);--color-kbd-bg: rgba(255, 255, 255, .18);--swatch-auto: conic-gradient(#ffffff 0 25%, #f5e6c8 0 50%, #f6e6e3 0 75%, #e6f0e8 0);--glass-bg: rgba(255, 255, 255, .72);--glass-bg-strong: rgba(255, 255, 255, .86);--glass-solid: #ffffff;--glass-border: rgba(80, 60, 50, .1);--glass-blur: saturate(180%) blur(20px);--font-heading: "Anuphan", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Anuphan", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fraunces", "Anuphan", Georgia, serif;--text-large-title: clamp(2.125rem, 1.4rem + 3vw, 3.25rem);--text-title-1: clamp(1.75rem, 1.35rem + 1.6vw, 2.25rem);--text-title-2: 1.375rem;--text-title-3: 1.25rem;--text-headline: 1.0625rem;--text-body: 1rem;--text-callout: .9375rem;--text-footnote: .8125rem;--text-caption: .75rem;--leading-tight: 1.2;--leading: 1.6;--leading-thai: 1.7;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(60, 40, 30, .06);--shadow-md: 0 1px 2px rgba(60, 40, 30, .05), 0 6px 20px rgba(60, 40, 30, .08);--shadow-lg: 0 2px 6px rgba(60, 40, 30, .06), 0 18px 48px rgba(60, 40, 30, .14);--shadow-xl: 0 4px 12px rgba(60, 40, 30, .08), 0 32px 80px rgba(60, 40, 30, .2);--shadow-page: 0 0 0 1px rgba(60, 40, 30, .05), 0 2px 4px rgba(60, 40, 30, .06), 0 12px 32px rgba(60, 40, 30, .1);--shadow-dock: 0 -8px 24px rgba(60, 40, 30, .08);--shadow-ear: -1px 1px 1px rgba(43, 41, 38, .06);--z-page-objects: 1;--z-hint: 10;--z-sidebar: 20;--z-toolbar: 30;--z-popover: 40;--z-sheet: 50;--z-busy: 60;--z-toast: 70;--z-tooltip: 80;--z-skip-link: 100;--dur-theme: .2s;--ease: cubic-bezier(.2, .7, .2, 1);--ease-spring: cubic-bezier(.32, .72, 0, 1);--dur-fast: .15s;--dur: .22s;--dur-slow: .3s;--dur-reveal: .6s;--container: 1120px;--appbar-h: 56px;--dock-h: 64px;--sidebar-w: 168px;--control-h: 40px;--icon-btn: 40px;--icon-size: 20px}@media (pointer: coarse){:root{--control-h: 44px;--icon-btn: 44px}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #1c1a18;--color-canvas: #141210;--color-surface: #262320;--color-surface-muted: #2d2a26;--color-surface-pressed: #37332f;--color-border: #3b3631;--color-border-strong: #4f4943;--color-text: #ede8e1;--color-text-muted: #ada49d;--color-accent: #e3a0a0;--color-accent-hover: #eab0b0;--color-accent-soft: #3d2b29;--color-accent-line: #6b4642;--color-swatch-ring: #8a817a;--color-danger: #ff8a80;--color-danger-soft: #3d1f1d;--color-danger-line: #6e2f2a;--color-warning: #f0c674;--color-warning-soft: #3a2f17;--color-warning-line: #5e4a1f;--color-success: #7bd19b;--color-fair: #f2b25c;--color-overlay: rgba(0, 0, 0, .5);--color-tooltip: rgba(58, 54, 50, .97);--color-kbd-bg: rgba(255, 255, 255, .14);--glass-bg: rgba(38, 35, 32, .74);--glass-bg-strong: rgba(38, 35, 32, .92);--glass-solid: #262320;--glass-border: rgba(255, 255, 255, .09);--shadow-sm: 0 0 0 1px rgba(255, 255, 255, .04);--shadow-md: 0 0 0 1px rgba(255, 255, 255, .05), 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 0 0 1px rgba(255, 255, 255, .06), 0 18px 48px rgba(0, 0, 0, .45);--shadow-xl: 0 0 0 1px rgba(255, 255, 255, .06), 0 32px 80px rgba(0, 0, 0, .55);--shadow-page: 0 2px 6px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .45);--shadow-dock: 0 -1px 0 rgba(255, 255, 255, .06), 0 -8px 24px rgba(0, 0, 0, .3);--shadow-ear: -1px 1px 1px rgba(0, 0, 0, .3)}@font-face{font-family:Fraunces;src:url(/fonts/ui/Fraunces-display.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}@font-face{font-family:Anuphan;src:url(/fonts/ui/Anuphan-var.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:PL Sarabun;src:url(/fonts/Sarabun-Regular.ttf) format("truetype");font-weight:400;font-display:block}@font-face{font-family:PL Sarabun;src:url(/fonts/Sarabun-Bold.ttf) format("truetype");font-weight:700;font-display:block}@font-face{font-family:PL Noto Sans Thai;src:url(/fonts/NotoSansThai-Regular.ttf) format("truetype");font-weight:400;font-display:block}@font-face{font-family:PL Noto Sans Thai;src:url(/fonts/NotoSansThai-Bold.ttf) format("truetype");font-weight:700;font-display:block}@font-face{font-family:"PL Noto Serif Thai";src:url(/fonts/NotoSerifThai-Regular.ttf) format("truetype");font-weight:400;font-display:block}@font-face{font-family:"PL Noto Serif Thai";src:url(/fonts/NotoSerifThai-Bold.ttf) format("truetype");font-weight:700;font-display:block}@font-face{font-family:PL Noto Sans;src:url(/fonts/NotoSans-Regular.ttf) format("truetype");font-weight:400;font-display:block}@font-face{font-family:PL Noto Sans;src:url(/fonts/NotoSans-Bold.ttf) format("truetype");font-weight:700;font-display:block}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}html{-webkit-text-size-adjust:100%}body{display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}html:lang(th) body{line-height:var(--leading-thai)}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block}a{color:var(--color-text);text-decoration-color:var(--color-fold);text-underline-offset:3px}h1,h2,h3{margin:0;font-weight:var(--weight-medium)}p{margin:0}strong,b{font-weight:var(--weight-semibold)}.large-title{font-family:var(--font-heading);font-size:var(--text-large-title);line-height:var(--leading-tight);font-weight:var(--weight-semibold);letter-spacing:-.02em}.title-1{font-family:var(--font-heading);font-size:var(--text-title-1);line-height:var(--leading-tight);font-weight:var(--weight-semibold);letter-spacing:-.015em}.title-2{font-family:var(--font-heading);font-size:var(--text-title-2);line-height:1.3;font-weight:var(--weight-semibold);letter-spacing:-.01em}.headline{font-size:var(--text-headline);font-weight:var(--weight-semibold)}.callout{font-size:var(--text-callout)}.footnote,.small{font-size:var(--text-footnote)}.caption{font-size:var(--text-caption)}.large-title:lang(th),.title-1:lang(th){line-height:1.35}.large-title:lang(th),.title-1:lang(th),.title-2:lang(th),.dialog h2:lang(th){letter-spacing:0}.large-title:lang(en),.title-1:lang(en){font-family:var(--font-display);letter-spacing:-.01em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--color-text-muted)}.center{text-align:center}.icon{flex:none}[data-icon],span:has(>.icon){display:inline-flex}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;left:-9999px;top:var(--space-2);z-index:var(--z-skip-link);background:var(--color-surface);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.skip-link:focus{left:var(--space-2)}.home:not([hidden]),.editor-screen:not([hidden]){animation:screen-in var(--dur-slow) var(--ease) both}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.theme-switching,.theme-switching *,.theme-switching *:before,.theme-switching *:after{transition:background-color var(--dur-theme) var(--ease),color var(--dur-theme) var(--ease),border-color var(--dur-theme) var(--ease),fill var(--dur-theme) var(--ease),box-shadow var(--dur-theme) var(--ease)!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--glass-solid)}}@media (prefers-reduced-transparency: reduce){.glass{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid transparent;background:none;cursor:pointer;font-size:var(--text-callout);font-weight:var(--weight-semibold);white-space:nowrap;text-decoration:none;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease-spring)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-lg{min-height:52px;padding:0 var(--space-5);font-size:var(--text-headline)}.btn-primary{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-md)}.btn-primary:disabled{cursor:progress}.btn-secondary{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-muted)}.btn-plain{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-fold);text-underline-offset:4px}.btn-plain:hover:not(:disabled){background:var(--color-accent-soft)}.btn-danger{background:var(--color-danger-solid);color:var(--color-on-dark)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger-solid) 85%,black)}.icon-btn,.tool{min-height:var(--icon-btn);min-width:var(--icon-btn);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;background:none;cursor:pointer;padding:0 var(--space-2);color:var(--color-text);font-size:var(--text-callout);font-weight:var(--weight-medium);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease-spring)}.icon-btn:hover:not(:disabled),.tool:hover{background:var(--color-surface-pressed)}.icon-btn:active:not(:disabled),.tool:active{transform:scale(.94)}.icon-btn:disabled{opacity:.32;cursor:default}.tool{padding:0 var(--space-3)}.icon-btn[aria-pressed=true],.tool[aria-pressed=true],.icon-btn[aria-checked=true]{background:var(--color-accent-soft);color:var(--color-text);box-shadow:inset 0 -2px 0 var(--color-accent)}.icon-btn.bordered{border-color:var(--color-border-strong);background:var(--color-surface)}.seg{display:inline-flex;gap:2px;padding:2px;border-radius:var(--radius-md);background:var(--color-surface-pressed)}.seg-btn{min-height:calc(var(--icon-btn) - 4px);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);border-radius:calc(var(--radius-md) - 2px);border:0;background:none;cursor:pointer;font-size:var(--text-callout);font-weight:var(--weight-medium);color:var(--color-text-muted);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.seg-btn:hover{color:var(--color-text)}.seg-btn[aria-checked=true],.seg-btn.checked{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.seg .icon-btn{min-height:calc(var(--icon-btn) - 4px);min-width:calc(var(--icon-btn) - 4px);border-radius:calc(var(--radius-md) - 2px);color:var(--color-text-muted)}.seg .icon-btn[aria-checked=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.seg-btn.secure-btn[aria-checked=true]{color:var(--color-danger)}select,input[type=number],input[type=text],input[type=password]{min-height:var(--control-h);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);padding:0 var(--space-3);font-size:var(--text-body);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}select:hover,input:hover{border-color:var(--color-accent-line)}input:focus-visible,select:focus-visible{border-color:var(--color-text);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}input[type=checkbox]{accent-color:var(--color-accent)}.slider{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--icon-btn);padding:0 var(--space-2);font-size:var(--text-callout);color:var(--color-text-muted)}.slider input[type=range]{width:112px;height:var(--icon-btn);margin:0;accent-color:var(--color-accent);background:none;cursor:pointer}.slider output{min-width:3.2em;font-variant-numeric:tabular-nums;color:var(--color-text)}.swatch-btn{display:inline-flex;width:var(--icon-btn);height:var(--icon-btn);align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;flex:none}.swatch-btn:hover{background:var(--color-surface-pressed)}.swatch-btn input{width:24px;height:24px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;overflow:hidden;box-shadow:0 0 0 1px var(--color-swatch-ring)}.swatch-btn input::-webkit-color-swatch-wrapper{padding:0}.swatch-btn input::-webkit-color-swatch{border:0;border-radius:50%}.swatch-btn input::-moz-color-swatch{border:0;border-radius:50%}.swatch{width:14px;height:14px;border-radius:50%;border:1px solid var(--color-border-strong);display:inline-block;flex:none}.swatch-white{background:var(--color-paper)}.swatch-auto{background:var(--swatch-auto)}.toolbar{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.tb-group{display:flex;align-items:center;gap:var(--space-1);flex:none}.tb-sep{width:1px;align-self:stretch;margin:var(--space-2) var(--space-1);background:var(--color-border);flex:none}.popover{position:fixed;z-index:var(--z-popover);width:min(380px,calc(100vw - 2 * var(--space-4)));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4) var(--space-5);font-size:var(--text-callout);display:flex;flex-direction:column;gap:var(--space-2);animation:pop-in var(--dur) var(--ease-spring)}.popover h3{font-size:var(--text-headline);font-weight:var(--weight-semibold)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}.popover.menu{width:auto;min-width:200px;padding:var(--space-1);gap:2px}.menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--control-h);padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:none;cursor:pointer;font-size:var(--text-callout);text-align:left;color:var(--color-text)}.menu-item:hover,.menu-item:focus-visible{background:var(--color-surface-pressed)}.menu-item:focus-visible{outline-offset:-2px}.menu-check{margin-left:auto;visibility:hidden}.menu-item[aria-checked=true]{font-weight:var(--weight-semibold)}.menu-item[aria-checked=true] .menu-check{visibility:visible}.sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);animation:sheet-in var(--dur-slow) var(--ease-spring)}.sheet-grabber{width:36px;height:5px;border-radius:var(--radius-pill);background:var(--color-border-strong);margin:var(--space-2) auto 0;flex:none}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.dialog{width:min(500px,calc(100% - 2 * var(--space-5)));max-height:calc(100dvh - 2 * var(--space-5));overflow-y:auto;overscroll-behavior:contain;border-radius:var(--radius-xl);padding:0;box-shadow:var(--shadow-xl);color:var(--color-text);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.dialog[open]{animation:dialog-in var(--dur-slow) var(--ease-spring)}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.dialog::backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--dur) var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-transparency: reduce){.dialog{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.dialog::backdrop{backdrop-filter:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.dialog{background:var(--glass-solid)}}.dialog form,.dialog-body{padding:var(--space-6) var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.dialog h2{font-family:var(--font-heading);font-size:var(--text-title-2);font-weight:var(--weight-semibold);letter-spacing:-.01em;line-height:1.3;display:flex;align-items:center;gap:var(--space-2)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2)}.dialog-actions .spacer{flex:1}@media (max-width: 600px){.dialog{width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:0}.dialog[open]{animation:sheet-in var(--dur-slow) var(--ease-spring)}.dialog form,.dialog-body{padding:var(--space-5) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom))}.dialog-actions .btn{flex:1}}.tooltip{position:fixed;z-index:var(--z-tooltip);max-width:min(320px,calc(100vw - 2 * var(--space-4)));padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-tooltip);color:var(--color-on-dark);font-size:var(--text-footnote);line-height:1.45;pointer-events:none;box-shadow:var(--shadow-md);animation:fade-in var(--dur-fast) var(--ease)}.tooltip kbd{font:inherit;margin-left:var(--space-2);padding:0 var(--space-1);border-radius:4px;background:var(--color-kbd-bg)}.toast{position:fixed;bottom:calc(var(--space-6) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:var(--z-toast);max-width:calc(100% - 2 * var(--space-5));padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-tooltip);color:var(--color-on-dark);font-size:var(--text-callout);box-shadow:var(--shadow-lg);animation:toast-in var(--dur-slow) var(--ease-spring)}.toast.error-toast{background:var(--color-danger-solid);border-radius:var(--radius-lg)}.is-editing .toast{bottom:calc(var(--space-8) + var(--space-2) + env(safe-area-inset-bottom))}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;color:var(--color-text-muted);padding:var(--space-6) var(--space-4)}.empty-state-icon{width:56px;height:56px;border-radius:50%;background:var(--color-surface);color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.busy{position:fixed;inset:0;z-index:var(--z-busy);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-bg) 55%,transparent);animation:fade-in var(--dur) var(--ease)}.busy-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-weight:var(--weight-medium)}.error{color:var(--color-danger);background:var(--color-danger-soft);border:1px solid var(--color-danger-line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:left;white-space:pre-line;font-size:var(--text-callout)}.callout{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--text-callout)}.callout.warn{display:flex;gap:var(--space-2);align-items:flex-start;background:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning-line)}.callout.warn .icon{margin-top:.2em}.note{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-footnote)}.pl-ink{fill:var(--logo-ink, currentColor)}.pl-fold{fill:var(--logo-fold, var(--brand-rose))}.pl-accent{fill:var(--logo-accent, var(--brand-fold))}.logo,.logo-mark,.logo-wordmark{display:block;flex:none;color:var(--color-text);overflow:visible}.logo-mono{--logo-fold: currentColor;--logo-accent: currentColor}.logo-mono .pl-fold{opacity:.5}.logo-white{color:var(--color-on-dark);--logo-accent: var(--color-on-dark)}.folded-page{display:block;flex:none}.fp-sheet{fill:var(--color-surface);stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.fp-flap{fill:var(--color-accent)}.folded-page-animate .fp-flap{transform-box:view-box;transform-origin:22.4px 6.6px;animation:flap-fold var(--dur-slow) var(--ease-spring) .12s both}@keyframes flap-fold{0%{transform:scale(0);opacity:0}to{transform:none;opacity:1}}.dog-ear{position:relative;border-top-right-radius:0!important}.dog-ear:before{content:"";position:absolute;top:-1px;right:-1px;width:var(--ear, 18px);height:var(--ear, 18px);background:linear-gradient(225deg,var(--ear-behind, var(--color-bg)) 50%,var(--color-accent-line) 50%);border-bottom-left-radius:3px;box-shadow:var(--shadow-ear);pointer-events:none;transition:width var(--dur) var(--ease-spring),height var(--dur) var(--ease-spring)}.dog-ear-hover{--ear-size: 16px}.dog-ear-hover:before{width:0;height:0}.dog-ear-hover:hover:before,.dog-ear-hover:focus-within:before{width:var(--ear-size);height:var(--ear-size)}@property --fold{syntax: "<length>"; inherits: true; initial-value: 8px;}.fold-loader{position:relative;width:22px;height:28px;flex:none;animation:page-fold 1.2s var(--ease) infinite}.fold-loader:before{content:"";position:absolute;inset:0;border-radius:3px;background:var(--color-border-strong);clip-path:polygon(0 0,calc(100% - var(--fold)) 0,100% var(--fold),100% 100%,0 100%)}.fold-loader:after{content:"";position:absolute;top:0;right:0;width:var(--fold);height:var(--fold);background:var(--color-accent);clip-path:polygon(0 0,0 100%,100% 100%);border-bottom-left-radius:2px}@keyframes page-fold{0%,12%{--fold: 0px}37%,62%{--fold: 9px}87%,to{--fold: 0px}}.fold-loader-sm{width:16px;height:20px}@media (prefers-reduced-motion: reduce){.fold-loader{animation:none!important;--fold: 8px}}.feature-card.dog-ear{--ear-behind: var(--color-bg)}.thumb{position:relative}.thumb.active:before{content:"";position:absolute;top:6px;right:6px;width:12px;height:12px;pointer-events:none;background:linear-gradient(225deg,var(--color-bg) 50%,var(--color-accent) 50%);border-bottom-left-radius:2px}.toast-success{display:flex;align-items:center;gap:var(--space-3)}.toast-success .fp-sheet{fill:none;stroke:currentColor}.appbar{height:var(--appbar-h);flex:none;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:var(--color-bg);border-bottom:1px solid var(--color-border);position:relative;z-index:var(--z-toolbar)}.brand{display:inline-flex;align-items:center;color:var(--color-text);text-decoration:none;min-width:0;flex:none;border-radius:var(--radius-sm)}.brand-compact{display:none}.site-nav{display:flex;gap:var(--space-1);margin-left:var(--space-4)}.site-nav a{color:var(--color-text-muted);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-callout);font-weight:var(--weight-medium);transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.site-nav a:hover{color:var(--color-text);background:var(--color-accent-soft)}.doc-title,.privacy-btn{display:none}.doc-title{flex:1;min-width:0;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-callout);color:var(--color-text-muted)}.doc-name{min-width:0;font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autosave-status{display:inline-flex;align-items:center;gap:var(--space-1);flex:none;min-height:32px;padding:0 var(--space-2);border:0;border-radius:var(--radius-pill);background:none;color:var(--color-text-muted);font-size:var(--text-footnote);cursor:default;white-space:nowrap}.autosave-status[data-state=failed],.autosave-status[data-state=off]{cursor:pointer}.autosave-status[data-state=failed]{color:var(--color-danger);background:var(--color-danger-soft)}.autosave-status:hover[data-state=off]{background:var(--color-surface-pressed)}.autosave-status .fold-loader{transform:scale(.6);margin:-6px -4px}.appbar-actions{display:flex;align-items:center;gap:var(--space-2);flex:none;margin-left:auto}.is-editing .site-nav{display:none}.is-editing .doc-title{display:flex}.is-editing .privacy-btn{display:inline-flex;color:var(--color-text-muted)}.is-editing .appbar-actions{margin-left:0}.editor-screen{flex:1;display:flex;flex-direction:column;min-height:0}.workspace{flex:1;display:flex;min-height:0;position:relative}.canvas-area{flex:1;min-width:0;position:relative;background:var(--color-canvas)}.scroller{position:absolute;inset:0;overflow:auto;outline:none}.pages{display:flex;flex-direction:column;align-items:center;padding:136px var(--space-5) 104px;min-width:min-content}.page{position:relative;background:var(--color-paper);box-shadow:var(--shadow-page);border-radius:2px;flex:none}.page-canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}.overlay{position:absolute;inset:0}.sidebar{width:var(--sidebar-w);flex:none;display:flex;flex-direction:column;min-height:0;z-index:var(--z-sidebar);border-width:0 1px 0 0;border-radius:0}.sidebar.collapsed{display:none}.sidebar:not(.collapsed){animation:sidebar-in var(--dur) var(--ease-spring)}@keyframes sidebar-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.sidebar-title{padding:var(--space-4) var(--space-4) var(--space-2);font-weight:var(--weight-semibold);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.thumbs{flex:1;overflow-y:auto;padding:var(--space-1) var(--space-3) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.thumb{border:2px solid transparent;background:none;border-radius:var(--radius-md);padding:var(--space-1);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);font-size:var(--text-caption);color:var(--color-text-muted);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.thumb canvas{background:var(--color-paper);box-shadow:var(--shadow-sm);border-radius:2px;display:block}.thumb:hover{background:var(--color-surface-pressed)}.thumb.active{border-color:var(--color-fold);color:var(--color-text);font-weight:var(--weight-semibold)}.chrome{position:absolute;left:0;right:0;z-index:var(--z-toolbar);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:0 var(--space-4);pointer-events:none}.chrome>*{pointer-events:auto;max-width:100%}.chrome-top{top:var(--space-3)}.chrome-bottom{bottom:var(--space-4)}.chrome .toolbar{overflow-x:auto;scrollbar-width:none;transition:opacity var(--dur) var(--ease)}.chrome .toolbar::-webkit-scrollbar{display:none}.tool-label{font-size:var(--text-callout)}.tool-options{display:flex;flex-direction:column;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-1);animation:options-in var(--dur) var(--ease-spring)}.tool-options .sheet-grabber{display:none}.tool-options-row{display:flex;align-items:center;gap:var(--space-1);overflow-x:auto;scrollbar-width:none}.tool-options-row::-webkit-scrollbar{display:none}.tool-options .tb-group:not([hidden]){animation:options-in var(--dur) var(--ease-spring)}@keyframes options-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.tool-options select,.tool-options input[type=number]{min-height:calc(var(--icon-btn) - 4px);background:var(--color-surface)}#font-family{width:150px}#font-size{width:64px}.page-pill{border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2)}.page-pill .icon-btn{border-radius:var(--radius-pill)}#page-input{width:44px;min-height:32px;text-align:center;padding:0;border-radius:var(--radius-sm);background:var(--color-surface)}.page-total{white-space:nowrap;color:var(--color-text-muted);font-size:var(--text-callout);padding:0 var(--space-1);font-variant-numeric:tabular-nums}#zoom-select{min-height:32px;border:0;background:transparent;padding:0 var(--space-1);font-size:var(--text-callout);font-variant-numeric:tabular-nums;cursor:pointer}#zoom-select:hover{background:var(--color-surface-pressed)}.focus-off,.focus-mode .focus-on{display:none!important}.focus-mode .focus-off{display:inline-flex!important}.hint{width:max-content;max-width:min(640px,100%);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-callout);line-height:1.5;color:var(--color-text);box-shadow:var(--shadow-sm);pointer-events:none!important;text-align:center;animation:options-in var(--dur) var(--ease-spring)}.hint.hint-warn{background:var(--color-warning-soft);color:var(--color-warning);border-color:var(--color-warning-line);-webkit-backdrop-filter:none;backdrop-filter:none}#eraser-help-pop p{color:var(--color-text-muted)}.focus-mode .appbar,.focus-mode .sidebar{display:none}.focus-mode .chrome .toolbar{opacity:.4}.focus-mode .chrome .toolbar:hover,.focus-mode .chrome .toolbar:focus-within{opacity:1}@media (max-width: 1024px){.sidebar{position:absolute;top:var(--space-2);bottom:var(--space-2);left:var(--space-2);border-width:1px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}}@media (max-width: 720px){.appbar{padding:0 var(--space-2) 0 var(--space-3);gap:var(--space-2)}.autosave-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.is-editing .brand-full{display:none}.is-editing .brand-compact{display:block}.site-nav,.btn-lang span[data-i18n],#btn-close span[data-i18n],#btn-save span[data-i18n]{display:none}#btn-close,#btn-save,.btn-lang{padding:0;width:var(--control-h)}.chrome{padding:0}.chrome-top{top:auto;bottom:0;flex-direction:column-reverse}#toolbar{width:100%;justify-content:space-around;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-width:1px 0 0;padding:var(--space-1) var(--space-2) calc(var(--space-1) + env(safe-area-inset-bottom));box-shadow:var(--shadow-dock)}.tool-label{display:none}.tool-options{width:calc(100% - 2 * var(--space-2));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:0 var(--space-2) var(--space-2);animation:sheet-in var(--dur-slow) var(--ease-spring)}.tool-options .sheet-grabber{display:block;margin-bottom:var(--space-1)}.tool-options-row{flex-wrap:wrap;justify-content:center;row-gap:var(--space-2);overflow:visible}.tool-options .tb-group{flex:1 1 auto;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:center;row-gap:var(--space-2)}.hint{max-width:calc(100% - 2 * var(--space-4));font-size:var(--text-footnote);border-radius:var(--radius-lg)}.chrome-bottom{bottom:auto;top:var(--space-2)}.page-pill{padding:2px var(--space-1)}#zoom-select,.page-of,.page-pill .tb-sep:nth-of-type(3){display:none}#page-count:before{content:"/ "}.pages{padding:68px var(--space-3) 200px}.sidebar{top:64px;bottom:calc(var(--dock-h) + var(--space-2))}.is-editing .toast{bottom:calc(var(--dock-h) + var(--space-5) + env(safe-area-inset-bottom))}}@media (max-width: 380px){.page-pill .tb-sep{display:none}}.home{flex:1;overflow-y:auto;scroll-behavior:smooth}.container{width:min(var(--container),100% - 2 * var(--space-5));margin-inline:auto}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--dur-reveal) var(--ease),transform var(--dur-reveal) var(--ease)}.reveal.is-visible{opacity:1;transform:none}.hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-9) 0 var(--space-8);text-align:center}.hero .large-title{max-width:22ch}.phrase{white-space:nowrap}.hero .lead{font-size:var(--text-headline);color:var(--color-text-muted);max-width:34em}.hero-privacy{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-callout)}.hero-drop{margin-top:var(--space-5);width:min(720px,100%);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-6);padding:var(--space-6);text-align:left;cursor:pointer;background:var(--color-surface);border:1.5px dashed var(--color-accent-line);border-radius:var(--radius-xl);--ear: 22px;--ear-behind: var(--color-bg);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease-spring)}.hero-drop:hover,.hero-drop.dragover,.hero-drop:focus-visible{background:var(--color-accent-soft);border-color:var(--color-accent);--ear: 30px}.hero-drop.dragover{transform:scale(1.01)}.hero-drop:hover .hero-page,.hero-drop.dragover .hero-page,.hero-drop:focus-visible .hero-page{--ear-behind: var(--color-accent-soft)}.hero-drop-text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.drop-label{font-size:var(--text-headline);font-weight:var(--weight-semibold)}.hero-limits{font-size:var(--text-footnote);color:var(--color-text-muted)}.hero-error{width:min(720px,100%)}.hero-page{position:relative;width:150px;height:200px;flex:none;padding:20px 14px;display:flex;flex-direction:column;gap:7px;background:var(--color-paper);border-radius:3px;box-shadow:var(--shadow-page);--ear: 18px;--ear-behind: var(--color-surface)}.hero-line{display:block;height:5px;border-radius:var(--radius-pill);background:var(--color-paper-line)}.hero-line.w40{width:40%}.hero-line.w55{width:55%}.hero-line.w70{width:70%}.hero-line.w80{width:80%}.hero-line.w90{width:90%}.hero-field{display:block;border-bottom:1px dotted var(--color-paper-line);padding-bottom:2px}.hero-typed{display:inline-block;padding:0 3px;font-size:11px;line-height:1.5;color:var(--color-paper-ink);outline:1.5px solid var(--color-select);border-radius:2px}.hero-cover{display:block;width:62%;height:9px;border-radius:2px;background:var(--color-paper);outline:1.5px dashed var(--color-select)}.hero-sign{width:70%;height:auto;margin-top:auto;fill:none;stroke:var(--color-paper-pen);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hero-date{font-size:9px;color:var(--color-paper-ink);opacity:.7}.hero-continue{display:flex;align-items:center;gap:var(--space-3);width:min(560px,100%);padding:var(--space-3) var(--space-4);text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.hero-continue[hidden]{display:none}.hero-continue-thumb{flex:none;width:36px;height:48px;display:grid;place-items:center;overflow:hidden;background:var(--color-paper);border-radius:2px;box-shadow:var(--shadow-sm);color:var(--color-text-muted)}.hero-continue-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.hero-continue-text{flex:1;min-width:0;display:flex;flex-direction:column;font-size:var(--text-callout)}.hero-continue-name{font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-continue-time{color:var(--color-text-muted);font-size:var(--text-footnote)}.section{padding:var(--space-8) 0}.section-head{text-align:center;max-width:38em;margin:0 auto var(--space-7);display:flex;flex-direction:column;gap:var(--space-3)}.feature-grid{list-style:none;margin:0 0 var(--space-6);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur) var(--ease)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.feature-card p{color:var(--color-text-muted);font-size:var(--text-callout)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.step{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text)}.step h3{color:var(--color-text);margin-top:var(--space-2)}.step p{font-size:var(--text-callout)}.step-num{position:absolute;top:var(--space-4);right:var(--space-5);font-family:var(--font-heading);font-size:var(--text-title-1);line-height:1;color:var(--color-accent-line)}.trust{background:var(--color-accent-soft);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}.trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);text-align:left}.trust-list li{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text)}.trust-list h3{color:var(--color-text)}.trust-list p{color:var(--color-text-muted);font-size:var(--text-callout)}.recent{padding-top:0}.recent-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.recent-list{list-style:none;margin:0 0 var(--space-4);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.recent-item{display:flex;align-items:center;gap:var(--space-4);width:100%;min-height:88px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur) var(--ease)}.recent-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.recent-thumb{flex:none;width:48px;height:64px;display:grid;place-items:center;background:var(--color-paper);border-radius:3px;box-shadow:var(--shadow-sm);overflow:hidden;color:var(--color-text-muted)}.recent-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.recent-text{min-width:0;display:flex;flex-direction:column;gap:2px}.recent-name{font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-time{font-size:var(--text-footnote);color:var(--color-text-muted)}.recent .note{align-items:flex-start}.recent .note .icon{margin-top:.2em}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);margin-top:var(--space-8)}.site-footer-inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-5);padding:var(--space-6) 0}.site-footer .brand{margin-bottom:var(--space-2)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4)}.footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-callout);min-height:44px;display:inline-flex;align-items:center}.footer-links a:hover{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-fold)}.copyright{width:100%}@media (max-width: 900px){.hero{padding:var(--space-7) 0 var(--space-6)}.steps,.trust-list{grid-template-columns:1fr}}@media (max-width: 600px){.hero-drop{grid-template-columns:1fr;justify-items:center;text-align:center;padding:var(--space-5) var(--space-4)}.hero-drop-text{align-items:center}.hero-drop .btn-lg{width:100%}.hero-page{width:120px;height:160px;padding:16px 11px;gap:6px}}@media (max-width: 340px){.phrase{white-space:normal}}@media (max-width: 480px){.container{width:calc(100% - 2 * var(--space-4))}.trust{padding:var(--space-6) var(--space-4)}}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field>label{font-weight:var(--weight-semibold);font-size:var(--text-callout)}.field select{width:100%}.pw-row{display:flex;gap:var(--space-2)}.pw-row input{flex:1;min-width:0}.pw-row input[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-soft)}.pw-toggle{border:1px solid var(--color-border-strong);background:var(--color-surface)}.check{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;min-height:32px;font-size:var(--text-callout)}.check input{width:18px;height:18px;margin:0;flex:none}.protect-check{font-size:var(--text-body);font-weight:var(--weight-semibold);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.protect-check:has(input:checked){border-color:var(--color-accent-line);background:var(--color-accent-soft)}.protect-fields{display:flex;flex-direction:column;gap:var(--space-3);animation:options-in var(--dur) var(--ease-spring)}.strength{display:flex;align-items:center;gap:var(--space-3);min-height:18px;font-size:var(--text-footnote)}.meter{display:flex;gap:var(--space-1);width:132px;flex:none}.meter span{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--color-border);transition:background-color var(--dur) var(--ease)}.strength[data-level=weak] .meter span:nth-child(1){background:var(--color-danger)}.strength[data-level=fair] .meter span:nth-child(-n+2){background:var(--color-fair)}.strength[data-level=strong] .meter span{background:var(--color-success)}.strength[data-level=weak] #pw-strength-text{color:var(--color-danger)}.strength[data-level=fair] #pw-strength-text{color:var(--color-fair)}.strength[data-level=strong] #pw-strength-text{color:var(--color-success)}.pw-messages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-callout)}.pw-messages:empty{display:none}.pw-messages li{padding-left:22px;position:relative}.pw-messages li:before{position:absolute;left:0;top:.35em;width:14px;height:14px;content:"";background:currentColor;-webkit-mask:var(--mask) center / contain no-repeat;mask:var(--mask) center / contain no-repeat}.pw-messages li.err{color:var(--color-danger);--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E")}.pw-messages li.warn{color:var(--color-warning);--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E")}.advanced summary{cursor:pointer;font-weight:var(--weight-semibold);padding:var(--space-1) 0;min-height:32px}.advanced[open]{display:flex;flex-direction:column;gap:var(--space-3)}.perms{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4) var(--space-3);margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.perms legend{padding:0 var(--space-1);font-weight:var(--weight-semibold);font-size:var(--text-callout)}.privacy-note{display:flex;align-items:center;gap:var(--space-2);margin:0}.secure-options{display:flex;flex-direction:column;gap:var(--space-2)}#secure-points{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-callout)}.save-progress{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--weight-semibold)}.dialog .error{margin:0}.signature-canvas{width:100%;height:220px;border:1.5px dashed var(--color-accent-line);border-radius:var(--radius-lg);background:var(--color-paper);touch-action:none;cursor:crosshair;display:block}.restore-form{display:grid!important;grid-template-columns:auto 1fr;column-gap:var(--space-5);align-items:start}.restore-form .dialog-actions{grid-column:1 / -1}.restore-thumb{width:84px;height:112px;display:grid;place-items:center;background:var(--color-paper);border-radius:4px;box-shadow:var(--shadow-page);overflow:hidden;color:var(--color-text-muted);--ear: 16px;--ear-behind: var(--color-surface)}.restore-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.restore-text{display:flex;flex-direction:column;gap:var(--space-2)}#restore-body{overflow-wrap:anywhere}@media (max-width: 480px){.restore-thumb{width:64px;height:86px}}.privacy-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}@media (min-width: 601px){.signature-dialog{width:min(660px,calc(100% - 2 * var(--space-5)))}.confirm-dialog{width:min(420px,calc(100% - 2 * var(--space-5)))}.restore-dialog{width:min(480px,calc(100% - 2 * var(--space-5)))}}.erasure{z-index:0}.imgobj{z-index:1}.ink-layer{z-index:2}.tbox{z-index:3}.tool-text .overlay{cursor:text}.tbox{position:absolute;cursor:move;touch-action:none;outline:none}.tbox:after{content:"";position:absolute;inset:-1px;border:1px dashed transparent;border-radius:2px;pointer-events:none}.tbox:hover:after{border-color:color-mix(in srgb,var(--color-select) 60%,transparent)}.tbox.selected:after{border:1.5px solid var(--color-select)}.tbox:focus-visible:after{border:2px solid var(--color-focus)}.tbox-canvas{position:absolute;pointer-events:none}.tbox.editing{cursor:text}.tbox.editing .tbox-canvas{visibility:hidden}.tbox-input{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;resize:none;overflow:hidden;background:color-mix(in srgb,var(--color-paper-tint) 45%,transparent);outline:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;letter-spacing:0;font-kerning:normal;font-feature-settings:normal}.handle{position:absolute;top:50%;width:10px;height:22px;margin-top:-11px;background:var(--color-paper);border:1.5px solid var(--color-select);border-radius:var(--radius-pill);cursor:ew-resize;display:none}.handle-w{left:-6px}.handle-e{right:-6px}.tbox.selected .handle{display:block}@media (pointer: coarse){.handle{width:16px;height:30px;margin-top:-15px}.handle-w{left:-10px}.handle-e{right:-10px}}.tool-eraser .overlay{cursor:crosshair}.tool-eraser[data-eraser-mode=additions] .overlay,.tool-eraser[data-eraser-mode=additions] .tbox,.tool-eraser[data-eraser-mode=additions] .erasure{cursor:not-allowed}.tool-eraser .tbox{cursor:crosshair}.erasure{position:absolute;cursor:move;touch-action:none;outline:none}.erasure:after{content:"";position:absolute;inset:-1px;border:1px dashed color-mix(in srgb,var(--color-select) 55%,transparent);pointer-events:none}.erasure.secure:after{border:1.5px dashed var(--color-danger-solid);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--color-danger-solid) 18%,transparent) 0 4px,transparent 4px 9px)}.erasure.selected:after{border:1.5px solid var(--color-select)}.erasure.secure.selected:after{border-color:var(--color-danger-solid);border-style:solid}.erasure:focus-visible:after{border:2px solid var(--color-focus)}.erasure.erasing,.tbox.erasing{opacity:.25}.erasure-badge{display:none;position:absolute;top:-10px;right:-10px;width:20px;height:20px;align-items:center;justify-content:center;color:var(--color-on-dark);background:var(--color-danger-solid);border-radius:50%;pointer-events:none;box-shadow:var(--shadow-sm)}.erasure.secure .erasure-badge{display:inline-flex}.ehandle{position:absolute;width:10px;height:10px;background:var(--color-paper);border:1.5px solid var(--color-select);border-radius:50%;display:none;z-index:1}.erasure.selected .ehandle{display:block}.ehandle-n,.ehandle-s{left:50%;margin-left:-5px;cursor:ns-resize}.ehandle-e,.ehandle-w{top:50%;margin-top:-5px;cursor:ew-resize}.ehandle-n{top:-6px}.ehandle-s{bottom:-6px}.ehandle-e{right:-6px}.ehandle-w{left:-6px}.ehandle-ne{top:-6px;right:-6px;cursor:nesw-resize}.ehandle-sw{bottom:-6px;left:-6px;cursor:nesw-resize}.ehandle-nw{top:-6px;left:-6px;cursor:nwse-resize}.ehandle-se{bottom:-6px;right:-6px;cursor:nwse-resize}@media (pointer: coarse){.ehandle{width:16px;height:16px}}.erase-preview{position:absolute;border:1.5px dashed var(--color-select);background:color-mix(in srgb,var(--color-accent) 12%,transparent);pointer-events:none;z-index:3}.erase-preview.secure{border-color:var(--color-danger-solid);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--color-danger-solid) 22%,transparent) 0 4px,color-mix(in srgb,var(--color-danger-solid) 8%,transparent) 4px 9px)}.smart-hover{position:absolute;border:1.5px solid color-mix(in srgb,var(--color-select) 85%,transparent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-radius:3px;pointer-events:none;z-index:2}.smart-hover.secure{border-color:color-mix(in srgb,var(--color-danger-solid) 85%,transparent);background:color-mix(in srgb,var(--color-danger-solid) 10%,transparent)}.ink-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tool-pen .overlay{cursor:crosshair;touch-action:none}.tool-pen[data-pen-mode=erase] .overlay{cursor:cell}.tool-pen .tbox,.tool-pen .imgobj,.tool-pen .erasure{pointer-events:none}.imgobj{position:absolute;cursor:move;touch-action:none;outline:none;transform-origin:50% 50%}.imgobj img{width:100%;height:100%;display:block;pointer-events:none;user-select:none}.imgobj:after{content:"";position:absolute;inset:-1px;border:1px dashed transparent;pointer-events:none}.imgobj:hover:after{border-color:color-mix(in srgb,var(--color-select) 55%,transparent)}.imgobj.selected:after{border:1.5px solid var(--color-select)}.imgobj:focus-visible:after{border:2px solid var(--color-focus)}.imgobj.erasing{opacity:.25}.ihandle,.ihandle-rotate{position:absolute;width:12px;height:12px;background:var(--color-paper);border:1.5px solid var(--color-select);display:none;z-index:1}.ihandle{border-radius:50%}.imgobj.selected .ihandle,.imgobj.selected .ihandle-rotate{display:block}.ihandle-nw{top:-7px;left:-7px;cursor:nwse-resize}.ihandle-se{bottom:-7px;right:-7px;cursor:nwse-resize}.ihandle-ne{top:-7px;right:-7px;cursor:nesw-resize}.ihandle-sw{bottom:-7px;left:-7px;cursor:nesw-resize}.ihandle-rotate{top:-30px;left:50%;margin-left:-7px;width:14px;height:14px;border-radius:50%;cursor:grab}.ihandle-rotate:after{content:"";position:absolute;left:50%;top:13px;width:1.5px;height:16px;background:var(--color-select);margin-left:-.75px}@media (pointer: coarse){.ihandle{width:20px;height:20px}.ihandle-nw,.ihandle-ne{top:-11px}.ihandle-sw,.ihandle-se{bottom:-11px}.ihandle-nw,.ihandle-sw{left:-11px}.ihandle-ne,.ihandle-se{right:-11px}.ihandle-rotate{width:22px;height:22px;margin-left:-11px;top:-38px}}