:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #eaeaea;--text-secondary: #a0a0a0;--accent: #e94560;--accent-hover: #ff6b6b;--success: #4ecca3;--warning: #ffc107;--error: #ff4757;--border: #2a2a4a;--shadow: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace}#app{max-width:1400px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border)}.header h1{font-size:2rem;font-weight:300}.badge{background:var(--accent);color:#fff;font-size:.7rem;padding:4px 10px;border-radius:20px;vertical-align:middle;margin-left:10px}.main{display:flex;flex-direction:column;gap:20px}.panel{background:var(--bg-secondary);border-radius:12px;padding:20px;box-shadow:0 4px 20px var(--shadow)}.panel h2{font-size:1.2rem;font-weight:500;margin-bottom:15px;color:var(--accent)}.dropzone{border:2px dashed var(--border);border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .3s ease}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:#e945601a}.dropzone p{color:var(--text-secondary)}.dropzone .small{font-size:.85rem;margin-top:5px}.file-info{margin-top:15px;padding:15px;background:var(--bg-tertiary);border-radius:8px}.file-info.hidden{display:none}.file-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.file-info-item{display:flex;flex-direction:column}.file-info-item .label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.file-info-item .value{font-size:1.1rem;font-weight:500}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.option-group h3{font-size:.9rem;font-weight:600;margin-bottom:10px;color:var(--text-secondary)}.option-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;cursor:pointer}.option-group input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.option-group select,.option-group input[type=number]{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:.9rem}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--success);color:var(--bg-primary);transform:translateY(-2px)}.tabs{display:flex;gap:5px;margin-bottom:15px;border-bottom:1px solid var(--border);padding-bottom:10px}.tab{padding:8px 16px;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;border-radius:6px 6px 0 0;transition:all .2s ease}.tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab.active{color:var(--accent);background:var(--bg-tertiary)}.tab-content{display:none}.tab-content.active{display:block}.placeholder{color:var(--text-secondary);text-align:center;padding:40px;font-style:italic}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:20px}.stat-card{background:var(--bg-tertiary);padding:15px;border-radius:8px;text-align:center}.stat-card .value{font-size:2rem;font-weight:600;color:var(--accent)}.stat-card .label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.stat-card.highlight .value{color:#ffd93d}.stat-card.note .value{color:#6bcb77}.stat-card.bookmark .value{color:#4d96ff}.meta-info-container{margin-top:30px;background:var(--bg-tertiary);border-radius:8px;padding:20px}.meta-info-container h3{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:15px;border-bottom:1px solid var(--border);padding-bottom:10px}.meta-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.meta-item{display:flex;flex-direction:column}.meta-item .label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px}.meta-item .value{font-size:1.1rem;font-weight:500;color:var(--text-primary)}.raw-data-container{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:15px;max-height:500px;overflow:auto}.raw-data-container pre{margin:0;padding:0;font-family:Consolas,Monaco,monospace;font-size:.85rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-all}.clippings-toolbar{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.clippings-toolbar input[type=text],.clippings-toolbar select{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:.9rem}.clippings-toolbar input[type=text]{flex:1;min-width:200px}.clippings-table{width:100%;border-collapse:collapse;font-size:.85rem}.clippings-table th,.clippings-table td{padding:10px;text-align:left;border-bottom:1px solid var(--border)}.clippings-table th{background:var(--bg-tertiary);font-weight:600;position:sticky;top:0}.clippings-table tr:hover{background:#e945600d}.clippings-container{max-height:500px;overflow-y:auto}.type-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.type-badge.highlight{background:#ffd93d33;color:#ffd93d}.type-badge.note{background:#6bcb7733;color:#6bcb77}.type-badge.bookmark{background:#4d96ff33;color:#4d96ff}.type-badge.clip{background:#9b59b633;color:#9b59b6}.flag-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.7rem;margin-left:5px}.flag-badge.suspicious{background:#ff475733;color:#ff4757}.flag-badge.duplicate{background:#ffc10733;color:#ffc107}.flag-badge.linked{background:#4ecca333;color:#4ecca3}.warnings-list{max-height:300px;overflow-y:auto}.warning-item{padding:10px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:8px;border-left:3px solid var(--warning)}.warning-item .type{font-weight:600;color:var(--warning);font-size:.85rem}.warning-item .message{font-size:.9rem;margin-top:5px}.warning-item .block-index{font-size:.75rem;color:var(--text-secondary);margin-top:5px}.button-group{display:flex;gap:10px}.tab-count{font-size:.75rem;background:var(--accent);color:#fff;padding:2px 6px;border-radius:10px;margin-left:4px}.tab-count:empty{display:none}.export-options{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap}.export-options label{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer}.export-preview{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:15px;max-height:400px;overflow:auto;font-family:Consolas,Monaco,monospace;font-size:.85rem;white-space:pre-wrap;word-break:break-word}.export-preview-iframe{width:100%;height:400px;border:1px solid var(--border);border-radius:8px;background:#fff}.footer{text-align:center;padding:20px;margin-top:30px;color:var(--text-secondary);font-size:.85rem;border-top:1px solid var(--border)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.file-explorer{display:flex;height:400px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-primary)}.file-list{width:250px;background:var(--bg-secondary);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.file-list-item{padding:10px 15px;cursor:pointer;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text-secondary);transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-list-item:hover{background:#e945601a;color:var(--text-primary)}.file-list-item.active{background:#e9456033;color:var(--accent);border-left:3px solid var(--accent)}.file-content-preview{flex:1;padding:15px;overflow:auto;font-family:Consolas,Monaco,monospace;font-size:.85rem;white-space:pre-wrap;color:var(--text-primary)}.file-stat-summary{padding:10px;background:var(--bg-tertiary);border-bottom:1px solid var(--border);font-size:.8rem;color:var(--text-secondary);text-align:right}@media(max-width:768px){.options-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.tabs{flex-wrap:wrap}}