:root{--color-bg:#0f1117;--color-surface:#1a1d27;--color-surface-hover:#232736;--color-border:#2d3148;--color-text:#e2e4ec;--color-text-secondary:#8e92a4;--color-primary:#6c8cff;--color-primary-hover:#5a7aee;--color-danger:#ff6b6b;--color-danger-hover:#ee5a5a;--color-ignored:#3a3d4a;--color-proposed:#2a4080;--radius:8px;--radius-sm:4px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{min-height:100vh}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:2rem;padding:1rem 2rem;display:flex}.app-title{white-space:nowrap;font-size:1.25rem;font-weight:700}.app-nav{gap:.25rem;display:flex}.nav-link{color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{background:var(--color-surface-hover);color:var(--color-text)}.nav-link.active{background:var(--color-primary);color:#fff}.app-main{max-width:1200px;margin:0 auto;padding:2rem}.page h2{margin-bottom:1.5rem;font-size:1.5rem}.page h3{margin-top:1.5rem;margin-bottom:1rem;font-size:1.125rem}.btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;transition:background .15s;display:inline-flex}.btn:hover{background:var(--color-surface-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{border-color:var(--color-border);background:0 0}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-hover)}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.image-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color .15s;overflow:hidden}.image-card:hover{border-color:var(--color-primary)}.image-card-img-wrapper{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;display:flex;overflow:hidden}.image-card-img-wrapper img{object-fit:contain;max-width:100%;max-height:100%}.image-card-info{justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem;display:flex}.image-number{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.image-card-actions{gap:.25rem;display:flex}.random-controls{margin-bottom:1.5rem}.random-card-wrapper{flex-direction:column;display:flex}.random-card-actions{background:var(--color-surface);border:1px solid var(--color-border);border-radius:0 0 var(--radius) var(--radius);border-top:none;flex-wrap:wrap;gap:.25rem;padding:.5rem;display:flex}.random-card-wrapper .image-card{border-radius:var(--radius) var(--radius) 0 0}.probe-result{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-sm);background:#6c8cff1a;margin-bottom:1rem;padding:.5rem .75rem;font-size:.875rem}.random-card-wrapper.pending-ignored{opacity:.35;transition:opacity .2s}.pending-bar{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.pending-count{white-space:nowrap;font-size:.875rem;font-weight:600}.pending-tags{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.pending-tag{background:var(--color-proposed);color:var(--color-text);border-radius:var(--radius-sm);align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;display:inline-flex}.pending-tag-remove{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0 .15rem;font-size:.875rem;line-height:1}.pending-tag-remove:hover{color:var(--color-danger)}.pending-actions{white-space:nowrap;gap:.25rem;display:flex}.error-message{border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-sm);background:#ff6b6b1a;margin-bottom:1rem;padding:.75rem 1rem}.empty-message{color:var(--color-text-secondary);font-style:italic}.range-list{flex-direction:column;gap:.5rem;display:flex}.range-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.range-item.disabled{opacity:.5}.range-thumbs{flex-shrink:0;gap:4px;display:flex}.range-thumb{object-fit:contain;background:#000;border-radius:2px;width:56px;height:40px}.range-info{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.range-size{color:var(--color-text-secondary);font-size:.8rem}.range-label{color:var(--color-primary);font-size:.8rem}.gap-item{border-left:2px dashed var(--color-text-secondary);background:0 0;justify-content:space-between;align-items:center;margin:0 1.5rem;padding:.5rem 1rem;font-size:.8rem;display:flex}.gap-info{align-items:center;gap:.75rem;display:flex}.gap-label{color:var(--color-text-secondary)}.gap-size{color:var(--color-text-secondary);font-size:.75rem}.gap-actions,.range-actions{gap:.25rem;display:flex}.nearby-explorer{overflow-x:auto}.nearby-grid{gap:4px;min-width:max-content;display:flex}.nearby-item{border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;width:60px;padding:4px;display:flex}.nearby-normal{background:0 0}.nearby-ignored{background:var(--color-ignored)}.nearby-proposed{background:var(--color-proposed)}.nearby-thumb{object-fit:cover;border-radius:2px;width:56px;height:40px}.nearby-placeholder{background:var(--color-surface);width:56px;height:40px;color:var(--color-text-secondary);border-radius:2px;justify-content:center;align-items:center;font-size:.7rem;display:flex}.nearby-number{color:var(--color-text-secondary);font-size:.6rem}.settings-form{flex-direction:column;gap:1rem;max-width:400px;display:flex}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-group label{font-size:.875rem;font-weight:600}.form-group input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:.5rem}.form-actions{gap:.5rem;display:flex}.test-section{max-width:400px}.test-controls{gap:.5rem;margin-bottom:.5rem;display:flex}.test-controls input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);width:160px;padding:.5rem}.test-result{color:var(--color-primary);margin-bottom:.5rem;font-size:.875rem}.test-preview{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:.5rem .75rem}.test-preview code{font-size:.8rem}.backup-section{max-width:600px}.backup-description{color:var(--color-text-secondary);margin-bottom:.75rem;font-size:.875rem}.backup-actions{gap:.5rem;margin-bottom:1rem;display:flex}.backup-import{border-top:1px solid var(--color-border);margin-top:1.25rem;padding-top:1.25rem}.backup-mode{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.backup-mode-option{cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);align-items:flex-start;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.backup-mode-option input[type=radio]{flex-shrink:0;margin-top:.25rem}.backup-mode-option span{flex:1}.import-form{flex-direction:column;gap:.75rem;max-width:600px;margin-top:1rem;display:flex}.import-textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);resize:vertical;padding:.75rem;font-family:ui-monospace,Consolas,monospace;font-size:.8rem}.import-textarea::placeholder{color:var(--color-text-secondary)}.import-result{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-top:1.5rem;padding:1rem}.import-result ul{margin-top:.5rem;list-style:none}.import-result li{padding:.25rem 0}code{background:var(--color-surface-hover);border-radius:var(--radius-sm);padding:.15rem .4rem;font-size:.85em}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:900px;max-height:85vh;display:flex}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h3{margin:0;font-size:1rem}.modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--color-text)}.modal-body{flex:1;padding:1.25rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;display:flex}.gap-sampler-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.gap-sampler-info{color:var(--color-text-secondary);font-size:.875rem}.gap-sampler-status{color:var(--color-text-secondary);margin-bottom:.75rem;font-size:.8rem}.gap-sampler-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;display:grid}.gap-sampler-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.gap-sampler-item img{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;display:block}.gap-sampler-number{color:var(--color-text-secondary);padding:.25rem .5rem;font-size:.7rem;display:block}