: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: #555555;--text-primary: #cccccc;--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: #333333;--activitybar-icon: #858585;--activitybar-icon-hover: #ffffff;--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: #ffffff;--statusbar-hover-bg: rgba(255, 255, 255, .12);--welcome-bg: #1e1e1e;--dropzone-border: #555555;--dropzone-border-hover: #FF5722;--dropzone-bg-hover: rgba(255, 87, 34, .08);--card-bg: #252526;--card-border: #3e3e3e;--card-header-bg: #2d2d2d;--scrollbar-track: transparent;--scrollbar-thumb: rgba(121, 121, 121, .4);--scrollbar-thumb-hover: rgba(100, 100, 100, .7);--shadow: rgba(0, 0, 0, .5);--shadow-light: rgba(0, 0, 0, .3);--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: #ffffff;--bg-secondary: #f3f3f3;--bg-tertiary: #e8e8e8;--bg-hover: #e0e0e0;--bg-active: #d0d0d0;--bg-input: #ffffff;--border-color: #d4d4d4;--border-input: #c0c0c0;--text-primary: #333333;--text-secondary: #616161;--text-tertiary: #888888;--text-quaternary: #aaaaaa;--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: #ffffff;--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: #ffffff;--tab-border: #d4d4d4;--tab-active-indicator: #E64A19;--statusbar-bg: #E64A19;--statusbar-text: #ffffff;--statusbar-hover-bg: rgba(255, 255, 255, .12);--welcome-bg: #ffffff;--dropzone-border: #d4d4d4;--dropzone-border-hover: #E64A19;--dropzone-bg-hover: rgba(230, 74, 25, .05);--card-bg: #ffffff;--card-border: #d4d4d4;--card-header-bg: #f3f3f3;--scrollbar-track: transparent;--scrollbar-thumb: rgba(100, 100, 100, .4);--scrollbar-thumb-hover: rgba(80, 80, 80, .6);--shadow: rgba(0, 0, 0, .15);--shadow-light: rgba(0, 0, 0, .08);--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{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:13px;line-height:1.4;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-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:transparent}::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;border:none;background:none;color:inherit}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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-primary)}.main-layout{display:flex;flex:1;min-height:0;overflow:hidden}.resize-handle{width:4px;cursor:col-resize;background:transparent;transition:background-color .15s ease;flex-shrink:0}.resize-handle:hover,.resize-handle.resizing{background-color:var(--accent-primary)}.activitybar{display:flex;flex-direction:column;justify-content:space-between;width:48px;background-color:var(--activitybar-bg);flex-shrink:0}.activitybar-top,.activitybar-bottom{display:flex;flex-direction:column;align-items:center}.activitybar-top{padding-top:4px}.activitybar-bottom{padding-bottom:4px;border-top:1px solid var(--border-color)}.activitybar-item{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--activitybar-icon);transition:color .15s ease}.activitybar-item:hover{color:var(--activitybar-icon-hover)}.activitybar-item.active{color:var(--activitybar-icon-active)}.activitybar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:24px;background-color:var(--activitybar-indicator)}.activitybar-item i{font-size:20px}.activitybar-menu-container{position:relative}.activitybar-dropdown{position:absolute;left:52px;bottom:0;min-width:200px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px var(--shadow);opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;z-index:1000;overflow:hidden}.activitybar-dropdown.visible{opacity:1;visibility:visible;transform:translate(0)}#main-menu-dropdown{bottom:auto;top:0}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;color:var(--text-primary);text-decoration:none;transition:background-color .1s ease;cursor:pointer;text-align:left;border:none;background:none;font-size:inherit;font-family:inherit}.dropdown-item:hover{background-color:var(--bg-hover);text-decoration:none}.dropdown-item i{width:16px;text-align:center;color:var(--text-secondary)}.dropdown-item span{flex:1}.dropdown-external-icon{font-size:10px;opacity:.6}.dropdown-divider{height:1px;margin:4px 0;background-color:var(--border-color)}.dropdown-language-label{margin-left:auto;font-size:12px;color:var(--text-secondary);opacity:.8}.sidebar{display:flex;flex-direction:column;width:200px;min-width:150px;max-width:400px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-shrink:0;overflow:hidden;position:relative;transition:width .2s ease,min-width .2s ease,border-right .2s ease,background-color .2s ease,box-shadow .2s ease}.sidebar.collapsed{width:0;min-width:0;border-right-color:transparent}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .sidebar-content{opacity:0;pointer-events:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:var(--sidebar-header-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-header h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0}.sidebar-actions{display:flex;gap:4px}.sidebar-action-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;color:var(--text-secondary);transition:background-color .1s ease,color .1s ease;cursor:pointer}.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-y:auto;overflow-x:hidden}.file-list{padding:4px 0}.folder-item{display:flex;align-items:center;gap:4px;padding:6px 8px;cursor:pointer;transition:background-color .1s ease;position:relative;font-weight:500}.folder-item:hover{background-color:var(--sidebar-item-hover)}.folder-chevron{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;transition:transform .15s ease}.folder-chevron i{font-size:10px;color:var(--text-secondary)}.folder-chevron.expanded{transform:rotate(90deg)}.folder-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.folder-icon i{font-size:14px;color:var(--accent-primary)}.folder-name{flex:1;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-count{font-size:11px;color:var(--text-tertiary);padding:1px 6px;background-color:var(--bg-tertiary);border-radius:10px;flex-shrink:0}.folder-remove{display:none;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:0;border-radius:2px;transition:color .1s ease,background-color .1s ease}.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{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:background-color .1s ease;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:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--sidebar-item-indicator)}.file-item-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.file-item-icon i{font-size:14px;color:var(--text-secondary)}.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{flex:1;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item-status{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.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:spin 1s linear infinite}.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{display:none;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:0;border-radius:2px;transition:color .1s ease,background-color .1s ease}.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{position:absolute;left:0;right:0;bottom:0;height:2px;background-color:var(--border-color)}.file-item-progress-bar{height:100%;background-color:var(--accent-primary);transition:width .2s ease}.sidebar.drag-over{background-color:var(--bg-hover);box-shadow:inset 0 0 0 2px var(--accent-primary)}.sidebar.drag-over:after{content:"ファイルをドロップ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:var(--accent-primary);pointer-events:none}.sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;color:var(--text-tertiary)}.sidebar-empty i{font-size:32px;margin-bottom:12px;opacity:.5}.sidebar-empty p{font-size:12px;line-height:1.5}.remove-confirm-dialog{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .15s ease}.remove-confirm-dialog.visible{opacity:1}.remove-confirm-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px 24px;min-width:280px;max-width:400px;box-shadow:0 8px 32px #0000004d;transform:scale(.95);transition:transform .15s ease}.remove-confirm-dialog.visible .remove-confirm-content{transform:scale(1)}.remove-confirm-message{font-size:14px;color:var(--text-primary);margin:0 0 20px;line-height:1.5;word-break:break-word}.remove-confirm-buttons{display:flex;justify-content:flex-end;gap:8px}.remove-confirm-btn{padding:8px 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .1s ease,color .1s ease;border:none}.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{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden;background-color:var(--bg-primary)}.content-area{flex:1;min-height:0;overflow:hidden;position:relative}.tabbar-container{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0}.tabbar{display:flex;align-items:stretch;height:35px;overflow-x:auto;overflow-y:hidden}.tabbar::-webkit-scrollbar{height:3px}.tab{display:flex;align-items:center;gap:8px;padding:0 12px;min-width:120px;max-width:200px;background-color:var(--tab-bg);border-right:1px solid var(--tab-border);cursor:grab;position:relative;transition:background-color .1s ease;flex-shrink:0}.tab:active{cursor:grabbing}.tab:hover{background-color:var(--bg-hover)}.tab.active{background-color:var(--tab-bg-active)}.tab.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--tab-active-indicator)}.tab-icon{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0}.tab-icon i{font-size:14px;color:var(--text-secondary)}.tab-title{flex:1;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab:not(.active) .tab-title{color:var(--text-secondary)}.tab-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tab-status.pending{background-color:var(--text-tertiary)}.tab-status.verifying{background-color:var(--accent-primary);animation:pulse 1s ease-in-out infinite}.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{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;color:var(--text-tertiary);opacity:0;transition:opacity .1s ease,background-color .1s ease,color .1s ease;flex-shrink:0}.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{position:absolute;left:0;right:0;bottom:0;height:2px;background-color:var(--border-color)}.tab-progress-bar{height:100%;background-color:var(--accent-primary);transition:width .2s ease}.tabbar-empty{display:none}.tab.dragging{opacity:.4;pointer-events:none}.tab-ghost{position:fixed;display:flex;align-items:center;gap:8px;padding:0 12px;height:35px;min-width:120px;max-width:200px;background-color:var(--tab-bg-active);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px var(--shadow);pointer-events:none;z-index:10000;opacity:.95}.tab-ghost .tab-icon{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0}.tab-ghost .tab-icon i{font-size:14px;color:var(--text-secondary)}.tab-ghost .tab-title{flex:1;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-placeholder{width:2px!important;height:27px;background:var(--accent-info, var(--accent-primary));border-radius:1px;flex-shrink:0;margin:4px 0;box-shadow:0 0 4px var(--accent-info, var(--accent-primary))}body.tab-dragging{cursor:grabbing!important;user-select:none}body.tab-dragging *{cursor:grabbing!important}.tabbar .tab:not(.dragging){transition:transform .15s ease}.statusbar{display:flex;align-items:center;justify-content:space-between;height:22px;padding:0 10px;background-color:var(--statusbar-bg);color:var(--statusbar-text);font-size:12px;flex-shrink:0}.statusbar-left,.statusbar-right{display:flex;align-items:center;gap:12px}.status-item{display:flex;align-items:center;gap:5px;padding:0 6px;height:22px;border-radius:0;transition:background-color .1s ease;cursor:default}.status-item:hover{background-color:var(--statusbar-hover-bg)}.status-item.clickable{cursor:pointer}.status-item i{font-size:12px}.status-queue{display:flex;align-items:center;gap:8px}.status-queue-progress{width:60px;height:4px;background-color:#ffffff4d;border-radius:2px;overflow:hidden}.status-queue-progress-bar{height:100%;background-color:#fff;transition:width .3s ease}.status-verification{display:flex;align-items:center;gap:4px}.status-verification-icon{width:8px;height:8px;border-radius:50%}.status-verification-icon.success{background-color:#90ee90}.status-verification-icon.warning{background-color:gold}.status-verification-icon.error{background-color:#ff6b6b}.status-separator{width:1px;height:14px;background-color:#ffffff4d}.welcome-panel{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--welcome-bg)}.welcome-content{display:flex;flex-direction:column;align-items:center;max-width:480px;padding:40px;text-align:center}.welcome-logo{margin-bottom:24px}.welcome-logo img{width:80px;height:80px;border-radius:16px}.welcome-content h1{font-size:28px;font-weight:400;color:var(--text-primary);margin-bottom:8px}.welcome-content>p{font-size:14px;color:var(--text-secondary);margin-bottom:32px}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:40px;border:2px dashed var(--dropzone-border);border-radius:12px;background-color:transparent;transition:border-color .2s ease,background-color .2s ease;cursor:pointer}.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{font-size:48px;color:var(--accent-primary);opacity:.8}.drop-zone-text{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.drop-zone-hint{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.drop-zone-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--accent-primary);color:#fff;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .15s ease}.drop-zone-btn:hover{background-color:var(--accent-secondary)}.drop-zone-btn i{font-size:14px}.welcome-shortcuts{display:flex;flex-direction:column;gap:8px;margin-top:32px}.shortcut-item{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:13px}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:4px 8px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:11px;color:var(--text-primary)}.result-container{display:flex;width:100%;height:100%;overflow:hidden}.result-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:16px}.result-loading p{color:var(--text-secondary);font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.result-content{display:flex;width:100%;height:100%;overflow:hidden}.result-left-panel{display:flex;flex-direction:column;width:50%;min-width:350px;max-width:70%;padding:16px;overflow-y:auto;flex-shrink:0}.result-resize-handle{width:4px;cursor:col-resize;background-color:var(--border-color);transition:background-color .15s ease;flex-shrink:0}.result-resize-handle:hover,.result-resize-handle.dragging{background-color:var(--accent-primary)}.result-right-panel{flex:1;min-width:200px;overflow:hidden;background-color:var(--bg-secondary)}.result-status-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;margin-bottom:16px}.result-status-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.result-status-pattern{display:flex;align-items:center;gap:10px;padding-left:16px;border-left:1px solid var(--border-color)}.pattern-mini-gauge{width:44px;height:44px;flex-shrink:0}.pattern-mini-svg{width:100%;height:100%;transform:rotate(-90deg)}.pattern-mini-svg .gauge-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:4}.pattern-mini-svg .gauge-fill{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.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);font-size:12px;font-weight:600;transform:rotate(90deg);transform-origin:25px 28px}.pattern-mini-info{display:flex;flex-direction:column;gap:2px}.pattern-mini-label{font-size:11px;color:var(--text-tertiary)}.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{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0}.result-status-icon.success{background-color:#4caf5026;color:var(--accent-success)}.result-status-icon.warning{background-color:#ffc10726;color:var(--accent-warning)}.result-status-icon.error{background-color:#f4433626;color:var(--accent-danger)}.result-status-icon i{font-size:20px}.result-status-info{flex:1;min-width:0}.result-status-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.result-status-filename{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.result-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;overflow:hidden}.result-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--card-header-bg);cursor:pointer;transition:background-color .1s ease}.result-card-header:hover{background-color:var(--bg-hover)}.result-card-header-left{display:flex;align-items:center;gap:10px}.result-card-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}.result-card-icon.success{background-color:#4caf5026;color:var(--accent-success)}.result-card-icon.warning{background-color:#ffc10726;color:var(--accent-warning)}.result-card-icon.error{background-color:#f4433626;color:var(--accent-danger)}.result-card-icon.pending{background-color:#9e9e9e26;color:var(--text-tertiary)}.result-card-icon i{font-size:12px}.result-card-title{font-size:13px;font-weight:600;color:var(--text-primary)}.result-card-badge{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.result-card-badge.success{background-color:#4caf5026;color:var(--accent-success)}.result-card-badge.warning{background-color:#ffc10726;color:var(--accent-warning)}.result-card-badge.error{background-color:#f4433626;color:var(--accent-danger)}.result-card-badge.pending{background-color:#9e9e9e26;color:var(--text-tertiary)}.result-card-toggle{color:var(--text-tertiary);transition:transform .2s ease}.result-card.expanded .result-card-toggle{transform:rotate(180deg)}.result-card-content{display:none;padding:12px 16px;border-top:1px solid var(--card-border);font-size:13px;color:var(--text-secondary)}.result-card.expanded .result-card-content{display:block}.result-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.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{display:flex;gap:24px;padding:12px 16px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;margin-bottom:16px}.result-stat{display:flex;flex-direction:column;gap:2px}.result-stat-value{font-size:18px;font-weight:600;color:var(--text-primary)}.result-stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}#code-preview{width:100%;height:100%;margin:0;padding:16px;overflow:auto;font-size:13px;line-height:1.5;background-color:var(--bg-secondary);color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}#code-preview code{font-family:Consolas,Monaco,Courier New,monospace}#code-preview code.with-line-numbers{display:block;counter-reset:line}#code-preview code.with-line-numbers .line-number{display:inline-block;width:3em;padding-right:1em;margin-right:1em;color:var(--text-tertiary);text-align:right;user-select:none;border-right:1px solid var(--border-color);opacity:.6}#code-preview code.with-line-numbers .code-line{display:block;min-height:1.5em}.plaintext-content{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.plaintext-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--card-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.plaintext-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary)}.plaintext-icon i{font-size:16px}.plaintext-info{flex:1;min-width:0}.plaintext-filename{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plaintext-language{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.plaintext-badge{font-size:11px;padding:4px 10px;background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;font-weight:500}.plaintext-code-container{flex:1;overflow:hidden}.plaintext-code{width:100%;height:100%;margin:0;padding:16px;overflow:auto;font-size:13px;line-height:1.6;background-color:var(--bg-secondary);color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.plaintext-code code{font-family:Consolas,Monaco,Courier New,monospace}.trust-issues{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 16px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px}.trust-issue-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;font-size:13px}.trust-issue-item.error{background-color:#f443361a;border:1px solid rgba(244,67,54,.2)}.trust-issue-item.error i{color:var(--accent-danger)}.trust-issue-item.warning{background-color:#ffc1071a;border:1px solid rgba(255,193,7,.2)}.trust-issue-item.warning i{color:var(--accent-warning)}.trust-issue-component{font-weight:600;color:var(--text-primary);min-width:100px}.trust-issue-message{color:var(--text-secondary);flex:1}.result-card-error{color:var(--accent-danger);font-size:12px;margin-top:8px;padding:6px 10px;background:#f443361a;border-radius:4px;border-left:3px solid var(--accent-danger)}.result-card-warning{color:var(--accent-warning);font-size:12px;margin-top:8px;padding:6px 10px;background:#ffc1071a;border-radius:4px;border-left:3px solid var(--accent-warning)}.image-preview-container{display:flex;justify-content:center;align-items:center;padding:16px;min-height:200px}.image-preview{max-width:100%;max-height:80vh;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px #0003}.diff-warning-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background-color:#ffc10726;border-bottom:1px solid rgba(255,193,7,.3);color:var(--accent-warning);font-size:13px;flex-shrink:0}.diff-warning-banner i{font-size:14px}.diff-warning-banner .diff-stats{margin-left:auto;display:flex;gap:12px;font-family:Consolas,Monaco,monospace;font-size:12px;font-weight:600}.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{display:flex;min-height:1.5em;white-space:pre}.diff-line.diff-added{background-color:#4caf5026}.diff-line.diff-removed{background-color:#f4433626}.diff-line.diff-unchanged{background-color:transparent}.diff-line-number{display:inline-block;width:4em;padding-right:1em;color:var(--text-tertiary);text-align:right;user-select:none;border-right:1px solid var(--border-color);opacity:.6;flex-shrink:0}.diff-prefix{display:inline-block;width:2em;padding:0 .5em;text-align:center;user-select:none;flex-shrink:0}.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{margin-top:12px;padding:12px;background-color:#f4433614;border:1px solid rgba(244,67,54,.25);border-radius:6px}.chain-error-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(244,67,54,.2);color:var(--accent-danger);font-size:12px;font-weight:600}.chain-error-header i{font-size:14px}.chain-error-content{display:flex;flex-direction:column;gap:6px}.chain-error-row{display:flex;align-items:flex-start;font-size:11px;line-height:1.4}.chain-error-label{flex-shrink:0;width:80px;color:var(--text-secondary);font-weight:500}.chain-error-value{flex:1;color:var(--text-primary);word-break:break-word}.chain-error-message{font-family:var(--font-mono);font-size:10px;color:var(--accent-danger);background-color:#f443361a;padding:4px 6px;border-radius:3px}.chain-error-hash{font-family:var(--font-mono);font-size:9px;word-break:break-all;background-color:var(--bg-tertiary);padding:3px 6px;border-radius:3px;max-width:100%;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{margin-top:12px;padding:12px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px}.chain-segment-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-weight:600}.chain-segment-header i{font-size:14px;color:var(--accent-primary)}.chain-segment-bar-container{margin-bottom:10px}.chain-segment-bar{position:relative;height:24px;background-color:var(--bg-secondary);border-radius:4px;overflow:hidden;display:flex}.chain-segment{position:absolute;top:0;height:100%;transition:opacity .2s ease}.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{position:absolute;top:-4px;bottom:-4px;width:3px;background-color:var(--accent-danger);z-index:10;box-shadow:0 0 4px #f4433699}.chain-segment-error-marker:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--accent-danger)}.chain-segment-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono)}.chain-segment-legend{display:flex;gap:16px;margin-bottom:10px;flex-wrap:wrap}.chain-segment-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.chain-segment-legend-color{width:12px;height:12px;border-radius:2px}.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{font-size:11px;color:var(--text-secondary);line-height:1.6}.chain-segment-info-row{display:flex;align-items:center;gap:8px;padding:4px 0}.chain-segment-info-row.error{color:var(--accent-danger);font-weight:500}.chain-segment-info-summary{display:flex;gap:16px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--border-color);margin-top:8px}.chain-segment-info-item{font-size:11px;color:var(--text-secondary)}.chain-segment-info-item strong{color:var(--text-primary)}.chain-segment-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:6px 10px;font-size:10px;white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 2px 8px #0000004d;opacity:0;transition:opacity .15s ease}.chain-segment:hover .chain-segment-tooltip{opacity:1}.chain-segment-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--border-color)}.chart-section{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;overflow:hidden}.chart-tabs{display:flex;border-bottom:1px solid var(--card-border);background-color:var(--card-header-bg)}.chart-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:13px;color:var(--text-secondary);border-bottom:2px solid transparent;transition:color .1s ease,border-color .1s ease;margin-bottom:-1px}.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{position:relative;width:100%;height:200px;background-color:var(--bg-primary);border-radius:6px;overflow:hidden}.chart-canvas-container canvas{width:100%;height:100%}.integrated-chart-container{position:relative;width:100%;height:280px;background-color:var(--bg-primary);border-radius:6px;overflow:hidden}#integrated-chart{width:100%;height:100%}.integrated-timeline{position:relative;width:100%;height:200px}#integrated-timeline-chart{width:100%;height:100%}.mouse-trajectory{position:relative;width:100%;height:200px}#mouse-trajectory-chart{width:100%;height:100%}.chart-stats{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px;border-top:1px solid var(--card-border);background-color:var(--card-header-bg);font-size:12px;color:var(--text-secondary)}.chart-stats span{display:flex;align-items:center;gap:4px}.chart-stats strong{color:var(--text-primary);font-weight:600}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-tertiary)}.chart-empty i{font-size:32px;margin-bottom:8px;opacity:.5}.chart-empty p{font-size:13px}.chart-event-selector-container{position:relative;margin-left:auto;padding-right:4px}.chart-event-selector-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background-color:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.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{display:none;position:absolute;top:calc(100% + 4px);right:0;z-index:100;min-width:260px;max-height:420px;overflow-y:auto;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0003}.chart-event-selector-dropdown.show{display:block}.event-selector-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-color);font-size:12px;font-weight:600;color:var(--text-primary)}.event-selector-reset{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background-color:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.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{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .1s ease;user-select:none}.event-category-header:hover{background-color:var(--bg-hover)}.event-category-checkbox{width:14px;height:14px;accent-color:var(--accent-primary);flex-shrink:0;cursor:pointer}.event-category-icon{width:16px;color:var(--text-tertiary);text-align:center;font-size:12px}.event-category-label{flex:1;font-size:12px;font-weight:500;color:var(--text-primary)}.event-category-count{font-size:10px;color:var(--text-tertiary);background-color:var(--bg-tertiary);padding:2px 6px;border-radius:10px}.event-category-expand{color:var(--text-tertiary);font-size:10px;transition:transform .2s ease}.event-category.expanded .event-category-expand{transform:rotate(180deg)}.event-items{display:none;padding:4px 0 8px 36px;background-color:var(--bg-secondary)}.event-category.expanded .event-items{display:block}.event-item{display:flex;align-items:center;gap:8px;padding:5px 12px;cursor:pointer;transition:background-color .1s ease}.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{font-size:11px;color:var(--text-secondary)}.chart-event-selector-dropdown::-webkit-scrollbar{width:6px}.chart-event-selector-dropdown::-webkit-scrollbar-track{background:transparent}.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{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);border-radius:0 0 6px 6px}.chart-seekbar .seekbar-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.chart-seekbar .seekbar-track-container{flex:1;min-width:0}.chart-seekbar .seekbar-info{display:flex;align-items:center;gap:8px;flex-shrink:0}.seek-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--text-secondary);transition:background-color .1s ease,color .1s ease}.seek-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.seek-btn i{font-size:12px}.seek-btn-play{width:36px;height:36px;background-color:var(--accent-primary);color:#fff}.seek-btn-play:hover{background-color:var(--accent-secondary);color:#fff}.seek-btn-play i{font-size:14px}.seek-track{position:relative;width:100%;height:4px;background-color:var(--bg-tertiary);border-radius:2px}.seek-slider{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:20px;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.seek-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background-color:var(--accent-primary);border-radius:50%;cursor:pointer;transition:transform .1s ease}.seek-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.seek-slider::-moz-range-thumb{width:12px;height:12px;background-color:var(--accent-primary);border:none;border-radius:50%;cursor:pointer}.seek-progress{position:absolute;top:0;left:0;height:100%;background-color:var(--accent-primary);border-radius:2px;pointer-events:none}.seek-time{font-size:12px;font-family:Consolas,Monaco,monospace;color:var(--text-secondary);min-width:40px;text-align:center}.seek-count{font-size:11px;color:var(--text-tertiary);min-width:50px;text-align:center}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;backdrop-filter:blur(2px);z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.modal-overlay.visible{opacity:1;visibility:visible}.modal-dialog{display:flex;flex-direction:column;align-items:center;max-width:400px;padding:32px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px var(--shadow);transform:translateY(-10px);transition:transform .2s ease}.modal-overlay.visible .modal-dialog{transform:translateY(0)}.processing-dialog-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0009;backdrop-filter:blur(4px);z-index:1000}.processing-dialog{display:flex;flex-direction:column;align-items:center;padding:40px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px var(--shadow);min-width:300px}.dialog-spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}.dialog-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px;text-align:center}.dialog-message{font-size:14px;color:var(--text-secondary);margin-bottom:24px;text-align:center}.dialog-progress{width:100%;display:flex;flex-direction:column;gap:8px}.progress-bar{width:100%;height:6px;background-color:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background-color:var(--accent-primary);border-radius:3px;transition:width .3s ease}.progress-text{font-size:12px;color:var(--text-secondary);text-align:center}.confirm-dialog{text-align:center}.confirm-dialog-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.confirm-dialog-message{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.confirm-dialog-actions{display:flex;gap:12px}.confirm-btn{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .15s ease}.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{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:all .15s}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.about-dialog-content{text-align:center}.about-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px}.about-logo{width:64px;height:64px;border-radius:12px}.about-title-section{display:flex;flex-direction:column;align-items:center;gap:4px}.about-app-name{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.about-version{font-size:14px;color:var(--text-tertiary);margin:0}.about-author{margin-bottom:20px}.about-author a{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:13px;transition:color .15s}.about-author a:hover{color:var(--accent-primary)}.about-info-grid{display:flex;flex-direction:column;gap:0;background:var(--bg-tertiary);border-radius:8px;padding:4px 0;margin-bottom:16px}.about-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px}.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{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);text-decoration:none;font-size:13px;transition:all .15s}.about-github-link:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.code-highlighted{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;tab-size:4;white-space:pre;overflow-x:auto}[data-theme=dark] .hljs{background:transparent;color:var(--text-primary)}[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{background:transparent;color:var(--text-primary)}[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{display:inline-block;width:3.5em;padding-right:1em;text-align:right;color:var(--text-tertiary);user-select:none;opacity:.5;border-right:1px solid var(--border-subtle);margin-right:1em}.line-content{display:inline}.code-preview-container{background-color:var(--bg-tertiary);border-radius:6px;padding:12px;overflow:auto;max-height:400px}.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{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;max-width:500px;margin:0 auto;min-height:400px}.vp-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;text-align:left;width:100%}.vp-icon{width:48px;height:48px;border-radius:12px;background:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0;animation:vp-pulse 2s ease-in-out infinite}@keyframes vp-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}.vp-title h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.vp-filename{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp-overall{width:100%;margin-bottom:2rem}.vp-overall-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;position:relative}.vp-overall-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));border-radius:4px;width:0%;transition:width .3s ease;position:relative}.vp-overall-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:vp-shimmer 1.5s ease-in-out infinite}@keyframes vp-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.vp-overall-info{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.875rem}.vp-overall-percent{color:var(--accent-color);font-weight:600;font-variant-numeric:tabular-nums}.vp-overall-time{color:var(--text-secondary);font-variant-numeric:tabular-nums}.vp-steps{width:100%;display:flex;flex-direction:column;gap:0}.vp-step{display:flex;gap:1rem;position:relative}.vp-step-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.vp-step-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .3s ease;position:relative;z-index:1}.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:vp-icon-pulse 1s ease-in-out infinite}@keyframes vp-icon-pulse{0%,to{box-shadow: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:vp-check-pop .3s ease}@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{width:2px;flex:1;min-height:24px;background:var(--border-color);transition:background .3s ease}.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{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.vp-step-label{font-size:.9375rem;font-weight:500;color:var(--text-primary);transition:color .3s ease}.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{font-size:.75rem;padding:.125rem .5rem;border-radius:4px;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{margin:.25rem 0 0;font-size:.8125rem;color:var(--text-tertiary);line-height:1.4}.vp-step-progress{margin-top:.75rem;display:flex;align-items:center;gap:.75rem}.vp-step-bar{flex:1;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.vp-step-fill{height:100%;background:var(--accent-color);border-radius:2px;width:0%;transition:width .15s ease}.vp-step-detail{font-size:.75rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:100px;text-align:right}.vp-detail{width:100%;margin-top:1.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.vp-detail-content{display:flex;align-items:center;gap:.5rem}.vp-detail-text{font-size:.8125rem;color:var(--text-secondary);font-family:var(--font-mono)}@media(max-width:600px){.verification-progress{padding:1rem}.vp-header{flex-direction:column;text-align:center}.vp-step-header{flex-direction:column;align-items:flex-start;gap:.25rem}.vp-step-detail{min-width:auto;text-align:left}}.lightbox-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-container{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-close{position:absolute;top:-50px;right:0;width:36px;height:36px;border:none;border-radius:50%;background-color:var(--bg-secondary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease;font-size:16px}.lightbox-close:hover{background-color:var(--bg-tertiary);transform:scale(1.1)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:50%;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;font-size:18px}.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{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:200px;min-height:150px}.lightbox-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080}.lightbox-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-secondary);font-size:24px;display:none}.lightbox-overlay.loading .lightbox-loading{display:block}.lightbox-overlay.loading .lightbox-image{opacity:.3}.lightbox-info{margin-top:20px;padding:14px 24px;background-color:var(--bg-secondary);border-radius:8px;display:flex;gap:28px;align-items:center;font-size:13px;flex-wrap:wrap;justify-content:center}.lightbox-info-row{display:flex;gap:8px;align-items:center}.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{margin-left:auto;color:var(--text-secondary);font-size:12px}.screenshot-preview-overlay{position:fixed;z-index:500;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.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);border-radius:8px;padding:8px;box-shadow:0 4px 16px var(--shadow)}.screenshot-preview-image{max-width:240px;max-height:180px;object-fit:contain;border-radius:4px;display:block}.screenshot-preview-info{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--text-secondary);gap:12px}.screenshot-preview-type{font-weight:500;color:var(--text-primary)}@media(max-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(max-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{display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.pattern-gauge-container{flex-shrink:0}.pattern-gauge{width:90px;height:90px}.gauge-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:8}.gauge-fill{fill:none;stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .5s ease}.gauge-fill.success{stroke:var(--success)}.gauge-fill.warning{stroke:var(--warning)}.gauge-fill.error{stroke:var(--error)}.gauge-score{font-size:22px;font-weight:700;fill:var(--text-primary)}.gauge-label{font-size:10px;fill:var(--text-secondary)}.pattern-summary-container{flex:1;display:flex;flex-direction:column;justify-content:center}.pattern-summary{font-size:13px;color:var(--text-primary);margin-bottom:8px;line-height:1.5}.pattern-confidence{font-size:12px;color:var(--text-secondary)}.confidence-value{font-weight:600;color:var(--text-primary);margin-left:4px}.pattern-issues{margin-bottom:16px}.issues-group{padding:10px 12px;border-radius:6px;margin-bottom:8px}.issues-group:last-child{margin-bottom:0}.issues-group.critical{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3)}.issues-group.warning{background-color:#fbbf241a;border:1px solid rgba(251,191,36,.3)}.issues-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin-bottom:6px}.issues-group.critical .issues-header{color:var(--error)}.issues-group.warning .issues-header{color:var(--warning)}.issues-list{margin:0;padding-left:24px;font-size:11px;color:var(--text-secondary)}.issues-list li{margin-bottom:2px}.issues-list li:last-child{margin-bottom:0}.pattern-metrics-section{margin-top:8px}.pattern-metrics-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-primary);transition:background-color .15s ease}.pattern-metrics-toggle:hover{background-color:var(--bg-hover)}.pattern-metrics-toggle i{transition:transform .2s ease;color:var(--text-tertiary)}.pattern-metrics-toggle.expanded i{transform:rotate(180deg)}.pattern-metrics{display:none;padding:12px 0}.pattern-metrics.expanded{display:block}.metric-row{padding:10px 0;border-bottom:1px solid var(--border-color)}.metric-row:last-child{border-bottom:none}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.metric-name{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-primary)}.metric-info-icon{position:relative;display:flex;align-items:center;justify-content:center;cursor:help;color:var(--text-tertiary);font-size:12px;transition:color .15s ease}.metric-info-icon:hover{color:var(--text-primary)}.metric-tooltip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(4px);width:280px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;font-size:11px;line-height:1.5;color:var(--text-secondary);opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease,transform .15s ease;z-index:100;pointer-events:none}.metric-tooltip:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--border-color)}.metric-tooltip:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);margin-right:-1px;border:5px solid transparent;border-right-color:var(--bg-primary);z-index:1}.metric-info-icon:hover .metric-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.metric-description{font-size:10px;color:var(--text-tertiary);line-height:1.4;margin-bottom:8px;padding:6px 8px;background:var(--bg-secondary);border-radius:4px;border-left:2px solid var(--border-color)}.metric-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.metric-indicator.success{background:#22c55e26;color:var(--success)}.metric-indicator.warning{background:#fbbf2426;color:var(--warning)}.metric-indicator.error{background:#ef444426;color:var(--error)}.metric-bar-container{display:flex;align-items:center;gap:10px;margin-bottom:6px}.metric-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.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{font-size:12px;font-weight:600;color:var(--text-primary);min-width:28px;text-align:right}.metric-detail{display:flex;justify-content:space-between;align-items:center;font-size:10px}.metric-value{color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace}.metric-reason{color:var(--text-secondary);text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.badge-inline.success{background-color:#4caf5026;color:var(--accent-success)}.badge-inline.warning{background-color:#ffc10726;color:var(--accent-warning)}.badge-inline.error{background-color:#f4433626;color:var(--accent-danger)}.badge-inline.pending{background-color:#9e9e9e26;color:var(--text-tertiary)}.transition{transition:all .15s ease}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-select{user-select:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn .2s ease}.animate-slideIn{animation:slideIn .2s ease}
