:root{color-scheme:light;--primaryPurple: #5b2d82;--deepPurple: #3d2b56;--accent: #7b1fa2;--accent-hover: #6a1b9a;--bg: #f9fafb;--panel: #ffffff;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--danger: #dc2626;--danger-bg: #fef2f2;--selected: #f3e8ff;--selected-border: #7b1fa2;--shadow: 0 1px 2px rgba(17, 24, 39, .06);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit}.boot{min-height:100vh;display:grid;place-items:center}.boot-card{padding:1rem 1.25rem;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--muted)}.app-shell{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--panel);padding:.75rem 1rem}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.home-link{color:#2563eb;text-decoration:none;font-size:.875rem;font-weight:500;flex-shrink:0}.home-link:hover{color:#1d4ed8}.page-title{margin:0;flex:1;min-width:0;text-align:right;font-size:.875rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:.25rem}.topbar-actions{position:relative;flex-shrink:0;display:inline-flex;align-items:center;gap:.4rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);cursor:pointer}.icon-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hover)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.menu-btn{color:var(--text)}.menu-popover{position:absolute;top:calc(100% + 6px);right:0;min-width:10.5rem;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #1118271f;padding:.35rem;z-index:40}.menu-item{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:.55rem .7rem;color:var(--text);cursor:pointer}.menu-item:hover:not(:disabled){background:#f3e8ff;color:var(--accent-hover)}.menu-item:disabled{opacity:.45;cursor:not-allowed}.layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"main preview" "archive preview";min-height:0;min-width:0}.layout.archive-collapsed{grid-template-rows:minmax(0,1fr) auto}@media(max-width:560px){.layout{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) minmax(220px,40vh) auto;grid-template-areas:"main" "preview" "archive"}}.main{grid-area:main;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.toolbar{display:flex;flex-wrap:wrap;gap:.4rem;padding:.55rem .85rem;border-bottom:1px solid var(--border);background:var(--panel);align-items:center}.toolbar-group{display:inline-flex;align-items:center;gap:.3rem}.toolbar-sep{width:1px;height:1.6rem;background:var(--border);margin:0 .2rem;flex-shrink:0}.toolbar-split{min-width:5.5rem}.icon-btn.compact{width:1.85rem;height:1.85rem}.icon-btn.danger-icon:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.icon-btn.primary-icon{position:relative;background:var(--accent);border-color:var(--accent);color:#fff}.icon-btn.primary-icon:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.icon-btn-badge{position:absolute;top:-.35rem;right:-.35rem;min-width:1.05rem;height:1.05rem;padding:0 .22rem;border-radius:999px;background:#fff;color:var(--accent);border:1px solid var(--accent);font-size:.62rem;font-weight:700;line-height:1.05rem;text-align:center}.range-box{display:flex;gap:.35rem;align-items:center}.range-box input,.modal input,.rename-row input{border:1px solid #d1d5db;border-radius:8px;padding:.4rem .6rem;background:#fff;color:var(--text);min-width:8rem}.range-box input:focus,.modal input:focus,.rename-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.btn{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:8px;padding:.4rem .7rem;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn.danger{color:var(--danger);border-color:#fecaca;background:var(--danger-bg)}.banner{margin:.75rem 1rem 0;padding:.55rem .75rem;border-radius:8px;font-size:.9rem}.banner.error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca}.banner.info{background:#f5f3ff;color:var(--deepPurple);border:1px solid #e9d5ff}.page-grid{position:relative;flex:1 1 auto;min-height:0;overflow:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;align-content:start;-webkit-user-select:none;user-select:none;background:var(--bg);overscroll-behavior:contain}.page-grid.empty{display:flex;align-items:center;justify-content:center;grid-template-columns:none;align-content:center;padding:1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:min(22rem,90%);margin:auto;color:var(--muted)}.empty-upload-btn{min-width:10rem}.empty-divider{width:100%;height:1px;background:var(--border)}.empty-drop-label{font-size:.95rem;color:var(--muted);text-align:center}.page-thumb{position:relative;border:2px solid var(--border);border-radius:10px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden;cursor:grab}.page-thumb:active{cursor:grabbing}.page-thumb.selected{border-color:var(--selected-border);background:var(--selected)}.page-thumb.is-dragging{opacity:.45}.page-grid.dragging{cursor:grabbing}.drop-line{position:absolute;width:3px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 1px #7b1fa240;pointer-events:none;z-index:8}.page-check{position:absolute;top:6px;left:6px;z-index:3;background:#ffffffeb;border-radius:4px;padding:4px;cursor:pointer;display:grid;place-items:center}.page-check input{width:1rem;height:1rem;cursor:pointer;margin:0}.page-preview{aspect-ratio:3 / 4;background:#f3f4f6;display:grid;place-items:center}.page-preview img{width:100%;height:100%;object-fit:contain;display:block}.page-placeholder{color:var(--muted);font-size:.85rem}.page-meta{display:flex;justify-content:space-between;gap:.35rem;padding:.35rem .45rem;font-size:.72rem;color:var(--muted)}.page-source{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.marquee{position:absolute;border:1px solid var(--accent);background:#7b1fa21f;pointer-events:none;z-index:5}.preview-pane{grid-area:preview;position:relative;border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0;min-width:0;height:100%;overflow:hidden}.preview-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;z-index:5;background:transparent}.preview-resize-handle:hover,.preview-resize-handle:active{background:#7b1fa240}@media(max-width:560px){.preview-pane{border-left:none;border-top:1px solid var(--border)}.preview-resize-handle{display:none}}.preview-pane-head,.archive-dock-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .75rem;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--panel);position:relative;z-index:1}.preview-pane-head h2,.archive-dock-head h2{margin:0;font-size:.95rem;color:var(--primaryPurple)}.preview-pane-tools{display:flex;align-items:center;gap:.55rem;min-width:0}.preview-pane-subtitle{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--muted);min-width:0}.preview-pane-source{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:8rem}.preview-zoom-controls{display:inline-flex;align-items:center;gap:.2rem;flex-shrink:0}.preview-zoom-label{border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:6px;min-width:3.1rem;height:1.85rem;font-size:.72rem;cursor:pointer;padding:0 .35rem}.preview-zoom-label:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hover)}.preview-zoom-label:disabled{opacity:.45;cursor:not-allowed}.preview-pane-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;overflow:hidden;background:#e5e7eb}.preview-stage{flex:1;min-height:0;width:100%;display:grid;place-items:center;overflow:auto;padding:1rem}.preview-stage img{display:block;box-shadow:0 4px 24px #1118272e;background:#fff}.preview-empty{color:var(--muted);font-size:.9rem;text-align:center;padding:1.5rem .5rem}.archive-dock{grid-area:archive;display:flex;flex-direction:column;min-height:0;min-width:0;max-height:min(32vh,280px);overflow:hidden;background:var(--panel);border-top:1px solid var(--border)}.archive-dock.collapsed{max-height:none}.archive-dock-actions{display:flex;align-items:center;gap:.35rem}.sidebar-empty{padding:1rem;color:var(--muted);font-size:.9rem}.archive-list{list-style:none;margin:0;padding:.5rem;overflow:auto;display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.archive-item{border:1px solid var(--border);border-radius:10px;padding:.65rem;display:flex;flex-direction:column;gap:.5rem;background:#fff}.archive-title{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem}.archive-title span{color:var(--muted)}.archive-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.archive-actions .icon-btn{width:2rem;height:2rem}.archive-actions .icon-btn.primary-icon .icon-btn-badge{display:none}.rename-row,.modal-actions{display:flex;flex-wrap:wrap;gap:.35rem}.modal-backdrop{position:fixed;inset:0;background:#11182766;display:grid;place-items:center;z-index:50;padding:1rem}.modal{width:min(420px,100%);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 16px 40px #1118272e}.modal h2{margin:0;font-size:1.05rem;color:var(--primaryPurple)}.modal input{width:100%}.help-trigger-wrap{position:relative;flex-shrink:0}.help-trigger.pinned{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.help-panel{position:fixed;z-index:10050;width:420px;max-width:calc(100vw - 16px);border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text);box-shadow:0 18px 48px #11182738;overflow:hidden}.help-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;border-bottom:1px solid var(--border)}.help-panel-title{font-size:.875rem;font-weight:600}.help-panel-meta{font-size:.7rem;color:var(--muted)}.help-panel-body{overflow-y:auto}.help-list{list-style:none;margin:0;padding:.25rem 0}.help-item{display:flex;align-items:flex-start;gap:.55rem;padding:.5rem .75rem;border-top:1px solid #f3f4f6}.help-item:first-child{border-top:none}.help-index{width:1.15rem;flex-shrink:0;margin-top:.1rem;font-size:.7rem;font-weight:600;color:#9ca3af;font-variant-numeric:tabular-nums}.help-keys{min-width:7.5rem;padding-top:.1rem}.help-copy{min-width:0;flex:1}.help-item-title{font-size:.8125rem;font-weight:600;line-height:1.25}.help-item-body{margin-top:.15rem;font-size:.75rem;line-height:1.35;color:#4b5563}.help-gesture{display:inline-flex;align-items:center;gap:.15rem;flex-wrap:wrap}.help-gesture-stack{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.35rem}.help-mouse{flex-shrink:0}.help-key{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.15rem;padding:0 .3rem;border-radius:3px;border:1px solid #9ca3af;background:#f9fafb;color:#1f2937;font-size:.625rem;font-weight:700;letter-spacing:.02em;line-height:1}.help-key.wide{min-width:2.15rem}.help-plus,.help-or{font-size:.625rem;font-weight:600;color:#6b7280;padding:0 .1rem}.help-hint{font-size:.625rem;font-weight:600;color:#6b7280}.link-tool-modal{width:min(460px,100%)}.link-tool-head{display:flex;align-items:center;gap:.45rem;color:var(--primaryPurple)}.link-tool-head h2{margin:0}.link-tool-file{margin:0;font-size:.875rem;color:var(--muted)}.link-tool-label{font-size:.8rem;font-weight:600;color:var(--text)}.link-tool-input-wrap input{width:100%}.link-tool-selected{font-size:.8rem;color:var(--deepPurple)}.link-tool-menu{position:fixed;z-index:10050;overflow:auto;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 16px 40px #11182733;padding:.25rem}.link-tool-menu-empty{padding:.7rem .75rem;color:var(--muted);font-size:.85rem}.link-tool-option{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;border:0;background:transparent;border-radius:8px;padding:.55rem .65rem;cursor:pointer;text-align:left;color:var(--text)}.link-tool-option:hover,.link-tool-option.selected{background:#f3e8ff}.link-tool-option-name{font-size:.875rem;font-weight:600}.link-tool-option-meta{font-size:.75rem;color:var(--muted)}a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.archive-preview-backdrop{z-index:60;padding:1rem}.archive-preview-modal{width:min(960px,100%);height:min(88vh,920px);background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #11182738;display:flex;flex-direction:column;overflow:hidden}.archive-preview-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;border-bottom:1px solid var(--border);flex-shrink:0}.archive-preview-head h2{margin:0;font-size:.95rem;color:var(--primaryPurple);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.archive-preview-head-actions{display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0}.archive-preview-frame{flex:1;width:100%;border:0;background:#e5e7eb;min-height:0}