:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px}:root[data-theme=dark]{--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-tertiary:#2d2d2d;--bg-hover:#3c3c3c;--bg-active:#4a4a4a;--bg-input:#3c3c3c;--border-color:#3e3e3e;--border-input:#555;--text-primary:#ccc;--text-secondary:#9d9d9d;--text-tertiary:#6e6e6e;--text-quaternary:#505050;--accent-primary:#ff5722;--accent-secondary:#e64a19;--accent-tertiary:#bf360c;--accent-info:#ff7043;--accent-success:#4caf50;--accent-success-hover:#43a047;--accent-warning:#ffc107;--accent-danger:#f44336;--accent-danger-hover:#d32f2f;--accent-color:#ff5722;--accent-hover:#e64a19;--accent-rgb:255, 87, 34;--success-color:#4caf50;--success-rgb:76, 175, 80;--error-color:#f44336;--error-rgb:244, 67, 54;--warning-color:#ffc107;--warning-rgb:255, 193, 7;--activitybar-bg:#333;--activitybar-icon:#858585;--activitybar-icon-hover:#fff;--activitybar-icon-active:#ff5722;--activitybar-indicator:#ff5722;--sidebar-bg:#252526;--sidebar-header-bg:#2d2d2d;--sidebar-item-hover:#2a2a2a;--sidebar-item-active:#37373d;--sidebar-item-indicator:#ff5722;--tab-bg:#2d2d2d;--tab-bg-active:#1e1e1e;--tab-border:#252526;--tab-active-indicator:#ff5722;--statusbar-bg:#ff5722;--statusbar-text:#fff;--statusbar-hover-bg:#ffffff1f;--welcome-bg:#1e1e1e;--dropzone-border:#555;--dropzone-border-hover:#ff5722;--dropzone-bg-hover:#ff572214;--card-bg:#252526;--card-border:#3e3e3e;--card-header-bg:#2d2d2d;--scrollbar-track:transparent;--scrollbar-thumb:#79797966;--scrollbar-thumb-hover:#646464b3;--shadow:#00000080;--shadow-light:#0000004d;--shadow-sm:0 2px 8px var(--shadow);--shadow-md:0 4px 12px var(--shadow);--shadow-lg:0 8px 32px var(--shadow)}:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f3f3f3;--bg-tertiary:#e8e8e8;--bg-hover:#e0e0e0;--bg-active:#d0d0d0;--bg-input:#fff;--border-color:#d4d4d4;--border-input:silver;--text-primary:#333;--text-secondary:#616161;--text-tertiary:#888;--text-quaternary:#aaa;--accent-primary:#e64a19;--accent-secondary:#bf360c;--accent-tertiary:#8d2505;--accent-info:#ff5722;--accent-success:#388e3c;--accent-success-hover:#2e7d32;--accent-warning:#ffa000;--accent-danger:#d32f2f;--accent-danger-hover:#c62828;--accent-color:#e64a19;--accent-hover:#bf360c;--accent-rgb:230, 74, 25;--success-color:#388e3c;--success-rgb:56, 142, 60;--error-color:#d32f2f;--error-rgb:211, 47, 47;--warning-color:#ffa000;--warning-rgb:255, 160, 0;--activitybar-bg:#2c2c2c;--activitybar-icon:#858585;--activitybar-icon-hover:#fff;--activitybar-icon-active:#ff5722;--activitybar-indicator:#ff5722;--sidebar-bg:#f3f3f3;--sidebar-header-bg:#e8e8e8;--sidebar-item-hover:#e0e0e0;--sidebar-item-active:#d0d0d0;--sidebar-item-indicator:#e64a19;--tab-bg:#ececec;--tab-bg-active:#fff;--tab-border:#d4d4d4;--tab-active-indicator:#e64a19;--statusbar-bg:#e64a19;--statusbar-text:#fff;--statusbar-hover-bg:#ffffff1f;--welcome-bg:#fff;--dropzone-border:#d4d4d4;--dropzone-border-hover:#e64a19;--dropzone-bg-hover:#e64a190d;--card-bg:#fff;--card-border:#d4d4d4;--card-header-bg:#f3f3f3;--scrollbar-track:transparent;--scrollbar-thumb:#64646466;--scrollbar-thumb-hover:#50505099;--shadow:#00000026;--shadow-light:#00000014;--shadow-sm:0 2px 8px var(--shadow);--shadow-md:0 4px 12px var(--shadow);--shadow-lg:0 8px 32px var(--shadow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:13px;line-height:1.4}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}::selection{background:var(--accent-primary);color:#fff}:focus{outline:none}:focus-visible{outline:1px solid var(--accent-primary);outline-offset:-1px}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-input);border:1px solid var(--border-input);border-radius:4px;padding:4px 8px}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary)}pre,code{font-family:Consolas,Monaco,Courier New,monospace}input[type=file]{display:none}.hidden{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{background-color:var(--bg-primary);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.main-layout{flex:1;min-height:0;display:flex;overflow:hidden}.resize-handle{cursor:col-resize;background:0 0;flex-shrink:0;width:4px;transition:background-color .15s}.resize-handle:hover,.resize-handle.resizing{background-color:var(--accent-primary)}.activitybar{background-color:var(--activitybar-bg);flex-direction:column;flex-shrink:0;justify-content:space-between;width:48px;display:flex}.activitybar-top,.activitybar-bottom{flex-direction:column;align-items:center;display:flex}.activitybar-top{padding-top:4px}.activitybar-bottom{border-top:1px solid var(--border-color);padding-bottom:4px}.activitybar-item{width:48px;height:48px;color:var(--activitybar-icon);justify-content:center;align-items:center;transition:color .15s;display:flex;position:relative}.activitybar-item:hover{color:var(--activitybar-icon-hover)}.activitybar-item.active{color:var(--activitybar-icon-active)}.activitybar-item.active:before{content:"";background-color:var(--activitybar-indicator);width:2px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.activitybar-item i{font-size:20px}.activitybar-menu-container{position:relative}.activitybar-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border-color);min-width:200px;box-shadow:0 4px 12px var(--shadow);opacity:0;visibility:hidden;z-index:1000;border-radius:6px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:0;left:52px;overflow:hidden;transform:translate(-8px)}.activitybar-dropdown.visible{opacity:1;visibility:visible;transform:translate(0)}#main-menu-dropdown{top:0;bottom:auto}.dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;font-size:inherit;background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;font-family:inherit;text-decoration:none;transition:background-color .1s;display:flex}.dropdown-item:hover{background-color:var(--bg-hover);text-decoration:none}.dropdown-item i{text-align:center;width:16px;color:var(--text-secondary)}.dropdown-item span{flex:1}.dropdown-external-icon{opacity:.6;font-size:10px}.dropdown-divider{background-color:var(--border-color);height:1px;margin:4px 0}.dropdown-language-label{color:var(--text-secondary);opacity:.8;margin-left:auto;font-size:12px}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:200px;min-width:150px;max-width:400px;transition:width .2s,min-width .2s,border-right .2s,background-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.sidebar.collapsed{border-right-color:#0000;width:0;min-width:0}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .sidebar-content{opacity:0;pointer-events:none}.sidebar-header{background-color:var(--sidebar-header-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sidebar-header h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0;font-size:11px;font-weight:600}.sidebar-actions{gap:4px;display:flex}.sidebar-action-btn{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;transition:background-color .1s,color .1s;display:flex}.sidebar-action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-action-btn i{font-size:12px}.sidebar-content{flex:1;overflow:hidden auto}.file-list{padding:4px 0}.folder-item{cursor:pointer;align-items:center;gap:4px;padding:6px 8px;font-weight:500;transition:background-color .1s;display:flex;position:relative}.folder-item:hover{background-color:var(--sidebar-item-hover)}.folder-chevron{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:transform .15s;display:flex}.folder-chevron i{color:var(--text-secondary);font-size:10px}.folder-chevron.expanded{transform:rotate(90deg)}.folder-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.folder-icon i{color:var(--accent-primary);font-size:14px}.folder-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.folder-count{color:var(--text-tertiary);background-color:var(--bg-tertiary);border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:11px}.folder-remove{width:16px;height:16px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .1s,background-color .1s;display:none}.folder-item:hover .folder-remove{display:flex}.folder-item:hover .folder-count{display:none}.folder-remove:hover{color:var(--text-primary);background-color:var(--bg-hover)}.folder-remove i{font-size:10px}.file-item{cursor:pointer;align-items:center;gap:8px;padding:6px 12px;transition:background-color .1s;display:flex;position:relative}.file-item:hover{background-color:var(--sidebar-item-hover)}.file-item.active{background-color:var(--sidebar-item-active)}.file-item.active:before{content:"";background-color:var(--sidebar-item-indicator);width:2px;position:absolute;top:0;bottom:0;left:0}.file-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.file-item-icon i{color:var(--text-secondary);font-size:14px}.file-item.proof-file .file-item-icon i{color:var(--accent-primary)}.file-item.plaintext-file .file-item-icon i{color:var(--text-tertiary)}.file-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.file-item-status{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.file-item-status i{font-size:10px}.file-item-status.pending i{color:var(--text-tertiary)}.file-item-status.verifying i{color:var(--accent-primary);animation:1s linear infinite spin}.file-item-status.success i{color:var(--accent-success)}.file-item-status.warning i{color:var(--accent-warning)}.file-item-status.error i{color:var(--accent-danger)}.file-item-remove{width:16px;height:16px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .1s,background-color .1s;display:none}.file-item:hover .file-item-remove{display:flex}.file-item-remove:hover{color:var(--text-primary);background-color:var(--bg-hover)}.file-item-remove i{font-size:10px}.file-item-progress{background-color:var(--border-color);height:2px;position:absolute;bottom:0;left:0;right:0}.file-item-progress-bar{background-color:var(--accent-primary);height:100%;transition:width .2s}.sidebar.drag-over{background-color:var(--bg-hover);box-shadow:inset 0 0 0 2px var(--accent-primary)}.sidebar.drag-over:after{content:"ファイルをドロップ";color:var(--accent-primary);pointer-events:none;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-empty{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;display:flex}.sidebar-empty i{opacity:.5;margin-bottom:12px;font-size:32px}.sidebar-empty p{font-size:12px;line-height:1.5}.remove-confirm-dialog{z-index:10000;opacity:0;background-color:#00000080;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:fixed;inset:0}.remove-confirm-dialog.visible{opacity:1}.remove-confirm-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;min-width:280px;max-width:400px;padding:20px 24px;transition:transform .15s;transform:scale(.95);box-shadow:0 8px 32px #0000004d}.remove-confirm-dialog.visible .remove-confirm-content{transform:scale(1)}.remove-confirm-message{color:var(--text-primary);word-break:break-word;margin:0 0 20px;font-size:14px;line-height:1.5}.remove-confirm-buttons{justify-content:flex-end;gap:8px;display:flex}.remove-confirm-btn{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;transition:background-color .1s,color .1s}.remove-confirm-btn.cancel{background-color:var(--bg-tertiary);color:var(--text-primary)}.remove-confirm-btn.cancel:hover{background-color:var(--bg-hover)}.remove-confirm-btn.confirm{background-color:var(--accent-danger);color:#fff}.remove-confirm-btn.confirm:hover{background-color:var(--accent-danger-hover,#c0392b)}.workbench{background-color:var(--bg-primary);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.content-area{flex:1;min-height:0;position:relative;overflow:hidden}.tabbar-container{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0}.tabbar{align-items:stretch;height:35px;display:flex;overflow:auto hidden}.tabbar::-webkit-scrollbar{height:3px}.tab{background-color:var(--tab-bg);border-right:1px solid var(--tab-border);cursor:grab;flex-shrink:0;align-items:center;gap:8px;min-width:120px;max-width:200px;padding:0 12px;transition:background-color .1s;display:flex;position:relative}.tab:active{cursor:grabbing}.tab:hover{background-color:var(--bg-hover)}.tab.active{background-color:var(--tab-bg-active)}.tab.active:before{content:"";background-color:var(--tab-active-indicator);height:2px;position:absolute;top:0;left:0;right:0}.tab-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.tab-icon i{color:var(--text-secondary);font-size:14px}.tab-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.tab:not(.active) .tab-title{color:var(--text-secondary)}.tab-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tab-status.pending{background-color:var(--text-tertiary)}.tab-status.verifying{background-color:var(--accent-primary);animation:1s ease-in-out infinite pulse}.tab-status.success{background-color:var(--accent-success)}.tab-status.warning{background-color:var(--accent-warning)}.tab-status.error{background-color:var(--accent-danger)}.tab-close{width:20px;height:20px;color:var(--text-tertiary);opacity:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .1s,background-color .1s,color .1s;display:flex}.tab:hover .tab-close,.tab.active .tab-close{opacity:1}.tab-close:hover{background-color:var(--bg-active);color:var(--text-primary)}.tab-close i{font-size:10px}.tab-progress{background-color:var(--border-color);height:2px;position:absolute;bottom:0;left:0;right:0}.tab-progress-bar{background-color:var(--accent-primary);height:100%;transition:width .2s}.tabbar-empty{display:none}.tab.dragging{opacity:.4;pointer-events:none}.tab-ghost{background-color:var(--tab-bg-active);border:1px solid var(--border-color);min-width:120px;max-width:200px;height:35px;box-shadow:0 4px 12px var(--shadow);pointer-events:none;z-index:10000;opacity:.95;border-radius:4px;align-items:center;gap:8px;padding:0 12px;display:flex;position:fixed}.tab-ghost .tab-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.tab-ghost .tab-icon i{color:var(--text-secondary);font-size:14px}.tab-ghost .tab-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.tab-placeholder{background:var(--accent-info,var(--accent-primary));height:27px;box-shadow:0 0 4px var(--accent-info,var(--accent-primary));border-radius:1px;flex-shrink:0;margin:4px 0;width:2px!important}body.tab-dragging{user-select:none;cursor:grabbing!important}body.tab-dragging *{cursor:grabbing!important}.tabbar .tab:not(.dragging){transition:transform .15s}.statusbar{background-color:var(--statusbar-bg);height:22px;color:var(--statusbar-text);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 10px;font-size:12px;display:flex}.statusbar-left,.statusbar-right{align-items:center;gap:12px;display:flex}.status-item{cursor:default;border-radius:0;align-items:center;gap:5px;height:22px;padding:0 6px;transition:background-color .1s;display:flex}.status-item:hover{background-color:var(--statusbar-hover-bg)}.status-item.clickable{cursor:pointer}.status-item i{font-size:12px}.status-queue{align-items:center;gap:8px;display:flex}.status-queue-progress{background-color:#ffffff4d;border-radius:2px;width:60px;height:4px;overflow:hidden}.status-queue-progress-bar{background-color:#fff;height:100%;transition:width .3s}.status-verification{align-items:center;gap:4px;display:flex}.status-verification-icon{border-radius:50%;width:8px;height:8px}.status-verification-icon.success{background-color:#90ee90}.status-verification-icon.warning{background-color:gold}.status-verification-icon.error{background-color:#ff6b6b}.status-separator{background-color:#ffffff4d;width:1px;height:14px}.welcome-panel{background-color:var(--welcome-bg);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.welcome-content{text-align:center;flex-direction:column;align-items:center;max-width:480px;padding:40px;display:flex}.welcome-logo{margin-bottom:24px}.welcome-logo img{border-radius:16px;width:80px;height:80px}.welcome-content h1{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:400}.welcome-content>p{color:var(--text-secondary);margin-bottom:32px;font-size:14px}.drop-zone{border:2px dashed var(--dropzone-border);cursor:pointer;background-color:#0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px;transition:border-color .2s,background-color .2s;display:flex}.drop-zone:hover,.drop-zone.dragover{border-color:var(--dropzone-border-hover);background-color:var(--dropzone-bg-hover)}.drop-zone-icon{margin-bottom:16px}.drop-zone-icon i{color:var(--accent-primary);opacity:.8;font-size:48px}.drop-zone-text{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:500}.drop-zone-hint{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.drop-zone-btn{background-color:var(--accent-primary);color:#fff;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .15s;display:inline-flex}.drop-zone-btn:hover{background-color:var(--accent-secondary)}.drop-zone-btn i{font-size:14px}.welcome-shortcuts{flex-direction:column;gap:8px;margin-top:32px;display:flex}.shortcut-item{color:var(--text-secondary);align-items:center;gap:12px;font-size:13px;display:flex}.shortcut-key{background-color:var(--bg-tertiary);border:1px solid var(--border-color);min-width:24px;color:var(--text-primary);border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-family:Consolas,Monaco,monospace;font-size:11px;display:inline-flex}.result-container{width:100%;height:100%;display:flex;overflow:hidden}.result-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex}.result-loading p{color:var(--text-secondary);font-size:14px}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.result-content{width:100%;height:100%;display:flex;overflow:hidden}.result-left-panel{flex-direction:column;flex-shrink:0;width:50%;min-width:350px;max-width:70%;padding:16px;display:flex;overflow-y:auto}.result-resize-handle{cursor:col-resize;background-color:var(--border-color);flex-shrink:0;width:4px;transition:background-color .15s}.result-resize-handle:hover,.result-resize-handle.dragging{background-color:var(--accent-primary)}.result-right-panel{background-color:var(--bg-secondary);flex:1;min-width:200px;overflow:hidden}.result-status-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.result-status-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.result-status-pattern{border-left:1px solid var(--border-color);align-items:center;gap:10px;padding-left:16px;display:flex}.pattern-mini-gauge{flex-shrink:0;width:44px;height:44px}.pattern-mini-svg{width:100%;height:100%;transform:rotate(-90deg)}.pattern-mini-svg .gauge-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:4px}.pattern-mini-svg .gauge-fill{fill:none;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .5s}.pattern-mini-svg .gauge-fill.success{stroke:var(--accent-success)}.pattern-mini-svg .gauge-fill.warning{stroke:var(--accent-warning)}.pattern-mini-svg .gauge-fill.error{stroke:var(--accent-danger)}.pattern-mini-svg .gauge-score{fill:var(--text-primary);transform-origin:25px 28px;font-size:12px;font-weight:600;transform:rotate(90deg)}.pattern-mini-info{flex-direction:column;gap:2px;display:flex}.pattern-mini-label{color:var(--text-tertiary);font-size:11px}.pattern-mini-judgment{font-size:13px;font-weight:600}.pattern-mini-judgment.success{color:var(--accent-success)}.pattern-mini-judgment.warning{color:var(--accent-warning)}.pattern-mini-judgment.error{color:var(--accent-danger)}.result-status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.result-status-icon.success{color:var(--accent-success);background-color:#4caf5026}.result-status-icon.warning{color:var(--accent-warning);background-color:#ffc10726}.result-status-icon.error{color:var(--accent-danger);background-color:#f4433626}.result-status-icon i{font-size:20px}.result-status-info{flex:1;min-width:0}.result-status-title{color:var(--text-primary);margin-bottom:2px;font-size:16px;font-weight:600}.result-status-filename{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.result-cards{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.result-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;overflow:hidden}.result-card-header{background-color:var(--card-header-bg);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:background-color .1s;display:flex}.result-card-header:hover{background-color:var(--bg-hover)}.result-card-header-left{align-items:center;gap:10px;display:flex}.result-card-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.result-card-icon.success{color:var(--accent-success);background-color:#4caf5026}.result-card-icon.warning{color:var(--accent-warning);background-color:#ffc10726}.result-card-icon.error{color:var(--accent-danger);background-color:#f4433626}.result-card-icon.pending{color:var(--text-tertiary);background-color:#9e9e9e26}.result-card-icon i{font-size:12px}.result-card-title{color:var(--text-primary);font-size:13px;font-weight:600}.result-card-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.result-card-badge.success{color:var(--accent-success);background-color:#4caf5026}.result-card-badge.warning{color:var(--accent-warning);background-color:#ffc10726}.result-card-badge.error{color:var(--accent-danger);background-color:#f4433626}.result-card-badge.pending{color:var(--text-tertiary);background-color:#9e9e9e26}.result-card-toggle{color:var(--text-tertiary);transition:transform .2s}.result-card.expanded .result-card-toggle{transform:rotate(180deg)}.result-card-content{border-top:1px solid var(--card-border);color:var(--text-secondary);padding:12px 16px;font-size:13px;display:none}.result-card.expanded .result-card-content{display:block}.result-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.result-row:not(:last-child){border-bottom:1px solid var(--border-color)}.result-row-label{color:var(--text-secondary)}.result-row-value{color:var(--text-primary);font-weight:500}.result-row-value .success{color:var(--status-success)}.result-row-value .warning{color:var(--status-warning)}.result-stats{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;gap:24px;margin-bottom:16px;padding:12px 16px;display:flex}.result-stat{flex-direction:column;gap:2px;display:flex}.result-stat-value{color:var(--text-primary);font-size:18px;font-weight:600}.result-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}#code-preview{background-color:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0;padding:16px;font-size:13px;line-height:1.5;overflow:auto}#code-preview code{font-family:Consolas,Monaco,Courier New,monospace}#code-preview code.with-line-numbers{counter-reset:line;display:block}#code-preview code.with-line-numbers .line-number{width:3em;color:var(--text-tertiary);text-align:right;user-select:none;border-right:1px solid var(--border-color);opacity:.6;margin-right:1em;padding-right:1em;display:inline-block}#code-preview code.with-line-numbers .code-line{min-height:1.5em;display:block}.plaintext-content{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.plaintext-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.plaintext-icon{background-color:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;display:flex}.plaintext-icon i{font-size:16px}.plaintext-info{flex:1;min-width:0}.plaintext-filename{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.plaintext-language{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.plaintext-badge{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}.plaintext-code-container{flex:1;overflow:hidden}.plaintext-code{background-color:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow:auto}.plaintext-code code{font-family:Consolas,Monaco,Courier New,monospace}.trust-issues{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.trust-issue-item{border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.trust-issue-item.error{background-color:#f443361a;border:1px solid #f4433633}.trust-issue-item.error i{color:var(--accent-danger)}.trust-issue-item.warning{background-color:#ffc1071a;border:1px solid #ffc10733}.trust-issue-item.warning i{color:var(--accent-warning)}.trust-issue-component{color:var(--text-primary);min-width:100px;font-weight:600}.trust-issue-message{color:var(--text-secondary);flex:1}.result-card-error{color:var(--accent-danger);border-left:3px solid var(--accent-danger);background:#f443361a;border-radius:4px;margin-top:8px;padding:6px 10px;font-size:12px}.result-card-warning{color:var(--accent-warning);border-left:3px solid var(--accent-warning);background:#ffc1071a;border-radius:4px;margin-top:8px;padding:6px 10px;font-size:12px}.image-preview-container{justify-content:center;align-items:center;min-height:200px;padding:16px;display:flex}.image-preview{object-fit:contain;border-radius:4px;max-width:100%;max-height:80vh;box-shadow:0 2px 8px #0003}.diff-warning-banner{color:var(--accent-warning);background-color:#ffc10726;border-bottom:1px solid #ffc1074d;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex}.diff-warning-banner i{font-size:14px}.diff-warning-banner .diff-stats{gap:12px;margin-left:auto;font-family:Consolas,Monaco,monospace;font-size:12px;font-weight:600;display:flex}.diff-warning-banner .diff-additions{color:var(--accent-success)}.diff-warning-banner .diff-deletions{color:var(--accent-danger)}.diff-view{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.5}.diff-line{white-space:pre;min-height:1.5em;display:flex}.diff-line.diff-added{background-color:#4caf5026}.diff-line.diff-removed{background-color:#f4433626}.diff-line.diff-unchanged{background-color:#0000}.diff-line-number{width:4em;color:var(--text-tertiary);text-align:right;user-select:none;border-right:1px solid var(--border-color);opacity:.6;flex-shrink:0;padding-right:1em;display:inline-block}.diff-prefix{text-align:center;user-select:none;flex-shrink:0;width:2em;padding:0 .5em;display:inline-block}.diff-added .diff-prefix{color:var(--accent-success);font-weight:600}.diff-removed .diff-prefix{color:var(--accent-danger);font-weight:600}.diff-unchanged .diff-prefix{color:var(--text-tertiary)}.diff-content{flex:1;padding-left:.5em}.chain-error-details{background-color:#f4433614;border:1px solid #f4433640;border-radius:6px;margin-top:12px;padding:12px}.chain-error-header{color:var(--accent-danger);border-bottom:1px solid #f4433633;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;font-size:12px;font-weight:600;display:flex}.chain-error-header i{font-size:14px}.chain-error-content{flex-direction:column;gap:6px;display:flex}.chain-error-row{align-items:flex-start;font-size:11px;line-height:1.4;display:flex}.chain-error-label{width:80px;color:var(--text-secondary);flex-shrink:0;font-weight:500}.chain-error-value{color:var(--text-primary);word-break:break-word;flex:1}.chain-error-message{font-family:var(--font-mono);color:var(--accent-danger);background-color:#f443361a;border-radius:3px;padding:4px 6px;font-size:10px}.chain-error-hash{font-family:var(--font-mono);word-break:break-all;background-color:var(--bg-tertiary);border-radius:3px;max-width:100%;padding:3px 6px;font-size:9px;overflow-x:auto}.chain-error-message-row{flex-direction:column;gap:4px}.chain-error-message-row .chain-error-label{width:auto;margin-bottom:2px}.chain-segment-viz{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;margin-top:12px;padding:12px}.chain-segment-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;font-size:12px;font-weight:600;display:flex}.chain-segment-header i{color:var(--accent-primary);font-size:14px}.chain-segment-bar-container{margin-bottom:10px}.chain-segment-bar{background-color:var(--bg-secondary);border-radius:4px;height:24px;display:flex;position:relative;overflow:hidden}.chain-segment{height:100%;transition:opacity .2s;position:absolute;top:0}.chain-segment.verified{background-color:var(--accent-success);opacity:.8}.chain-segment.unverified{background-color:var(--bg-primary);opacity:.5}.chain-segment.error{background-color:var(--accent-danger);opacity:.9}.chain-segment:hover{opacity:1}.chain-segment-error-marker{background-color:var(--accent-danger);z-index:10;width:3px;position:absolute;top:-4px;bottom:-4px;box-shadow:0 0 4px #f4433699}.chain-segment-error-marker:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--accent-danger);width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.chain-segment-labels{color:var(--text-tertiary);font-size:10px;font-family:var(--font-mono);justify-content:space-between;margin-top:4px;display:flex}.chain-segment-legend{flex-wrap:wrap;gap:16px;margin-bottom:10px;display:flex}.chain-segment-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.chain-segment-legend-color{border-radius:2px;width:12px;height:12px}.chain-segment-legend-color.verified{background-color:var(--accent-success)}.chain-segment-legend-color.unverified{background-color:var(--bg-primary);border:1px solid var(--border-color)}.chain-segment-legend-color.error{background-color:var(--accent-danger)}.chain-segment-info{color:var(--text-secondary);font-size:11px;line-height:1.6}.chain-segment-info-row{align-items:center;gap:8px;padding:4px 0;display:flex}.chain-segment-info-row.error{color:var(--accent-danger);font-weight:500}.chain-segment-info-summary{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:16px;margin-top:8px;padding:8px 0;display:flex}.chain-segment-info-item{color:var(--text-secondary);font-size:11px}.chain-segment-info-item strong{color:var(--text-primary)}.chain-segment-tooltip{background-color:var(--bg-primary);border:1px solid var(--border-color);white-space:nowrap;pointer-events:none;z-index:100;opacity:0;border-radius:4px;padding:6px 10px;font-size:10px;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.chain-segment:hover .chain-segment-tooltip{opacity:1}.chain-segment-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--border-color);position:absolute;top:100%;left:50%;transform:translate(-50%)}.chart-section{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;overflow:hidden}.chart-tabs{border-bottom:1px solid var(--card-border);background-color:var(--card-header-bg);display:flex}.chart-tab{color:var(--text-secondary);border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 16px;font-size:13px;transition:color .1s,border-color .1s;display:flex}.chart-tab:hover{color:var(--text-primary)}.chart-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.chart-tab i{font-size:12px}.chart-content{padding:16px}.chart-panel{display:none}.chart-panel.active{display:block}.chart-canvas-container{background-color:var(--bg-primary);border-radius:6px;width:100%;height:200px;position:relative;overflow:hidden}.chart-canvas-container canvas{width:100%;height:100%}.integrated-chart-container{background-color:var(--bg-primary);border-radius:6px;width:100%;height:280px;position:relative;overflow:hidden}#integrated-chart{width:100%;height:100%}.integrated-timeline{width:100%;height:200px;position:relative}#integrated-timeline-chart{width:100%;height:100%}.mouse-trajectory{width:100%;height:200px;position:relative}#mouse-trajectory-chart{width:100%;height:100%}.chart-stats{border-top:1px solid var(--card-border);background-color:var(--card-header-bg);color:var(--text-secondary);flex-wrap:wrap;gap:16px;padding:12px 16px;font-size:12px;display:flex}.chart-stats span{align-items:center;gap:4px;display:flex}.chart-stats strong{color:var(--text-primary);font-weight:600}.chart-empty{height:200px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.chart-empty i{opacity:.5;margin-bottom:8px;font-size:32px}.chart-empty p{font-size:13px}.chart-event-selector-container{margin-left:auto;padding-right:4px;position:relative}.chart-event-selector-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.chart-event-selector-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.chart-event-selector-btn.active{background-color:var(--accent-primary);color:#fff}.chart-event-selector-dropdown{z-index:100;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;min-width:260px;max-height:420px;display:none;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 4px 16px #0003}.chart-event-selector-dropdown.show{display:block}.event-selector-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.event-selector-reset{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.event-selector-reset:hover{background-color:var(--bg-hover);color:var(--text-primary)}.event-selector-list{padding:4px 0}.event-category{border-bottom:1px solid var(--border-color)}.event-category:last-child{border-bottom:none}.event-category-header{cursor:pointer;user-select:none;align-items:center;gap:8px;padding:8px 12px;transition:background-color .1s;display:flex}.event-category-header:hover{background-color:var(--bg-hover)}.event-category-checkbox{width:14px;height:14px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0}.event-category-icon{width:16px;color:var(--text-tertiary);text-align:center;font-size:12px}.event-category-label{color:var(--text-primary);flex:1;font-size:12px;font-weight:500}.event-category-count{color:var(--text-tertiary);background-color:var(--bg-tertiary);border-radius:10px;padding:2px 6px;font-size:10px}.event-category-expand{color:var(--text-tertiary);font-size:10px;transition:transform .2s}.event-category.expanded .event-category-expand{transform:rotate(180deg)}.event-items{background-color:var(--bg-secondary);padding:4px 0 8px 36px;display:none}.event-category.expanded .event-items{display:block}.event-item{cursor:pointer;align-items:center;gap:8px;padding:5px 12px;transition:background-color .1s;display:flex}.event-item:hover{background-color:var(--bg-hover)}.event-item-checkbox{width:12px;height:12px;accent-color:var(--accent-primary);cursor:pointer}.event-item-label{color:var(--text-secondary);font-size:11px}.chart-event-selector-dropdown::-webkit-scrollbar{width:6px}.chart-event-selector-dropdown::-webkit-scrollbar-track{background:0 0}.chart-event-selector-dropdown::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:3px}.chart-event-selector-dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.chart-seekbar{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);border-radius:0 0 6px 6px;align-items:center;gap:12px;padding:8px 12px;display:flex}.chart-seekbar .seekbar-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.chart-seekbar .seekbar-track-container{flex:1;min-width:0}.chart-seekbar .seekbar-info{flex-shrink:0;align-items:center;gap:8px;display:flex}.seek-btn{width:28px;height:28px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:background-color .1s,color .1s;display:flex}.seek-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.seek-btn i{font-size:12px}.seek-btn-play{background-color:var(--accent-primary);color:#fff;width:36px;height:36px}.seek-btn-play:hover{background-color:var(--accent-secondary);color:#fff}.seek-btn-play i{font-size:14px}.seek-track{background-color:var(--bg-tertiary);border-radius:2px;width:100%;height:4px;position:relative}.seek-slider{cursor:pointer;appearance:none;background:0 0;width:100%;height:20px;margin:0;padding:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.seek-slider::-webkit-slider-thumb{appearance:none;background-color:var(--accent-primary);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s}.seek-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.seek-slider::-moz-range-thumb{background-color:var(--accent-primary);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.seek-progress{background-color:var(--accent-primary);pointer-events:none;border-radius:2px;height:100%;position:absolute;top:0;left:0}.seek-time{color:var(--text-secondary);text-align:center;min-width:40px;font-family:Consolas,Monaco,monospace;font-size:12px}.seek-count{color:var(--text-tertiary);text-align:center;min-width:50px;font-size:11px}.modal-overlay{backdrop-filter:blur(2px);z-index:1000;opacity:0;visibility:hidden;background-color:#00000080;justify-content:center;align-items:center;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.modal-overlay.visible{opacity:1;visibility:visible}.modal-dialog{background-color:var(--bg-secondary);border:1px solid var(--border-color);max-width:400px;box-shadow:0 8px 32px var(--shadow);border-radius:12px;flex-direction:column;align-items:center;padding:32px;transition:transform .2s;display:flex;transform:translateY(-10px)}.modal-overlay.visible .modal-dialog{transform:translateY(0)}.processing-dialog-overlay{backdrop-filter:blur(4px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.processing-dialog{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow);border-radius:12px;flex-direction:column;align-items:center;min-width:300px;padding:40px;display:flex}.dialog-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:48px;height:48px;margin-bottom:24px;animation:1s linear infinite spin}.dialog-title{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:18px;font-weight:600}.dialog-message{color:var(--text-secondary);text-align:center;margin-bottom:24px;font-size:14px}.dialog-progress{flex-direction:column;gap:8px;width:100%;display:flex}.progress-bar{background-color:var(--bg-tertiary);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background-color:var(--accent-primary);border-radius:3px;height:100%;transition:width .3s}.progress-text{color:var(--text-secondary);text-align:center;font-size:12px}.confirm-dialog{text-align:center}.confirm-dialog-title{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.confirm-dialog-message{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.confirm-dialog-actions{gap:12px;display:flex}.confirm-btn{border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:background-color .15s}.confirm-btn-primary{background-color:var(--accent-primary);color:#fff}.confirm-btn-primary:hover{background-color:var(--accent-secondary)}.confirm-btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.confirm-btn-secondary:hover{background-color:var(--bg-hover)}.modal-about{max-width:380px;position:relative}.modal-close-btn{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.about-dialog-content{text-align:center}.about-header{flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;display:flex}.about-logo{border-radius:12px;width:64px;height:64px}.about-title-section{flex-direction:column;align-items:center;gap:4px;display:flex}.about-app-name{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.about-version{color:var(--text-tertiary);margin:0;font-size:14px}.about-author{margin-bottom:20px}.about-author a{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:color .15s;display:inline-flex}.about-author a:hover{color:var(--accent-primary)}.about-info-grid{background:var(--bg-tertiary);border-radius:8px;flex-direction:column;gap:0;margin-bottom:16px;padding:4px 0;display:flex}.about-info-row{justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;display:flex}.about-info-row:not(:last-child){border-bottom:1px solid var(--border-color)}.about-info-label{color:var(--text-tertiary)}.about-info-value{color:var(--text-primary);font-family:var(--font-mono)}.about-info-value a{color:var(--accent-primary);text-decoration:none}.about-info-value a:hover{text-decoration:underline}.about-links{margin-top:16px}.about-github-link{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;text-decoration:none;transition:all .15s;display:inline-flex}.about-github-link:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.code-highlighted{tab-size:4;white-space:pre;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;overflow-x:auto}[data-theme=dark] .hljs{color:var(--text-primary);background:0 0}[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-section{color:#569cd6}[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-template-variable{color:#ce9178}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-type,[data-theme=dark] .hljs-class .hljs-title,[data-theme=dark] .hljs-function .hljs-title{color:#4ec9b0}[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-params,[data-theme=dark] .hljs-attr{color:#9cdcfe}[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-symbol,[data-theme=dark] .hljs-bullet{color:#dcdcaa}[data-theme=dark] .hljs-number{color:#b5cea8}[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-quote,[data-theme=dark] .hljs-meta{color:#6a9955;font-style:italic}[data-theme=dark] .hljs-operator,[data-theme=dark] .hljs-punctuation{color:#d4d4d4}[data-theme=dark] .hljs-attribute{color:#9cdcfe}[data-theme=dark] .hljs-tag{color:gray}[data-theme=dark] .hljs-tag .hljs-name{color:#569cd6}[data-theme=dark] .hljs-tag .hljs-attr{color:#9cdcfe}[data-theme=dark] .hljs-regexp{color:#d16969}[data-theme=dark] .hljs-addition{color:#b5cea8;background-color:#b5cea81a}[data-theme=dark] .hljs-deletion{color:#ce9178;background-color:#ce91781a}[data-theme=light] .hljs{color:var(--text-primary);background:0 0}[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-literal,[data-theme=light] .hljs-section{color:#00f}[data-theme=light] .hljs-string,[data-theme=light] .hljs-template-variable{color:#a31515}[data-theme=light] .hljs-title,[data-theme=light] .hljs-name,[data-theme=light] .hljs-type,[data-theme=light] .hljs-class .hljs-title,[data-theme=light] .hljs-function .hljs-title{color:#267f99}[data-theme=light] .hljs-variable,[data-theme=light] .hljs-params,[data-theme=light] .hljs-attr{color:#001080}[data-theme=light] .hljs-built_in,[data-theme=light] .hljs-symbol,[data-theme=light] .hljs-bullet{color:#795e26}[data-theme=light] .hljs-number{color:#098658}[data-theme=light] .hljs-comment,[data-theme=light] .hljs-quote,[data-theme=light] .hljs-meta{color:green;font-style:italic}[data-theme=light] .hljs-operator,[data-theme=light] .hljs-punctuation{color:#000}[data-theme=light] .hljs-attribute{color:red}[data-theme=light] .hljs-tag,[data-theme=light] .hljs-tag .hljs-name{color:maroon}[data-theme=light] .hljs-tag .hljs-attr{color:red}[data-theme=light] .hljs-regexp{color:#811f3f}[data-theme=light] .hljs-addition{color:#098658;background-color:#0986581a}[data-theme=light] .hljs-deletion{color:#a31515;background-color:#a315151a}.line-number{text-align:right;width:3.5em;color:var(--text-tertiary);user-select:none;opacity:.5;border-right:1px solid var(--border-subtle);margin-right:1em;padding-right:1em;display:inline-block}.line-content{display:inline}.code-preview-container{background-color:var(--bg-tertiary);border-radius:6px;max-height:400px;padding:12px;overflow:auto}.code-preview-container pre{margin:0;padding:0}.code-preview-container code{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.5}.verification-progress{flex-direction:column;justify-content:center;align-items:center;max-width:500px;min-height:400px;margin:0 auto;padding:2rem;display:flex}.vp-header{text-align:left;align-items:center;gap:1rem;width:100%;margin-bottom:2rem;display:flex}.vp-icon{background:var(--accent-color);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;animation:2s ease-in-out infinite vp-pulse;display:flex}@keyframes vp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.vp-title h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.vp-filename{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;margin:.25rem 0 0;font-size:.875rem;overflow:hidden}.vp-overall{width:100%;margin-bottom:2rem}.vp-overall-bar{background:var(--border-color);border-radius:4px;height:8px;position:relative;overflow:hidden}.vp-overall-fill{background:linear-gradient(90deg, var(--accent-color), var(--accent-hover));border-radius:4px;width:0%;height:100%;transition:width .3s;position:relative}.vp-overall-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:1.5s ease-in-out infinite vp-shimmer;position:absolute;inset:0}@keyframes vp-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.vp-overall-info{justify-content:space-between;margin-top:.5rem;font-size:.875rem;display:flex}.vp-overall-percent{color:var(--accent-color);font-variant-numeric:tabular-nums;font-weight:600}.vp-overall-time{color:var(--text-secondary);font-variant-numeric:tabular-nums}.vp-steps{flex-direction:column;gap:0;width:100%;display:flex}.vp-step{gap:1rem;display:flex;position:relative}.vp-step-indicator{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.vp-step-icon{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;transition:all .3s;display:flex;position:relative}.vp-step-icon.pending{background:var(--bg-secondary);color:var(--text-tertiary);border:2px solid var(--border-color)}.vp-step-icon.running{background:var(--accent-color);color:#fff;border:2px solid var(--accent-color);animation:1s ease-in-out infinite vp-icon-pulse}@keyframes vp-icon-pulse{0%,to{box-shadow:0 0 0 0 rgba(var(--accent-rgb), .4)}50%{box-shadow:0 0 0 8px rgba(var(--accent-rgb), 0)}}.vp-step-icon.success{background:var(--success-color);color:#fff;border:2px solid var(--success-color)}.vp-step-icon.success i{animation:.3s vp-check-pop}@keyframes vp-check-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.vp-step-icon.error{background:var(--error-color);color:#fff;border:2px solid var(--error-color)}.vp-step-icon.skipped{background:var(--bg-tertiary);color:var(--text-tertiary);border:2px dashed var(--border-color)}.vp-step-line{background:var(--border-color);flex:1;width:2px;min-height:24px;transition:background .3s}.vp-step.completed .vp-step-line{background:var(--success-color)}.vp-step:last-child .vp-step-line{display:none}.vp-step-content{flex:1;padding-bottom:1.5rem}.vp-step:last-child .vp-step-content{padding-bottom:0}.vp-step-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.vp-step-label{color:var(--text-primary);font-size:.9375rem;font-weight:500;transition:color .3s}.vp-step[data-status=pending] .vp-step-label{color:var(--text-tertiary)}.vp-step[data-status=running] .vp-step-label{color:var(--accent-color)}.vp-step-status{border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.vp-step[data-status=running] .vp-step-status{background:rgba(var(--accent-rgb), .15);color:var(--accent-color)}.vp-step[data-status=success] .vp-step-status{background:rgba(var(--success-rgb), .15);color:var(--success-color)}.vp-step[data-status=error] .vp-step-status{background:rgba(var(--error-rgb), .15);color:var(--error-color)}.vp-step-desc{color:var(--text-tertiary);margin:.25rem 0 0;font-size:.8125rem;line-height:1.4}.vp-step-progress{align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.vp-step-bar{background:var(--border-color);border-radius:2px;flex:1;height:4px;overflow:hidden}.vp-step-fill{background:var(--accent-color);border-radius:2px;width:0%;height:100%;transition:width .15s}.vp-step-detail{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:100px;font-size:.75rem}.vp-detail{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;width:100%;margin-top:1.5rem;padding:.75rem 1rem}.vp-detail-content{align-items:center;gap:.5rem;display:flex}.vp-detail-text{color:var(--text-secondary);font-size:.8125rem;font-family:var(--font-mono)}@media (width<=600px){.verification-progress{padding:1rem}.vp-header{text-align:center;flex-direction:column}.vp-step-header{flex-direction:column;align-items:flex-start;gap:.25rem}.vp-step-detail{text-align:left;min-width:auto}}.lightbox-overlay{z-index:1000;opacity:0;visibility:hidden;background-color:#000000e6;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-container{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-close{background-color:var(--bg-secondary);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:-50px;right:0}.lightbox-close:hover{background-color:var(--bg-tertiary);transform:scale(1.1)}.lightbox-nav{color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:background-color .2s,opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover:not(:disabled){background-color:#000c}.lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.lightbox-prev{left:-70px}.lightbox-next{right:-70px}.lightbox-image-wrapper{justify-content:center;align-items:center;min-width:200px;min-height:150px;display:flex;position:relative;overflow:hidden}.lightbox-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:70vh;box-shadow:0 8px 32px #00000080}.lightbox-loading{color:var(--text-secondary);font-size:24px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightbox-overlay.loading .lightbox-loading{display:block}.lightbox-overlay.loading .lightbox-image{opacity:.3}.lightbox-info{background-color:var(--bg-secondary);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-top:20px;padding:14px 24px;font-size:13px;display:flex}.lightbox-info-row{align-items:center;gap:8px;display:flex}.lightbox-info-label{color:var(--text-secondary)}.lightbox-info-value{color:var(--text-primary);font-weight:500}.lightbox-info-value.verified{color:var(--success-color)}.lightbox-info-value.unverified{color:var(--warning-color)}.lightbox-counter{color:var(--text-secondary);margin-left:auto;font-size:12px}.screenshot-preview-overlay{z-index:500;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;position:fixed}.screenshot-preview-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.screenshot-preview-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 16px var(--shadow);border-radius:8px;padding:8px}.screenshot-preview-image{object-fit:contain;border-radius:4px;max-width:240px;max-height:180px;display:block}.screenshot-preview-info{color:var(--text-secondary);justify-content:space-between;gap:12px;margin-top:8px;font-size:11px;display:flex}.screenshot-preview-type{color:var(--text-primary);font-weight:500}@media (width<=768px){.lightbox-nav{width:40px;height:40px;font-size:14px}.lightbox-prev{left:-50px}.lightbox-next{right:-50px}.lightbox-info{gap:16px;padding:12px 16px;font-size:12px}.screenshot-preview-image{max-width:180px;max-height:135px}}@media (width<=480px){.lightbox-nav{width:36px;height:36px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-info{flex-direction:column;gap:8px}.lightbox-counter{margin-left:0}}.pattern-overview{border-bottom:1px solid var(--border-color);gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.pattern-gauge-container{flex-shrink:0}.pattern-gauge{width:90px;height:90px}.gauge-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:8px}.gauge-fill{fill:none;stroke-width:8px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .5s;transform:rotate(-90deg)}.gauge-fill.success{stroke:var(--success)}.gauge-fill.warning{stroke:var(--warning)}.gauge-fill.error{stroke:var(--error)}.gauge-score{fill:var(--text-primary);font-size:22px;font-weight:700}.gauge-label{fill:var(--text-secondary);font-size:10px}.pattern-summary-container{flex-direction:column;flex:1;justify-content:center;display:flex}.pattern-summary{color:var(--text-primary);margin-bottom:8px;font-size:13px;line-height:1.5}.pattern-confidence{color:var(--text-secondary);font-size:12px}.confidence-value{color:var(--text-primary);margin-left:4px;font-weight:600}.pattern-issues{margin-bottom:16px}.issues-group{border-radius:6px;margin-bottom:8px;padding:10px 12px}.issues-group:last-child{margin-bottom:0}.issues-group.critical{background-color:#ef44441a;border:1px solid #ef44444d}.issues-group.warning{background-color:#fbbf241a;border:1px solid #fbbf244d}.issues-header{align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.issues-group.critical .issues-header{color:var(--error)}.issues-group.warning .issues-header{color:var(--warning)}.issues-list{color:var(--text-secondary);margin:0;padding-left:24px;font-size:11px}.issues-list li{margin-bottom:2px}.issues-list li:last-child{margin-bottom:0}.pattern-metrics-section{margin-top:8px}.pattern-metrics-toggle{background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;width:100%;color:var(--text-primary);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:500;transition:background-color .15s;display:flex}.pattern-metrics-toggle:hover{background-color:var(--bg-hover)}.pattern-metrics-toggle i{color:var(--text-tertiary);transition:transform .2s}.pattern-metrics-toggle.expanded i{transform:rotate(180deg)}.pattern-metrics{padding:12px 0;display:none}.pattern-metrics.expanded{display:block}.metric-row{border-bottom:1px solid var(--border-color);padding:10px 0}.metric-row:last-child{border-bottom:none}.metric-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.metric-name{color:var(--text-primary);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.metric-info-icon{cursor:help;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:12px;transition:color .15s;display:flex;position:relative}.metric-info-icon:hover{color:var(--text-primary)}.metric-tooltip{background:var(--bg-primary);border:1px solid var(--border-color);width:280px;color:var(--text-secondary);opacity:0;visibility:hidden;z-index:100;pointer-events:none;border-radius:6px;padding:10px 12px;font-size:11px;line-height:1.5;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)translate(4px);box-shadow:0 4px 12px #00000026}.metric-tooltip:after{content:"";border:6px solid #0000;border-right-color:var(--border-color);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.metric-tooltip:before{content:"";border:5px solid #0000;border-right-color:var(--bg-primary);z-index:1;margin-right:-1px;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.metric-info-icon:hover .metric-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.metric-description{color:var(--text-tertiary);background:var(--bg-secondary);border-left:2px solid var(--border-color);border-radius:4px;margin-bottom:8px;padding:6px 8px;font-size:10px;line-height:1.4}.metric-indicator{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}.metric-indicator.success{color:var(--success);background:#22c55e26}.metric-indicator.warning{color:var(--warning);background:#fbbf2426}.metric-indicator.error{color:var(--error);background:#ef444426}.metric-bar-container{align-items:center;gap:10px;margin-bottom:6px;display:flex}.metric-bar{background:var(--bg-tertiary);border-radius:3px;flex:1;height:6px;overflow:hidden}.metric-bar-fill{border-radius:3px;height:100%;transition:width .3s}.metric-row.success .metric-bar-fill{background:var(--success)}.metric-row.warning .metric-bar-fill{background:var(--warning)}.metric-row.error .metric-bar-fill{background:var(--error)}.metric-score{color:var(--text-primary);text-align:right;min-width:28px;font-size:12px;font-weight:600}.metric-detail{justify-content:space-between;align-items:center;font-size:10px;display:flex}.metric-value{color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace}.metric-reason{color:var(--text-secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}.text-muted{color:var(--text-secondary)}.text-success{color:var(--accent-success)}.text-warning{color:var(--accent-warning)}.text-danger{color:var(--accent-danger)}.text-primary{color:var(--accent-primary)}.font-bold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:12px}.text-xs{font-size:11px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.badge-inline{border-radius:10px;justify-content:center;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-inline.success{color:var(--accent-success);background-color:#4caf5026}.badge-inline.warning{color:var(--accent-warning);background-color:#ffc10726}.badge-inline.error{color:var(--accent-danger);background-color:#f4433626}.badge-inline.pending{color:var(--text-tertiary);background-color:#9e9e9e26}.transition{transition:all .15s}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.no-select{user-select:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:.2s fadeIn}.animate-slideIn{animation:.2s slideIn}
