.dropzone{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;min-height:0}.dropzone-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.dropzone-bg-blur{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.dropzone-bg-blur--1{top:0;left:25%;width:384px;height:384px;background:#bbdefb}.dropzone-bg-blur--2{bottom:0;right:25%;width:320px;height:320px;background:#e3f2fd;opacity:.6}.dropzone-bg-blur--3{top:33%;right:33%;width:256px;height:256px;background:#c9a22733;opacity:.4}[data-theme=dark] .dropzone-bg-blur--1{background:#1565c026}[data-theme=dark] .dropzone-bg-blur--2{background:#42a5f51a}[data-theme=dark] .dropzone-bg-blur--3{background:#c9a22714}.dropzone-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px}.dropzone-title{font-size:2.5rem;font-weight:700;color:var(--near-black, #1a1a1a);letter-spacing:-.02em;line-height:1.1}[data-theme=dark] .dropzone-title{color:var(--text-primary)}.dropzone-title-accent{color:var(--primary-blue, #1565c0)}[data-theme=dark] .dropzone-title-accent{color:var(--accent)}.dropzone-desc{font-size:1.125rem;color:var(--mid-gray, #757575)}.dropzone-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 64px;border:2px dashed var(--border);border-radius:12px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .2s,background .2s}[data-theme=dark] .dropzone-box{background:#18182599}.dropzone:hover .dropzone-box{border-color:var(--mid-gray, #757575)}.dropzone--active .dropzone-box{border-color:var(--primary-blue, #1565c0);background:#1565c00f}[data-theme=dark] .dropzone--active .dropzone-box{background:#42a5f514}.dropzone-icon{color:var(--mid-gray, #757575)}.dropzone--active .dropzone-icon{color:var(--primary-blue, #1565c0)}[data-theme=dark] .dropzone--active .dropzone-icon{color:var(--accent)}.dropzone-text{font-size:16px;font-weight:500;color:var(--text-primary)}.dropzone-hint{font-size:13px;color:var(--text-muted)}.viewer-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.viewer-container{flex:1;overflow:hidden;background:var(--bg-primary)}.viewer-line{display:flex;align-items:stretch;font-family:JetBrains Mono,SF Mono,Fira Code,Consolas,monospace;transition:background .3s}.viewer-code{padding-left:16px;padding-right:16px;white-space:pre;overflow:hidden;text-overflow:ellipsis;flex:1}.viewer-line--wrap .viewer-code{white-space:pre-wrap;word-break:break-all;overflow:visible;text-overflow:unset}.viewer-line:hover{background:var(--line-hover)}.viewer-line--highlighted,.viewer-line--highlighted:hover{background:var(--highlight-bg)}.viewer-tooltip{position:fixed;z-index:100;padding:4px 8px;border-radius:4px;font-size:12px;font-family:JetBrains Mono,SF Mono,Fira Code,Consolas,monospace;background:var(--bg-surface, #2d2d2d);color:var(--text-primary, #e0e0e0);box-shadow:0 2px 8px #00000040;pointer-events:none}.header{display:flex;flex-direction:column;background:var(--bg-secondary);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.header-row{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:48px;min-height:48px}.header-filter-row{display:flex;align-items:center;gap:10px;padding:0 20px 10px}.header-filter-label{font-size:13px;color:var(--text-muted);white-space:nowrap}.header-filter-wrap{flex:1;min-width:0;max-width:560px;position:relative;display:flex;align-items:flex-start}.header-filter-chips{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary)}.header-filter-chip{padding:2px 8px;font-size:12px;font-family:JetBrains Mono,SF Mono,Fira Code,Consolas,monospace;color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:background .15s}.header-filter-chip:hover{background:var(--text-muted);color:var(--bg-primary)}.header-filter-input{flex:1;min-width:120px;padding:4px 6px;font-size:13px;font-family:JetBrains Mono,SF Mono,Fira Code,Consolas,monospace;border:none;background:transparent;color:var(--text-primary)}.header-filter-chips .header-filter-input{padding:2px 4px}.header-filter-clear{position:absolute;right:6px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:14px;line-height:1;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px}.header-filter-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.header-filter-suggestions{position:absolute;top:100%;left:0;right:28px;margin:2px 0 0;padding:4px 0;list-style:none;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;max-height:240px;overflow-y:auto;z-index:200}.header-filter-suggestion{padding:6px 10px;font-size:13px;font-family:JetBrains Mono,SF Mono,Fira Code,Consolas,monospace;color:var(--text-primary);cursor:pointer}.header-filter-suggestion:hover,.header-filter-suggestion--active{background:var(--bg-hover)}.header-filter-input::placeholder{color:var(--text-muted)}.header-filter-input:focus{outline:none}.header-filter-chips:focus-within{border-color:var(--primary-blue, #1565c0)}[data-theme=dark] .header-filter-chips:focus-within{border-color:var(--accent)}.header-title{font-size:14px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.header-title-accent{color:var(--primary-blue, #1565c0)}[data-theme=dark] .header-title-accent{color:var(--accent)}.header-right{display:flex;align-items:center;gap:16px}.header-file-info{display:flex;align-items:center;gap:12px;font-size:13px}.header-filename{color:var(--accent);font-weight:500;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.header-meta{color:var(--text-muted)}.header-close{background:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:4px 10px;border-radius:4px;font-size:12px;transition:all .15s}.header-close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.header-controls{display:flex;align-items:center;gap:4px}.header-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .15s}.header-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.header-btn--active{background:var(--primary-blue, #1565c0);color:#fff;border-color:var(--primary-blue, #1565c0)}[data-theme=dark] .header-btn--active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.footer{position:fixed;bottom:0;left:0;right:0;text-align:center;pointer-events:none;z-index:10;background:var(--bg-primary);padding:6px 0;border-top:1px solid var(--border, #e0e0e0)}.footer-line{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--mid-gray, #757575)}.footer-name{font-weight:500;color:var(--near-black, #1a1a1a)}[data-theme=dark] .footer-name{color:var(--text-primary)}.footer-sep{color:var(--light-gray, #e0e0e0)}[data-theme=dark] .footer-sep{color:var(--text-muted)}.footer-link{pointer-events:auto;color:inherit;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--primary-blue, #1565c0)}[data-theme=dark] .footer-link:hover{color:var(--accent)}.app{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-main{flex:1;min-height:0;display:flex;flex-direction:column}.loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary);font-size:15px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=light]{--primary-blue: #1565c0;--light-blue: #42a5f5;--very-light-blue: #bbdefb;--yellow-accent: #c9a227;--mid-gray: #757575;--light-gray: #e0e0e0;--near-black: #1a1a1a;--background: #fafbfc;--bg-primary: var(--background);--bg-secondary: #f0f2f5;--bg-surface: #e8eaed;--bg-hover: #e0e0e0;--text-primary: var(--near-black);--text-secondary: var(--mid-gray);--text-muted: var(--mid-gray);--accent: var(--primary-blue);--accent-hover: var(--light-blue);--border: var(--light-gray);--gutter-bg: #eef0f5;--gutter-text: var(--mid-gray);--line-hover: rgba(21, 101, 192, .06);--highlight-bg: rgba(21, 101, 192, .1);--syn-keyword: #7b1fa2;--syn-entity: var(--primary-blue);--syn-reference: #c62828;--syn-string: #2e7d32;--syn-number: #558b2f;--syn-enum: #ef6c00;--syn-comment: var(--mid-gray);--syn-section: #6a1b9a;--syn-header-key: #00695c;color-scheme:light}[data-theme=dark]{--bg-primary: #1e1e2e;--bg-secondary: #181825;--bg-surface: #313244;--bg-hover: #45475a;--text-primary: #cdd6f4;--text-secondary: #a6adc8;--text-muted: #585b70;--accent: #42a5f5;--accent-hover: #64b5f6;--border: #45475a;--gutter-bg: #11111b;--gutter-text: #585b70;--line-hover: rgba(66, 165, 245, .06);--highlight-bg: rgba(66, 165, 245, .12);--syn-keyword: #ce93d8;--syn-entity: #64b5f6;--syn-reference: #e57373;--syn-string: #81c784;--syn-number: #a5d6a7;--syn-enum: #ffb74d;--syn-comment: #585b70;--syn-section: #ba68c8;--syn-header-key: #4dd0e1;color-scheme:dark}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.hl-keyword{color:var(--syn-keyword)}.hl-entity{color:var(--syn-entity)}.hl-entity-link{color:var(--syn-entity);cursor:pointer;text-decoration:none}.hl-entity-link:hover{text-decoration:underline}.hl-reference{color:var(--syn-reference);cursor:pointer}.hl-reference:hover{text-decoration:underline}.hl-reference-def{color:var(--syn-reference)}.hl-string{color:var(--syn-string)}.hl-number{color:var(--syn-number)}.hl-enum{color:var(--syn-enum)}.hl-comment{color:var(--syn-comment);font-style:italic}.hl-section{color:var(--syn-section);font-weight:600}.hl-header-key{color:var(--syn-header-key);font-weight:500}.hl-filter-match{font-weight:700}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--light-gray, #e0e0e0);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--mid-gray, #757575);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#616161}