:root{color-scheme:light;--bg: #f3f0e8;--paper: #ffffff;--ink: #1a1a1a;--muted: #8a8478;--pan-margin: 64px;--title: #5c574e;--line: #e6e1d6;--drop-line: #d4cfc4;--selected: #ede8dc;--danger: #8a2f2f;--danger-bg: #f8e6e4;--touch: 44px;font-family:Apple SD Gothic Neo,Noto Sans KR,Pretendard,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);overscroll-behavior:none}#app{min-height:100dvh}.banner{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:80;max-width:min(92vw,720px);margin:0;padding:10px 16px;border-radius:12px;box-shadow:0 4px 16px #2c2a262e;background:var(--danger-bg);color:var(--danger);text-align:center}.upload-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.upload-stack{display:flex;flex-direction:column;align-items:center;gap:24px}.dropzone{width:320px;height:200px;border:1.5px dashed var(--drop-line);border-radius:16px;background:transparent;color:var(--ink);font:inherit;font-size:16px;cursor:pointer}.dropzone.is-over{background:var(--selected)}.recents{width:320px;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.recent-card{display:flex;flex-direction:column;justify-content:center;gap:2px;width:320px;height:56px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--title);font:inherit;font-size:15px;text-align:left;cursor:pointer;overflow:hidden}.recent-card-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-card-note{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-card:hover{background:var(--selected)}.recents-views{width:320px;display:flex;gap:6px;justify-content:flex-end}.recents-view{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.recents-view.is-selected{background:var(--selected);color:var(--title)}.recents.is-cover{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.recents.is-cover .recent-row{position:relative;display:block}.recents.is-cover .recent-card{width:100%;height:auto;padding:0;border:0;background:none;display:flex;flex-direction:column;gap:6px;text-align:center}.recent-cover{width:100%;aspect-ratio:3 / 4;border:1px solid var(--line);border-radius:10px;background:#f7f4ec;object-fit:contain;display:block}.recents.is-cover .recent-card-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px}.recents.is-cover .recent-del{position:absolute;top:6px;right:6px;width:28px;height:28px;font-size:13px;opacity:.9}.recent-row{display:flex;align-items:center;gap:6px}.recent-row .recent-card{width:auto;flex:1 1 auto;min-width:0}.recent-card-size{display:block;font-size:12px;color:var(--muted)}.recent-del{flex:0 0 auto;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--muted);font:inherit;font-size:16px;line-height:1;cursor:pointer}.recent-del:hover{background:var(--selected);color:var(--title)}.recents-clear{width:320px;margin-top:4px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.recents-clear:hover{background:var(--selected);color:var(--title)}.storage-note{width:320px;margin:0;color:var(--muted);font-size:12px;text-align:center}.storage-note.is-tight{color:#b4462e}.write-screen{height:100dvh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.write-top{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:8px 12px 0;gap:8px}.other-pdf{position:relative;z-index:1;height:32px;padding:8px 12px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}.doc-title{position:absolute;left:50%;transform:translate(-50%);margin:0;max-width:min(38vw,calc(100% - 320px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;letter-spacing:-.02em;color:var(--title);pointer-events:none}.write-top-start{position:relative;z-index:1;display:flex;align-items:center;gap:6px}.header-icon{width:32px;height:32px;padding:0;border:0;border-radius:10px;background:transparent;color:#2c2a26;display:grid;place-items:center;cursor:pointer}.header-icon svg{width:22px;height:22px}.header-icon.is-selected{background:var(--selected)}.write-top-end{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-left:auto}.interact-lock{height:32px;padding:0;border:0;border-radius:10px;background:transparent;color:#8a8478;display:inline-flex;align-items:center;flex-shrink:0;gap:6px;cursor:pointer}.interact-lock-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px}.interact-lock svg{width:20px;height:20px}.interact-lock-label{font-size:13px;font-weight:600;letter-spacing:-.03em;line-height:1;transform:translateY(2px);color:#5c574e;white-space:nowrap}.interact-lock.is-on{background:var(--selected);color:#8a8478}.interact-lock.is-on .interact-lock-label{color:#8a8478}.page-pager,.zoom-pager{display:flex;align-items:center;gap:0}@media(max-width:700px){.zoom-pager{display:none}}.zoom-label{min-width:44px;color:#8a8478;font-size:12px;text-align:center}.page-step{width:32px;height:32px;padding:0;border:0;border-radius:10px;background:transparent;color:#8a8478;display:grid;place-items:center;cursor:pointer}.page-step svg{width:18px;height:18px}.page-label{min-width:44px;padding:0 2px;text-align:center;font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap;color:var(--title)}.write-body{position:relative;flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:stretch}#write-split{flex:1 1 0;min-width:0;min-height:0;display:flex}#write-split.axis-tb{flex-direction:column}#write-split.axis-lr{flex-direction:row}.split-pane{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg);border:0 solid var(--line)}#write-split.axis-tb .split-pane{border-top-width:1px}#write-split.axis-lr .split-pane{border-left-width:1px}.split-tabs{display:flex;flex:0 0 auto;gap:4px;padding:6px 8px;overflow-x:auto}.split-tab{display:flex;align-items:center;gap:6px;height:32px;padding:0 4px 0 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--title);font:inherit;font-size:13px;cursor:pointer}.split-tab.is-active{background:var(--selected)}.split-tab-close{width:22px;height:22px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;line-height:1;cursor:pointer}.split-stage{flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f7f4ec}.split-stage iframe{width:100%;height:100%;border:0;background:#fff}.split-stage canvas{max-width:100%;max-height:100%}.split-stage p{margin:0;padding:16px;color:var(--title);text-align:center}.area-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.area-hit{position:absolute;border:1.5px dashed rgba(92,87,78,.45);background:#2f6f5e0f;box-sizing:border-box;pointer-events:auto;touch-action:none}.area-link-panel{position:fixed;z-index:9;width:min(280px,calc(100vw - 24px))}.area-link-label{margin:0;color:var(--muted);font-size:13px}.area-link-page-row,.area-link-url-row{display:flex;gap:8px}.area-link-panel input{flex:1 1 0;min-width:0;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--title);font:inherit}.area-link-panel button{height:36px;padding:0 12px}.area-link-docs{display:flex;flex-direction:column;gap:4px}.area-link-docs button{justify-content:flex-start;text-align:left}.area-link-empty{margin:0;color:var(--muted);font-size:13px}.toolbar-rail{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-start;padding:8px;z-index:4;pointer-events:none}.write-screen[data-toolbar=bottom] .toolbar-rail{align-items:flex-end}.write-screen[data-toolbar=left] .toolbar-rail,.write-screen[data-toolbar=right] .toolbar-rail{align-items:center}.write-screen[data-toolbar=left] .toolbar-rail{justify-content:flex-start}.write-screen[data-toolbar=right] .toolbar-rail{justify-content:flex-end}.write-screen[data-toolbar=float] .toolbar-rail{padding:0;justify-content:flex-start;align-items:flex-start}.write-screen.is-fullscreen .write-top{display:none}.toolbar{--bar-pad: 8px;--cell: 44px;--cell-gap: 4px;--icon: 22px;--grip: 16px;display:flex;flex-wrap:nowrap;align-items:center;gap:0;height:56px;padding:var(--bar-pad);border:1px solid #e6e1d6;border-radius:28px;background:#fff;width:max-content;max-width:calc(100vw - 16px);flex-shrink:0;pointer-events:auto}.toolbar.is-narrow{--cell: 36px;--cell-gap: 2px;--icon: 20px}.write-screen[data-toolbar=left] .toolbar,.write-screen[data-toolbar=right] .toolbar{flex-direction:column;width:max-content;height:max-content;max-width:none;max-height:calc(100% - 16px)}.write-screen[data-toolbar=left] .toolbar-cells,.write-screen[data-toolbar=right] .toolbar-cells{flex-direction:column}.write-screen[data-toolbar=left] .toolbar-grip,.write-screen[data-toolbar=right] .toolbar-grip{width:var(--cell);height:var(--grip);flex-direction:row}.write-screen[data-toolbar=float] .toolbar{position:fixed;z-index:12;left:var(--toolbar-x, 16px);top:var(--toolbar-y, 72px)}.toolbar.is-dragging{position:fixed;z-index:12;left:var(--toolbar-x, 16px);top:var(--toolbar-y, 72px);margin:0}.toolbar-grip{width:var(--grip);height:var(--cell);padding:0;border:0;border-radius:8px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:grab;touch-action:none;flex-shrink:0}.toolbar-grip span{width:4px;height:4px;border-radius:50%;background:#d4cfc4}.toolbar-cells{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--cell-gap)}.tool{position:relative;width:var(--cell);height:var(--cell);min-width:var(--cell);padding:0;border:0;border-radius:12px;background:transparent;color:#2c2a26;font:inherit;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;flex-shrink:0}.tool svg{width:var(--icon);height:var(--icon)}.tool.is-selected{background:#ede8dc}.tool-dot{position:absolute;right:5px;bottom:5px;width:8px;height:8px;border-radius:50%;background:var(--tool-color, #1a1a1a);pointer-events:none}.ink-tool[data-tool=highlighter] .tool-dot{opacity:.7}.ink-tool[data-tool=pencil] .tool-dot{background:#c23a32}.ink-tool,#undo-btn,#redo-btn,.toolbar-grip{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.workspace{flex:1 1 0;min-width:0;min-height:0;display:flex;justify-content:center;align-items:center;padding:8px 12px;overflow:hidden;touch-action:none;overscroll-behavior:none}.write-screen[data-view=scroll] .workspace{align-items:flex-start;justify-content:flex-start;padding:var(--pan-margin) 12px;overflow:auto;touch-action:none;overscroll-behavior:none}.write-screen[data-view=scroll][data-toolbar=left] .workspace,.write-screen[data-view=scroll][data-toolbar=right] .workspace{padding-left:var(--pan-margin);padding-right:var(--pan-margin)}.write-screen[data-view=scroll] .viewport{margin:0 auto}.viewport{position:relative;transform-origin:center center}.write-screen[data-view=scroll] .viewport{transform-origin:top left}.page-stack{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;transform-origin:top left}.page-stack.is-windowed{display:block;gap:0}.page-stack.is-windowed .page-stage{position:absolute}.write-screen[data-view=page] .page-stack{gap:0}.page-stage{position:relative;display:inline-block;background:var(--paper);box-shadow:0 8px 18px #28201614;touch-action:none;overscroll-behavior:none}.page-stage canvas{display:block;touch-action:none;overscroll-behavior:none}.ink-canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;overscroll-behavior:none;cursor:crosshair}.mask-canvas,.under-canvas,.live-canvas,.over-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.write-screen[data-interact=view] .ink-canvas{cursor:grab}.write-screen[data-cursor=default] .ink-canvas{cursor:default}.write-screen[data-cursor=copy] .ink-canvas{cursor:copy}.write-screen[data-cursor=grab] .ink-canvas{cursor:grab}.write-screen[data-cursor=link] .ink-canvas{cursor:default}.pen-hover[data-shape=eraser]{border-style:dashed;border-color:#8b8378;background:#8b837824}.pen-hover[data-shape=highlighter]{border-radius:3px}.pen-hover[data-shape=point]{border-width:1px;background:none}.pdf-link-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none}.write-screen[data-link-hints=off] .pdf-link-layer{display:none}.write-screen[data-interact=view]:not([data-link-hints=off]) .pdf-link-layer{display:block}.pdf-link-hint{position:absolute;background:#5dade22e;border:1px solid rgba(93,173,226,.34);border-radius:2px;box-sizing:border-box;transition:background .12s ease-out}.pdf-link-hint.is-hit{background:#5dade273}.pdf-link-hint.is-fixed{background:#2f6f5e29;border-color:#2f6f5e57}.slot-panel{position:fixed;z-index:8;width:240px;padding:12px;border:1px solid #e6e1d6;border-radius:16px;background:#fff;box-shadow:0 10px 24px #2820161f;display:flex;flex-direction:column;gap:12px}.slot-kinds{display:grid;grid-template-columns:repeat(4,1fr);height:32px;gap:0}.slot-kinds button{height:32px;border:0;border-radius:8px;background:transparent;color:#5c574e;font:inherit;font-size:12px;cursor:pointer}.slot-kinds button.is-selected{background:#ede8dc;color:#5c574e}.color-pick{position:fixed;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.slot-color[data-light="1"]{box-shadow:inset 0 0 0 1px #d4cfc4}.slot-palette{display:grid;gap:8px;justify-content:center}.slot-palette[data-kind=pen]{grid-template-columns:repeat(3,28px)}.slot-palette[data-kind=highlighter]{grid-template-columns:repeat(5,28px)}.slot-palette[data-kind=pencil]{grid-template-columns:28px}.slot-color{width:28px;height:28px;padding:0;border:0;border-radius:8px;background:var(--swatch);cursor:pointer}.slot-palette[data-kind=highlighter] .slot-color{opacity:.7}.slot-color.is-chalk{background:radial-gradient(circle at 45% 40%,#c23a32,#c23a32,#c23a328c 72%,#c23a3229)}.slot-color.is-selected{box-shadow:0 0 0 2px #c4a574}.slot-opacity-row,.slot-width-row{height:32px;display:flex;align-items:center}.slot-stamp{display:flex;flex-direction:column;gap:8px}.stamp-preview{display:block;margin:0 auto;pointer-events:none}.stamp-phrases{display:flex;flex-direction:column;gap:8px}.stamp-phrases button{height:36px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:#5c574e;font:inherit;font-size:14px;cursor:pointer}.stamp-phrases button.is-selected{background:#ede8dc}.more-panel{width:240px;gap:8px;left:-9999px;top:-9999px}.more-panel button{height:44px;border:0;border-radius:12px;background:transparent;color:var(--title);font:inherit;font-size:14px;cursor:pointer}.more-panel button.is-selected{background:var(--selected)}.more-rotate{display:grid;grid-template-columns:1fr 1fr;height:44px;gap:0}.more-rotate button{height:44px}.marquee{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.marquee-box{position:absolute;border:1.5px dashed #5c574e;background:#ffffff1f;box-sizing:border-box;pointer-events:auto;touch-action:none}.marquee-menu{position:absolute;z-index:1;display:flex;height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 8px 18px #2820161a;pointer-events:auto}.marquee-menu button{height:44px;padding:0 12px;border:0;background:transparent;color:var(--title);font:inherit;font-size:14px;cursor:pointer}.select-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.select-box{position:absolute;border:1.5px solid #5c574e;box-sizing:border-box}.select-handle{position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid #5c574e;border-radius:2px}.select-handle[data-handle=nw]{left:-4px;top:-4px}.select-handle[data-handle=ne]{right:-4px;top:-4px}.select-handle[data-handle=se]{right:-4px;bottom:-4px}.select-handle[data-handle=sw]{left:-4px;bottom:-4px}.select-handle[data-handle=rotate]{display:block;width:16px;height:16px;left:50%;top:-20px;margin-left:-8px;margin-top:-8px;background:#fff;border:1.6px solid #2C2A26;border-radius:50%;box-sizing:border-box;pointer-events:auto;touch-action:none;cursor:grab}.select-layer.is-rotating .select-handle[data-handle=rotate]{cursor:grabbing}.select-layer.is-cropping .select-handle[data-handle=rotate]{display:none}.select-layer.is-image .select-handle,.select-layer.is-stamp .select-handle{display:block}.select-layer:not(.is-image):not(.is-stamp) .select-handle:not([data-handle=rotate]){display:none}.select-hud,.float-bar{position:fixed;z-index:8;display:flex;gap:6px;padding:6px;border:1px solid #e6e1d6;border-radius:12px;background:#fff;box-shadow:0 8px 18px #2820161a}.select-hud button,.float-bar button{height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--title);font:inherit;font-size:14px;cursor:pointer}.select-hud button.is-on{background:var(--selected)}.shape-chips{position:fixed;z-index:8;display:flex;gap:6px;padding:4px;border:1px solid #e6e1d6;border-radius:12px;background:#fff;box-shadow:0 8px 18px #2820161a;touch-action:none}.shape-chips button{height:36px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--title);font:inherit;font-size:14px;cursor:pointer}.shape-chips button.is-candidate{background:var(--selected)}.preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;border:0;padding:0;background:#28201647;cursor:pointer}.write-screen[data-preview=open]{padding-left:var(--preview-w, 120px)}.preview-drawer{position:fixed;top:0;left:0;bottom:0;z-index:9;width:var(--preview-w, 120px);padding:8px 16px;border-right:1px solid #e6e1d6;background:#fff;box-shadow:8px 0 24px #2820161f;display:flex;flex-direction:column;gap:8px}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-head h2{margin:0;font-size:12px;font-weight:600;color:var(--title)}.preview-close{height:32px;padding:0 4px;border:0;border-radius:8px;background:transparent;color:var(--title);font:inherit;font-size:12px;cursor:pointer}.preview-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.preview-tabs button{height:32px;border:0;border-radius:8px;background:transparent;color:var(--title);font:inherit;font-size:12px;cursor:pointer}.preview-tabs button.is-selected{background:var(--selected)}.preview-pages{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.preview-toc{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px}.preview-toc-add{flex:0 0 32px;height:32px;border:0;border-radius:8px;background:var(--selected);color:var(--title);font:inherit;font-size:16px;line-height:1;cursor:pointer}.preview-toc-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:4px}.preview-toc-row{touch-action:none;height:36px;display:flex;align-items:center;gap:4px;padding:0 2px;border:0;border-radius:8px;background:transparent;cursor:pointer}.preview-toc-page{flex:0 0 auto;color:var(--muted);font-size:12px}.preview-toc-title{flex:0 1 auto;max-width:calc(100% - 40px);min-width:0;height:36px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:var(--title);font:inherit;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.preview-toc-jump{flex:1 1 auto;min-width:8px;height:36px;align-self:stretch}.preview-toc-edit{flex:0 1 auto;min-width:0;max-width:calc(100% - 40px);height:28px;padding:0 4px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--title);font:inherit;font-size:12px}.preview-filters{display:grid;grid-template-columns:1fr;gap:4px}.preview-filters button,.preview-insert{height:32px;border:0;border-radius:8px;background:transparent;color:var(--title);font:inherit;font-size:12px;cursor:pointer}.preview-filters button.is-selected,.preview-insert{background:var(--selected)}.preview-list{flex:1;min-height:0;overflow:auto;display:block;position:relative;gap:8px}.preview-list-spacer{width:1px;pointer-events:none}.preview-list-window{position:absolute;left:0;top:0;right:0;display:flex;flex-direction:column;gap:8px}.preview-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;height:calc(var(--thumb-h, 117px) + 50px);overflow:hidden;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;flex-shrink:0}.page-menu{position:fixed;z-index:11;width:140px;display:flex;flex-direction:column;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 8px 18px #2820161f;overflow:hidden}.page-menu button{height:44px;padding:0 12px;border:0;background:transparent;color:var(--title);font:inherit;font-size:14px;text-align:left;cursor:pointer}.page-menu button:disabled{color:var(--line);cursor:default}.preview-drop{position:absolute;left:0;right:0;height:2px;border-radius:1px;background:#c4a574;pointer-events:none;z-index:2}.preview-row.is-grabbed{touch-action:none}.preview-row.is-dragging{opacity:.5}.preview-grip{position:absolute;right:-6px;top:0;bottom:0;width:12px;cursor:col-resize;touch-action:none}.preview-thumb{max-width:var(--thumb-w, 88px);max-height:var(--thumb-h, 117px);border:1px solid var(--line);border-radius:8px;background:#fff;display:block}.preview-row.is-picked .preview-thumb{box-shadow:0 0 0 3px #2c2a26}.preview-row.is-current{background:#c4a57424;border-radius:10px}.preview-row.is-current .preview-thumb{box-shadow:0 0 0 3px #c4a574,0 0 0 6px #c4a57459}.preview-row.is-current .preview-page-label{color:#2c2a26;font-weight:700}.preview-thumb-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:var(--thumb-w, 88px);height:var(--thumb-h, 117px);line-height:0}.preview-thumb-wrap .preview-bookmark{position:absolute;top:-6px;right:0;z-index:1;width:44px;height:44px;padding:8px;font-size:18px;line-height:28px;color:#d4cfc4}.preview-meta{display:flex;align-items:center;justify-content:flex-start;gap:6px;box-sizing:border-box;width:var(--thumb-w, 88px);max-width:100%;min-height:44px;color:var(--title);font-size:13px}.preview-page-label{flex:0 0 auto;color:#8a8478;font-size:11px}.preview-source-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#8a8478}.preview-toc-caption{flex:1 1 auto;min-width:0;margin:0;padding:0;color:#5c574e;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-meta .preview-toc-edit{flex:1 1 auto;min-width:0;max-width:none;width:100%}.preview-bookmark{width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:#d4cfc4;font:inherit;font-size:18px;line-height:28px;cursor:pointer}.preview-bookmark.is-on{color:#c4a574}.slot-opacity-row input[type=range],.slot-width-row input[type=range]{width:100%;height:32px;margin:0;accent-color:#5c574e}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;justify-content:center}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#28201647;cursor:pointer}.sheet-card{position:relative;width:min(400px,100%);padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:var(--paper);box-shadow:0 -8px 24px #28201614}.sheet-card h2{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--title)}.setting-block{margin-bottom:16px}.setting-label{margin:0 0 8px;font-size:13px;color:var(--muted)}.setting-switch{display:flex;align-items:center;justify-content:space-between;min-height:44px}.setting-label-inline{font-size:15px;color:var(--title)}.choice-row{display:grid;gap:8px}.choice-4{grid-template-columns:repeat(4,1fr)}.choice-3,.choice-5{grid-template-columns:repeat(3,1fr)}.choice-2{grid-template-columns:repeat(2,1fr)}.choice-row button{height:44px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:inherit;font-size:15px;cursor:pointer}.choice-row button.is-selected{background:var(--selected)}.sheet-done{width:100%;height:44px;margin-top:8px;border:0;border-radius:12px;background:var(--selected);color:var(--ink);font:inherit;font-size:15px;cursor:pointer}.pen-only{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 4px 0 0;border:0;background:transparent;color:#8a8478;font:inherit;font-size:12px;line-height:1;white-space:nowrap;cursor:pointer}.pen-only-track{position:relative;flex:0 0 36px;width:36px;height:20px;border-radius:10px;background:#d4cfc4}.pen-only.is-on .pen-only-track{background:#c4a574}.pen-only-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #28201629;transition:transform .15s ease}.pen-only.is-on .pen-only-knob{transform:translate(16px)}.tool:disabled{opacity:.35;cursor:default}@media(min-width:720px){.sheet{align-items:center}.sheet-card{border-radius:20px;padding-bottom:20px}}.sticker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;border:0;padding:0;background:#2820162e}.sticker-sheet{position:fixed;z-index:13;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 24px));max-height:min(760px,calc(100dvh - 32px));display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:#f3f0e8;box-shadow:0 12px 28px #28201629;overflow:hidden}.sticker-head{flex:0 0 auto;height:44px;padding:0 8px 0 16px;display:flex;align-items:center;justify-content:space-between}.sticker-title{margin:0;color:#5c574e;font-size:15px;font-weight:600}.sticker-close{width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:#5c574e;font:inherit;cursor:pointer}.sticker-body{flex:1 1 auto;min-height:0;overflow:auto;padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.sticker-drop{width:280px;max-width:100%;height:160px;border:1px dashed #d4cfc4;border-radius:16px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.sticker-source{position:relative;align-self:flex-start;touch-action:none}.sticker-canvas{display:block;max-width:100%;border-radius:8px;background:#fff}.sticker-regions{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sticker-region{position:absolute;border:1.5px solid #c4a574;border-radius:8px}.sticker-make-actions,.sticker-studio-actions{display:flex;gap:8px}.sticker-flat{height:32px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#8a8478;font:inherit;font-size:13px;cursor:pointer}.sticker-folders{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sticker-folder{height:36px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--title);font:inherit;font-size:13px;cursor:pointer}.sticker-folder.is-selected{background:var(--selected)}.sticker-folder.is-drop{border-color:#c4a574}.sticker-folder-add{width:32px;height:32px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font:inherit;cursor:pointer}.sticker-grid{display:flex;flex-wrap:wrap;gap:10px;min-height:88px}.sticker-new{margin-left:auto;margin-right:8px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#5c574e;font-size:13px;cursor:pointer}.sticker-crop-box{position:absolute;border:1px dashed #2c2a26;background:#2c2a261f;pointer-events:none}.crop-grip{position:absolute;width:14px;height:14px;border:1px solid #2c2a26;border-radius:4px;background:#fff}.crop-grip[data-crop=nw]{left:-7px;top:-7px}.crop-grip[data-crop=ne]{right:-7px;top:-7px}.crop-grip[data-crop=se]{right:-7px;bottom:-7px}.crop-grip[data-crop=sw]{left:-7px;bottom:-7px}.sticker-cell{width:88px;height:88px;padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;touch-action:none;overflow:hidden}.sticker-cell{position:relative}.sticker-edit{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:7px;background:#ffffffe0;color:#5c574e;font-size:12px;line-height:20px;text-align:center;cursor:pointer}.sticker-cell img{width:100%;height:100%;object-fit:contain;pointer-events:none}.sticker-cell.is-selected,.sticker-cell.is-grabbed{box-shadow:0 0 0 2px #c4a574}.sticker-cell.is-dragging{opacity:.5}.sticker-region.is-selected{background:#c4a5741f}.sticker-region-handle{position:absolute;width:8px;height:8px;border:1px solid #c4a574;border-radius:2px;background:#fff}.sticker-region-handle[data-handle=nw]{left:-4px;top:-4px}.sticker-region-handle[data-handle=ne]{right:-4px;top:-4px}.sticker-region-handle[data-handle=se]{right:-4px;bottom:-4px}.sticker-region-handle[data-handle=sw]{left:-4px;bottom:-4px}.sticker-region-close{position:absolute;right:-10px;top:-10px;width:20px;height:20px;padding:0;border:1px solid #c4a574;border-radius:50%;background:#fff;color:#8a8478;font-size:11px;line-height:1;pointer-events:auto;cursor:pointer}.sticker-empty{color:var(--muted);font-size:13px}.sticker-studio-stage{display:flex;justify-content:center;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff}.sticker-studio-box{position:relative;display:inline-block;line-height:0}.sticker-studio-canvas{max-width:100%;touch-action:none;transform-origin:center center}.sticker-handle{position:absolute;width:8px;height:8px;border:1px solid #2c2a26;border-radius:2px;background:#fff;touch-action:none;cursor:nwse-resize}.sticker-handle[data-handle=nw]{left:-4px;top:-4px}.sticker-handle[data-handle=ne]{right:-4px;top:-4px}.sticker-handle[data-handle=se]{right:-4px;bottom:-4px}.sticker-handle[data-handle=sw]{left:-4px;bottom:-4px}.sticker-tools{height:56px;display:flex;align-items:center;gap:4px}.sticker-tools button{height:44px;min-width:44px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--title);font:inherit;font-size:13px;cursor:pointer}.sticker-tools button.is-selected{background:var(--selected)}.sticker-angle{width:100%}.dropbox-open{width:320px;max-width:100%;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--title);font:inherit;font-size:14px;cursor:pointer}.dropbox-list{display:flex;flex-direction:column;gap:4px;min-height:80px}.dropbox-row{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--title);font:inherit;font-size:14px;text-align:left;cursor:pointer}.dropbox-row-kind{color:var(--muted);font-size:12px}.dropbox-empty{color:var(--muted);font-size:13px}.sync-note{position:fixed;z-index:12;left:50%;top:56px;transform:translate(-50%);height:44px;max-width:calc(100vw - 24px);padding:0 8px 0 16px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 18px #2820161f;color:var(--title);font-size:13px}.sync-note button{height:32px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--title);font:inherit;font-size:13px;cursor:pointer}#sync-dismiss{width:32px;padding:0;border:0;background:transparent;color:var(--muted)}.dropbox-save{display:flex;flex-direction:column;gap:8px}.dropbox-here{margin:0;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropbox-name{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--title);font:inherit;font-size:14px}.source-note{margin:18px 0 0;text-align:center;font-size:12px;color:#8b8378}.source-link{color:inherit;text-underline-offset:3px}.build-tag{display:block;margin-top:4px;font-size:11px;color:#8b8378}.link-fix-panel{gap:10px}.link-fix-field{display:grid;gap:4px;font-size:13px;color:var(--muted)}.link-fix-field input{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--title);font:inherit}.link-fix-actions{display:flex;gap:8px}.link-fix-save{flex:1 1 auto;height:38px}.link-fix-bulk{display:flex;align-items:center;gap:8px;font-size:13px;color:#5c574e}.link-fix-clear{flex:0 0 auto;height:38px;padding:0 12px;color:#8b8378}.ink-move-hint{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.ink-move-docs{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow:auto}.ink-move-doc{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;font:inherit;color:var(--title)}.ink-move-doc small{color:var(--muted);font-size:12px}.ink-move-doc[disabled]{opacity:.55}.ink-move-sheet-card{max-height:94vh;display:flex;flex-direction:column}.ink-move-panes{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0;flex:1 1 auto}.ink-move-pane{overflow-y:auto;min-height:40vh;max-height:58vh;display:flex;flex-direction:column;gap:8px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#faf8f2}.ink-move-card{display:grid;gap:4px;padding:8px;border:2px solid transparent;border-radius:10px;background:#fff;font:inherit;color:var(--title);text-align:center}.ink-move-card.is-selected{border-color:#2f6f5e}.ink-move-card.is-guess{background:#d69e2e1f}.ink-move-card.is-off{opacity:.55}.ink-move-shot{width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:#fff}.ink-move-label{font-size:13px;color:var(--muted)}.ink-move-target{font-size:12px;color:#2f6f5e}.ink-move-modebar{display:flex;gap:6px}.ink-move-modebar button{flex:1 1 0;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:13px;color:#5c574e}.ink-move-modebar button.is-selected{background:#2f6f5e;border-color:#2f6f5e;color:#fff}.ink-move-mode{display:flex;align-items:center;gap:8px;font-size:13px;color:#5c574e}.ink-move-actions{display:flex;gap:8px}.ink-move-apply{flex:1 1 auto;height:40px;border-radius:12px;background:#2f6f5e;color:#fff;border:0;font:inherit}.slot-width-value{min-width:30px;text-align:right;font-size:13px;color:#5c574e;font-variant-numeric:tabular-nums}.eyedrop-btn{width:32px;height:32px;padding:5px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#5c574e}.eyedrop-btn svg{width:100%;height:100%}.wheel-panel{display:grid;gap:10px;justify-items:center}#wheel-disc{width:220px;height:220px;border-radius:50%;cursor:crosshair;touch-action:none}.wheel-value-row{display:flex;align-items:center;gap:8px;width:100%}.wheel-value-row input[type=range]{flex:1 1 0}.wheel-preview{width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:var(--swatch, #1A1A1A)}.wheel-hex{font-size:12px;color:#8b8378;font-variant-numeric:tabular-nums}.pen-hover{position:fixed;left:0;top:0;z-index:7;pointer-events:none;border-radius:50%;border:1.5px solid var(--swatch, #1A1A1A);background:color-mix(in srgb,var(--swatch, #1A1A1A) 22%,transparent)}.workspace.is-dropping:after,#workspace.is-dropping:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px dashed #2f6f5e;border-radius:12px;pointer-events:none}.pen-probe{min-height:64px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;background:#fff;color:#5c574e;font-size:12px;line-height:1.6;touch-action:none;word-break:break-all}.pen-probe.is-live{border-style:solid;border-color:#2f6f5e}.select-hud.is-inside{opacity:.94;box-shadow:0 6px 18px #2820163d}.write-screen[data-interact=view] .toolbar .ink-tool,.write-screen[data-interact=view] .toolbar #eraser-btn,.write-screen[data-interact=view] .toolbar #select-btn,.write-screen[data-interact=view] .toolbar #stamp-btn{opacity:.4;pointer-events:none}.write-screen[data-cursor=none] .ink-canvas{cursor:none}.shelf-hint{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:56vh;overflow-y:auto;padding:4px}.shelf-card{display:grid;gap:4px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff}.shelf-card img{width:100%;height:auto;max-height:150px;object-fit:contain;border:1px solid var(--line);border-radius:4px;background:#fff;cursor:pointer}.shelf-card .shelf-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.shelf-card .shelf-del{border:0;background:none;color:#b45;font-size:12px;cursor:pointer}.shelf-empty{grid-column:1 / -1;text-align:center;color:var(--muted);font-size:13px;padding:24px 0}