@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css";:root{--bg:#f2f4f6;--panel-bg:#fff;--panel-border:#e5e8eb;--text:#191f28;--text-secondary:#8b95a1;--accent:#3182f6;--accent-hover:#1b64da;--accent-soft:#ebf2fe;--canvas-bg:#eef1f4;--page-shadow:0 4px 20px #191f281a;--tab-active-bg:#fff;--input-bg:#fff;--danger:#f04452;--danger-soft:#fdebec;--radius-sm:8px;--radius-md:12px;--radius-lg:20px}@media (prefers-color-scheme:dark){:root{--bg:#16191c;--panel-bg:#202327;--panel-border:#ffffff14;--text:#f2f4f6;--text-secondary:#8b95a1;--accent:#4593fc;--accent-hover:#6ba8fd;--accent-soft:#4593fc29;--canvas-bg:#101214;--tab-active-bg:#262a2e;--input-bg:#262a2e;--danger:#ff6b6b;--danger-soft:#ff6b6b24}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Apple SD Gothic Neo,Helvetica,Arial,sans-serif}.app-root{flex-direction:column;height:100vh;display:flex;overflow:hidden}.tab-bar{background:var(--bg);border-bottom:1px solid var(--panel-border);gap:2px;padding:8px 12px 0;display:flex;overflow-x:auto}.tab{border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;max-width:200px;color:var(--text-secondary);background:0 0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.tab.active{background:var(--tab-active-bg);color:var(--text);box-shadow:0 -2px 0 var(--accent) inset}.tab-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tab-dirty-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.tab-close{cursor:pointer;color:inherit;opacity:.5;background:0 0;border:none;border-radius:50%;padding:2px;font-size:11px}.tab-close:hover{opacity:1;background:#8b95a126}.toolbar{background:var(--panel-bg);border-bottom:1px solid var(--panel-border);flex-wrap:wrap;align-items:center;gap:4px;padding:10px 14px;display:flex}.toolbar-group{align-items:center;gap:3px;display:flex}.toolbar-divider{background:var(--panel-border);align-self:stretch;width:1px;margin:2px 6px}.toolbar button{border-radius:var(--radius-sm);cursor:pointer;color:var(--text);background:0 0;border:none;padding:6px 10px;font-size:13px;font-weight:500;transition:background-color .12s,color .12s}.toolbar button:hover{background:var(--accent-soft);color:var(--accent)}.toolbar button.active{background:var(--accent);color:#fff}.toolbar button:disabled{opacity:.35;cursor:default}.toolbar button:disabled:hover{color:var(--text);background:0 0}.toolbar .segmented{background:var(--bg);border-radius:10px;padding:2px}.toolbar .segmented button.active{background:var(--accent);color:#fff}.autocrop-toggle{color:var(--text);white-space:nowrap;align-items:center;gap:4px;padding:0 4px;font-size:12px;display:flex}.autocrop-toggle input{margin:0}.file-menu{position:relative}.file-menu-dropdown{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);z-index:100;flex-direction:column;min-width:260px;max-width:320px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #191f2824}.file-menu-item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.file-menu-item:hover{background:var(--accent-soft);color:var(--accent)}.file-menu-item .shortcut{color:var(--text-secondary);margin-left:12px;font-size:11px}.file-menu-divider{background:var(--panel-border);height:1px;margin:6px 4px}.file-menu-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;padding:4px 10px 2px;font-size:11px}.file-menu-empty{color:var(--text-secondary);padding:6px 10px;font-size:12px}.file-menu-recent-row{align-items:center;display:flex}.file-menu-recent{flex:1;min-width:0}.file-menu-recent-remove{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:12px}.file-menu-recent-remove:hover{background:var(--danger-soft);color:var(--danger)}.file-menu-clear{color:var(--danger)}.file-menu-url-form{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.file-menu-url-form input{border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--input-bg);min-width:0;color:var(--text);flex:1;padding:8px 10px;font-size:12px}.file-menu-url-form input:focus{border-color:var(--accent);outline:none}.file-menu-url-form button{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:8px 12px;font-size:12px;font-weight:600}.file-menu-url-form button:hover{background:var(--accent-hover)}.file-menu-error{color:var(--danger);flex-basis:100%;margin:4px 0 0;font-size:11px}.page-input,.zoom-label{text-align:center;border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--input-bg);width:46px;color:var(--text);padding:4px;font-size:12px}.ocr-lang-select{border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text);border:1px solid var(--panel-border);align-self:flex-start;margin:8px;padding:4px 8px}.app-body{flex:1;min-height:0;display:flex}.sidebar-panel{border-right:1px solid var(--panel-border);background:var(--panel-bg);flex-shrink:0;width:180px;overflow-y:auto}.sidebar-empty{color:var(--text-secondary);padding:16px;font-size:12px}.thumb-grid{flex-direction:column;gap:10px;padding:12px;display:flex}.thumb-item{cursor:pointer;border-radius:var(--radius-sm);border:2px solid #0000;padding:4px;position:relative}.thumb-item.active{border-color:var(--accent);background:var(--accent-soft)}.thumb-canvas-wrap canvas{width:100%;box-shadow:var(--page-shadow);border-radius:4px;display:block}.blank-thumb{aspect-ratio:.77;width:100%;box-shadow:var(--page-shadow);background:#fff;border-radius:4px}.thumb-label{text-align:center;color:var(--text-secondary);margin-top:2px;font-size:11px}.thumb-menu{z-index:20;background:var(--tab-active-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);flex-direction:column;min-width:160px;padding:4px;display:flex;position:absolute;top:0;left:100%;overflow:hidden;box-shadow:0 12px 32px #191f2829}.thumb-menu button{text-align:left;border-radius:var(--radius-sm);cursor:pointer;color:var(--text);background:0 0;border:none;padding:8px 12px;font-size:12px}.thumb-menu button:hover{background:var(--accent-soft);color:var(--accent)}.thumb-menu button.danger:hover{background:var(--danger-soft);color:var(--danger)}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.viewer-scroll{background:var(--canvas-bg);justify-content:center;height:100%;padding:24px;display:flex;overflow:auto}.viewer-pages{flex-direction:column;align-items:center;gap:20px;display:flex}.viewer-pages.two-page{flex-direction:row;align-items:flex-start}.page-frame{box-shadow:var(--page-shadow);background:#fff;position:relative}.text-layer span::selection{background:#0a84ff66}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.empty-state .hint{font-size:12px}.inspector{background:var(--panel-bg);border-left:1px solid var(--panel-border);flex-shrink:0;width:220px;padding:14px;overflow-y:auto}.inspector h3{margin:0 0 12px;font-size:13px}.inspector .field{justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.inspector .field select,.inspector .field input[type=color]{flex-shrink:0}.ghost-btn{border:1px solid var(--panel-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);background:0 0;padding:3px 8px;font-size:11px}.ghost-btn:hover{border-color:var(--accent);color:var(--accent)}.search-bar{z-index:30;background:var(--tab-active-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 8px 24px #191f281f}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;width:200px;font-size:13px}.search-bar button{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px}.search-bar button:hover{background:var(--accent-soft);color:var(--accent)}.search-count{color:var(--text-secondary);white-space:nowrap;font-size:11px}.modal-overlay{z-index:100;background:#191f2873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--tab-active-bg);color:var(--text);border-radius:var(--radius-lg);width:380px;max-width:90vw;padding:24px;position:relative;box-shadow:0 20px 60px #191f2840}.modal h3{margin-top:0;font-weight:700}.modal input[type=password],.modal input[type=text],.typed-signature-input{border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--input-bg);width:100%;color:var(--text);margin:8px 0;padding:10px 12px;font-size:14px}.modal input:focus{border-color:var(--accent);outline:none}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-actions button,.modal button.primary{border-radius:var(--radius-sm);cursor:pointer;background:var(--bg);color:var(--text);border:none;padding:9px 16px;font-size:13px;font-weight:600}.modal-actions button:hover{background:var(--accent-soft);color:var(--accent)}.primary{background:var(--accent)!important;color:#fff!important}.primary:hover{background:var(--accent-hover)!important}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;padding:4px;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--bg)}.error-text{color:var(--danger);font-size:12px}.modal-tabs{background:var(--bg);border-radius:10px;gap:4px;margin-bottom:14px;padding:3px;display:flex}.modal-tabs button{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-secondary);background:0 0;border:none;flex:1;padding:8px;font-weight:600}.modal-tabs button.active{background:var(--tab-active-bg);color:var(--accent);box-shadow:0 1px 4px #191f281a}.signature-canvas{border-radius:var(--radius-md);border:1px dashed var(--panel-border);touch-action:none;background:#fff;width:100%}.typed-signature-preview{text-align:center;color:#111;border-radius:var(--radius-md);background:#fff;padding:16px;font-size:40px}.saved-signature-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.saved-signature-grid img{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--panel-border);background:#fff;width:100%;padding:6px}.form-fill-panel{pointer-events:none;position:absolute;inset:0}.form-fill-header{z-index:30;background:var(--tab-active-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);pointer-events:auto;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 8px 24px #191f281f}.form-fill-header button{border-radius:var(--radius-sm);cursor:pointer;background:var(--accent);color:#fff;border:none;padding:6px 12px;font-weight:600}.form-fill-header button:hover{background:var(--accent-hover)}.form-fill-header button:disabled{background:var(--bg);color:var(--text-secondary)}.crop-overlay{position:absolute;top:0;left:0}.crop-dim{pointer-events:none;background:#00000073;position:absolute;inset:0}.crop-rect{border:2px solid var(--accent);cursor:move;position:absolute;box-shadow:0 0 0 2000px #00000073}.crop-handle{border:2px solid var(--accent);background:#fff;border-radius:50%;width:14px;height:14px;position:absolute}.crop-handle.nw{cursor:nwse-resize;top:-7px;left:-7px}.crop-handle.se{cursor:nwse-resize;bottom:-7px;right:-7px}.crop-actions{background:var(--tab-active-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);gap:8px;padding:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #191f2833}.crop-actions button{border-radius:var(--radius-sm);cursor:pointer;background:var(--bg);color:var(--text);border:none;padding:7px 16px;font-weight:600}.crop-actions button.primary:hover{background:var(--accent-hover)!important}.print-preview-root{z-index:200;background:#525659;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.print-preview-toolbar{background:var(--tab-active-bg);width:100%;color:var(--text);z-index:5;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.print-preview-toolbar input{width:50px}.print-preview-toolbar button{border-radius:var(--radius-sm);cursor:pointer;background:var(--bg);color:var(--text);border:none;padding:7px 14px;font-weight:600}.print-preview-toolbar button:hover{background:var(--accent-soft);color:var(--accent)}.print-pages{flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.print-page img{max-width:90vw;box-shadow:0 4px 20px #0006}.print-pages.fit .print-page img{width:800px;max-width:90vw}@media print{.no-print,.tab-bar,.toolbar,.sidebar-panel,.inspector,.search-bar,.ocr-lang-select,.app-root>:not(.print-preview-root){display:none!important}.print-preview-root{background:#fff;position:static}.print-preview-toolbar{display:none!important}.print-page img{box-shadow:none;page-break-after:always;max-width:100%}}