:root{--primary: #0078d4;--primary-dark: #005a9e;--primary-light: rgba(0, 120, 212, .08);--danger: #d13438;--danger-dark: #a02622;--success: #06b025;--warning: #ffc107;--white: #fff;--bg: #fff;--bg-alt: #fafafa;--bg-surface: #f8f8f8;--bg-secondary: #f0f0f0;--bg-hover: #e5e5e5;--bg-overlay: rgba(0, 0, 0, .6);--border: #d1d1d1;--border-strong: #adadad;--border-subtle: #e0e0e0;--text: #000;--text-secondary: #333;--text-tertiary: #555;--text-muted: #666;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--radius-sm: 2px;--radius: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 50%;--font: Segoe UI, system-ui, -apple-system, sans-serif;--font-mono: Consolas, "SF Mono", Monaco, monospace;--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-md: 13px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 34px;--fast: .15s;--base: .2s;--slow: .3s;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .16);--shadow-2xl: 0 16px 48px rgba(0, 0, 0, .2);--header-h: 32px;--sidebar-w: 200px;--grid-min: 180px;--grid-gap: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);font-size:var(--text-base);line-height:1.5;color:var(--text);background:var(--bg-secondary);min-height:100vh}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.hidden,input[type=file]{display:none!important}.window{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.main{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.content{flex:1;padding:var(--space-6);overflow-y:auto;background:var(--bg);min-height:400px}.title-bar,.toolbar,.address-bar,.status-bar{display:flex;align-items:center;padding:0 var(--space-4);border-bottom:1px solid var(--border)}.title-bar{height:var(--header-h);background:var(--bg)}.toolbar,.address-bar{background:var(--bg-surface);padding-top:var(--space-2);padding-bottom:var(--space-2);gap:var(--space-3);flex-wrap:wrap}.address-bar{background:var(--bg)}.status-bar{background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:0;height:24px;font-size:var(--text-sm)}.status-item{padding:0 var(--space-4);border-right:1px solid var(--border)}.status-item:last-child{border-right:0}.title-icon{font-size:var(--text-lg);margin-right:var(--space-3)}.title-text{flex:1;font-size:var(--text-base)}.title-controls{display:flex;margin-left:auto}.title-btn{width:46px;height:var(--header-h);font-size:var(--text-xs);transition:background var(--fast);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.title-btn:hover{background:var(--bg-hover);text-decoration:none}.title-btn.close:hover{background:#e81123;color:var(--white)}.title-btn:focus-visible,.address-back:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.title-btn[disabled],.title-btn.disabled,.address-back[disabled],.address-back.disabled{pointer-events:none;opacity:.5;cursor:default}.address-back{width:28px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-sm);text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.address-path{flex:1;height:22px;padding:0 var(--space-3);display:flex;align-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--text-sm);color:var(--text-secondary)}.nav-item{padding:var(--space-3) var(--space-5);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--text-secondary);cursor:pointer;transition:background var(--fast)}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:#cce8ff;border-left:3px solid var(--primary);padding-left:calc(var(--space-5) - 3px);font-weight:600;color:var(--text)}.btn,.modal__btn,.address-back{padding:5px var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--text-sm);line-height:1.2;display:inline-flex;align-items:center;gap:var(--space-2);transition:all var(--fast)}.btn:hover:not(:disabled),.modal__btn:not(:disabled):hover,.address-back:hover{background:var(--primary-light);border-color:var(--primary);box-shadow:var(--shadow-sm);text-decoration:none}.btn:disabled{background:#f9f9f9}.btn-large{padding:12px 24px;font-size:var(--text-md);font-weight:600;min-height:44px}.modal__btn-primary,.modal__btn-danger{color:var(--white);border-color:transparent}.modal__btn-primary{background:var(--primary)}.modal__btn-primary:hover:not(:disabled){background:var(--primary-dark)}.modal__btn-danger{background:var(--danger)}.modal__btn-danger:hover:not(:disabled){background:var(--danger-dark)}.checkbox-label,.scan-type-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer}.scan-type-label{padding:var(--space-3) var(--space-5);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-md);transition:all var(--base)}.scan-type-label:has(input:checked){background:#e3f2fd;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.modal__input,.modal__select{width:100%;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);transition:all var(--fast)}.modal__input:focus,.modal__select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.welcome h2{font-size:var(--text-xl);font-weight:400;margin-bottom:var(--space-4)}.welcome p{font-size:var(--text-md);color:var(--text-muted);margin-bottom:var(--space-5);max-width:550px}.scan-options{display:flex;gap:var(--space-7);margin-bottom:var(--space-3)}.fs-warning,.fs-api-warning,.queue-warning-box{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#fff3cd;border:1px solid var(--warning);border-radius:var(--radius-md);color:#856404}.fs-warning,.fs-api-warning{max-width:500px}.fs-warning{margin-top:var(--space-5)}.fs-api-warning{margin-bottom:var(--space-5)}.queue-warning-box{margin-bottom:var(--space-3);border-width:2px}.warning-icon{font-size:20px;flex-shrink:0}.warning-icon-large{font-size:32px;flex-shrink:0}.warning-title{font-weight:600;font-size:var(--text-md);margin-bottom:var(--space-1)}.warning-text,.fs-warning p,.fs-api-warning p{font-size:var(--text-base);line-height:1.4;margin:0}.progress-section{padding:var(--space-5);margin-bottom:var(--space-6);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.progress-bar{width:100%;height:22px;margin-bottom:var(--space-3);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#06b025,#04a01f);transition:width var(--slow)}.progress-text{font-size:var(--text-base);color:var(--text-secondary)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.results-title{font-size:var(--text-lg);font-weight:600}.toggle-link{font-size:var(--text-base);cursor:pointer;transition:color var(--fast)}.toggle-link:hover{color:var(--primary-dark)}.cluster{margin-bottom:var(--space-7);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-xs)}.cluster-header{padding:10px var(--space-5);display:flex;align-items:center;gap:var(--space-3);background:linear-gradient(180deg,#f8f8f8,#efefef);border-bottom:1px solid var(--border);font-size:var(--text-md);font-weight:600}.cluster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min),1fr));gap:var(--grid-gap);padding:var(--space-5);background:var(--bg-alt)}.img-card{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--base),box-shadow var(--base);transform:translateZ(0);backface-visibility:hidden}.img-card:hover{border-color:var(--primary);box-shadow:0 3px 12px #0078d440}.img-card.selected{border-color:var(--primary);background:#f3f9ff;box-shadow:0 0 0 1px var(--primary)}.img-card.comparing{border-color:#7f3ff2;background:#f9f3ff;box-shadow:0 0 0 2px #7f3ff2}.img-preview{display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-bottom:1px solid var(--border-subtle);overflow:hidden;position:relative}.img-preview img,.img-preview video{width:100%;height:100%;object-fit:contain;display:block}.selection-check,.compare-check,.preview-icon,.queue-remove-btn,.queue-badge,.video-badge{position:absolute;display:flex;align-items:center;justify-content:center}.selection-check{top:var(--space-2);left:var(--space-2);width:16px;height:16px;border:1px solid var(--text-tertiary);border-radius:var(--radius-sm);background:#ffffffe6;display:none;font-size:12px;color:var(--white);font-weight:700}.img-card.selected .selection-check{display:flex;background:var(--primary);border-color:var(--primary-dark)}.img-card.selected .selection-check:after{content:"✓"}.compare-check{top:var(--space-2);left:28px;width:20px;height:20px;border:2px solid #7f3ff2;border-radius:var(--radius-full);background:#ffffffe6;font-size:var(--text-base);display:none;transform:translateZ(0);backface-visibility:hidden}.img-card.comparing .compare-check{display:flex;background:#7f3ff2;color:var(--white)}.img-card.comparing .compare-check:after{content:"⚖️"}.preview-icon{top:var(--space-2);right:var(--space-2);width:28px;height:28px;border-radius:var(--radius-full);background:#000000b3;font-size:var(--text-md);cursor:pointer;opacity:0;z-index:15;transition:opacity var(--base),background var(--fast);transform:translateZ(0)}.img-card:hover .preview-icon{opacity:1}.preview-icon:hover{background:#0078d4e6}.queue-remove-btn{top:var(--space-3);left:var(--space-3);width:28px;height:28px;border-radius:var(--radius-full);background:#0009;color:var(--white);font-size:var(--text-lg);font-weight:700;cursor:pointer;z-index:20;transition:background var(--fast);transform:translateZ(0)}.queue-remove-btn:hover{background:#d33438e6}.queue-badge{bottom:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--primary);color:var(--white);font-size:var(--text-xs);font-weight:600;pointer-events:none}.video-badge{bottom:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius);background:#000c;color:var(--white);font-size:var(--text-xs);font-weight:600;z-index:2}.img-info{padding:10px;background:var(--bg)}.file-name-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-1);margin-bottom:var(--space-1)}.img-name{flex:1;font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-copy-mini{padding:0 2px;font-size:var(--text-base);color:var(--text-muted);opacity:.5;transition:all var(--fast)}.btn-copy-mini:hover{opacity:1;color:var(--primary)}.img-path{margin-bottom:5px;padding:2px var(--space-1);background:var(--bg-secondary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-meta{display:flex;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-tertiary)}.meta-dim,.meta-size,.meta-animated,.meta-video,.animated-badge{padding:2px 5px;border-radius:var(--radius-sm);font-size:var(--text-xs)}.meta-dim{background:#e8e8e8}.meta-size{background:#fff4e5;color:#8b4513}.meta-animated,.animated-badge{background:#e3f2fd;color:#1976d2;font-weight:600}.meta-video{background:#f3e5f5;color:#7b1fa2;font-weight:600}.modal{display:none}.modal.is-open{display:block}.modal__overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:var(--bg-overlay);z-index:2000}.modal__container{max-width:500px;max-height:90vh;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2xl);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.modal__container::-webkit-scrollbar{width:8px}.modal__container::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.modal__container--large{max-width:90vw;max-height:95vh}.modal__container--xlarge{max-width:95vw;max-height:95vh;width:1200px}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);background:linear-gradient(180deg,#f8f8f8,#efefef);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.modal__title{font-size:var(--text-lg);font-weight:600}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--fast)}.modal__close:before{content:"✕";font-size:20px;color:var(--text-muted)}.modal__close:hover{background:var(--bg-hover)}.modal__content{padding:var(--space-6);font-size:var(--text-md);color:var(--text-secondary)}.modal__content p{margin-bottom:var(--space-4);font-size:var(--text-base);color:var(--text-muted)}.modal__content--preview{padding:0;display:flex;flex-direction:column;align-items:center}.modal__content--compare{padding:var(--space-6);max-height:80vh;overflow-y:auto}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);background:var(--bg-surface);border-top:1px solid var(--border-subtle);position:sticky;bottom:0}#preview-media-container{max-width:100%;max-height:70vh;display:flex;align-items:center;justify-content:center;background:#000}.preview-img,.preview-video,.compare-img,.compare-video{max-width:100%;object-fit:contain;background:#000}.preview-img,.preview-video{max-height:70vh}.compare-img,.compare-video{width:100%;height:auto;max-height:400px;display:block}.preview-actions{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);width:100%;justify-content:center;background:var(--bg-surface);border-top:1px solid var(--border-subtle)}#compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.compare-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.compare-info{padding:var(--space-4);background:var(--bg-alt);border-top:1px solid var(--border-subtle)}.compare-name{margin-bottom:var(--space-2);font-size:var(--text-base);font-weight:600;word-break:break-word}.compare-meta{font-size:var(--text-sm);color:var(--text-muted)}.similarity-info,.similarity-matrix{grid-column:1 / -1;padding:var(--space-5);margin-top:var(--space-4);border-radius:var(--radius-md)}.similarity-info{text-align:center;background:#f0f7ff;border:1px solid var(--primary);font-size:var(--text-md)}.similarity-matrix{background:var(--bg-alt);border:1px solid var(--border)}.similarity-matrix strong{display:block;margin-bottom:var(--space-4);font-size:var(--text-md)}.sim-value{font-size:18px;font-weight:600;color:var(--primary)}.sim-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.sim-table td{padding:var(--space-3) var(--space-4);text-align:center;border:1px solid var(--border-subtle);background:var(--bg)}.sim-high{background:#d4edda!important;color:#155724;font-weight:600}.sim-med{background:#fff3cd!important;color:#856404}.sim-low{background:#f8d7da!important;color:#721c24}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay,.micromodal-slide[aria-hidden=false] .modal__container{animation:fadeIn var(--slow)}.micromodal-slide[aria-hidden=true] .modal__overlay,.micromodal-slide[aria-hidden=true] .modal__container{animation:fadeOut var(--slow)}#context-menu{position:absolute;width:200px;padding:var(--space-1) 0;background:var(--bg);border:1px solid #ccc;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none;z-index:1000;font-size:var(--text-base)}.menu-item{padding:var(--space-3) var(--space-5);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:all var(--fast);color:var(--text-secondary)}.menu-item:hover{background:var(--primary-light);color:var(--primary);padding-left:var(--space-6);transform:translate(2px)}.menu-separator{height:1px;margin:var(--space-1) 0;background:var(--border-subtle)}.menu-danger{color:var(--danger)}.menu-danger:hover{background:#d334381a;color:var(--danger-dark)}#toast-container{position:fixed;bottom:40px;right:20px;display:flex;flex-direction:column;gap:var(--space-3);z-index:3000;pointer-events:none}.toast{padding:var(--space-3) var(--space-5);background:#202020;color:var(--white);border-radius:var(--radius-md);font-size:var(--text-base);box-shadow:var(--shadow-lg);pointer-events:auto;max-width:400px}.list-view{max-height:300px;margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-all;overflow-y:auto}#drag-overlay{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#fffffff2;border:3px dashed var(--primary);border-radius:var(--space-3);color:var(--primary);font-size:var(--text-xl);font-weight:600;z-index:50}#drag-overlay.active{display:flex}#drag-overlay span{font-size:64px;margin-bottom:var(--space-5)}#no-results{display:flex;align-items:center;justify-content:center;padding:60px var(--space-6);text-align:center;color:var(--text-muted)}.no-results-content{max-width:400px}.no-results-icon{font-size:48px;margin-bottom:var(--space-5);opacity:.5}.no-results-text h3{margin-bottom:var(--space-3);font-size:18px;font-weight:400}.no-results-text p{font-size:var(--text-md)}#selection-box{position:absolute;border:2px solid var(--primary);background:#0078d41a;pointer-events:none;display:none;z-index:9999;border-radius:var(--radius-sm)}.queue-view{padding:var(--space-6)}.queue-actions{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6);padding:var(--space-6);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md)}.queue-input-group{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.queue-label{font-size:var(--text-md);font-weight:600;color:var(--text-secondary)}.queue-hint{font-size:var(--text-sm);color:var(--text-muted)}.tab-content{min-height:400px}.first-time-warning-content{font-size:var(--text-md);line-height:1.6}.first-time-warning-content strong{color:var(--danger)}.first-time-warning-content .queue-warning-box{margin:var(--space-5) 0}.info-section{position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}[data-os=macos]{--primary: #007aff;--primary-dark: #0051d5;--bg-secondary: #f5f5f7;--bg-surface: rgba(235, 235, 235, .6);--border: rgba(0, 0, 0, .08);--text-secondary: #424245;--text-muted: #86868b;--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--header-h: 52px;--sidebar-w: 240px}[data-os=macos] body{background:#e5e5e5}[data-os=macos] .window{height:100vh;overflow:hidden}[data-os=macos] .title-bar,[data-os=macos] .toolbar,[data-os=macos] .sidebar{background:#fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}[data-os=macos] .title-icon{display:none}[data-os=macos] .title-controls{margin-left:auto;gap:8px}[data-os=macos] .title-btn{width:12px;height:12px;border-radius:var(--radius-full);padding:0;box-shadow:0 1px #0000001a;font-size:0;line-height:0;overflow:hidden}[data-os=macos] .title-btn:before,[data-os=macos] .title-btn:after{content:none!important;display:none!important}[data-os=macos] .title-btn:nth-child(1){background:#ff5f57}[data-os=macos] .title-btn:nth-child(2){background:#febc2e}[data-os=macos] .title-btn:nth-child(3){background:#28c840}[data-os=macos] .title-btn:hover{opacity:.8}[data-os=macos] .address-back{display:none}[data-os=macos] .address-path{border:none;background:transparent}[data-os=macos] .nav-item{margin:0 8px;border-radius:var(--radius-sm)}[data-os=macos] .nav-item.active{background:#d1d1d6;border-left:none;padding-left:12px;font-weight:600}[data-os=macos] .cluster{background:transparent;border:none;box-shadow:none}[data-os=macos] .cluster-header{background:transparent;border:none;padding:0 0 8px}[data-os=macos] .cluster-grid{background:transparent;padding:0;gap:16px}[data-os=macos] .img-card{border:1px solid transparent;box-shadow:none}[data-os=macos] .selection-check{width:22px;height:22px;border:2px solid #fff;border-radius:var(--radius-full);background:var(--primary);box-shadow:0 2px 5px #0003;font-size:14px;font-weight:700}[data-os=macos] .preview-icon,[data-os=macos] .queue-remove-btn{opacity:1}[data-os=ios]{--primary: #007aff;--bg-secondary: #f2f2f7;--text-muted: #8e8e93;--border: rgba(60, 60, 67, .18);--font: -apple-system, "SF Pro Display", system-ui, sans-serif;--text-base: 17px;--grid-gap: 1px}[data-os=ios] body{overflow:auto;height:auto;min-height:100vh}[data-os=ios] .window{height:100vh;overflow:hidden}[data-os=ios] .title-bar{display:none}[data-os=ios] .toolbar{position:sticky;top:0;z-index:100;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:#ffffffd9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--border);justify-content:space-between}[data-os=ios] .address-bar{background:transparent;border:none;padding:0;width:100%;order:-1;margin-bottom:4px}[data-os=ios] .address-back{display:none}[data-os=ios] .address-path{border:none;background:transparent;padding:0;height:auto;font-size:var(--text-2xl);font-weight:700;color:#000}[data-os=ios] .main{flex-direction:column;height:100%}[data-os=ios] .sidebar{width:100%;order:0;padding:8px 16px;background:var(--bg-secondary);border-right:none;flex-shrink:0;overflow-x:auto;white-space:nowrap;display:flex}[data-os=ios] .sidebar::-webkit-scrollbar{display:none}[data-os=ios] .nav-item{padding:8px 16px;margin:0 8px 0 0;background:var(--bg);border-radius:20px;font-size:15px;display:inline-flex}[data-os=ios] .nav-item.active{background:var(--primary);border-left:none;padding-left:16px;color:var(--white);font-weight:600}[data-os=ios] .content{padding:0}[data-os=ios] .cluster-grid{grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;background:#e5e5ea;margin:0 -1px}[data-os=ios] .img-card{border:none;border-radius:0;box-shadow:none}[data-os=ios] .img-preview{border-bottom:none}[data-os=ios] .img-info{display:none}[data-os=ios] .selection-check{width:22px;height:22px;border:none;border-radius:var(--radius-full);background:#ffffffe6;box-shadow:0 2px 4px #0000001a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:14px;font-weight:700}[data-os=ios] .img-card.selected .selection-check{background:var(--primary)}[data-os=ios] .preview-icon,[data-os=ios] .queue-remove-btn{opacity:1}[data-os=ios] .modal__overlay{align-items:flex-end}[data-os=ios] .modal__container{max-width:100%;width:100%;border-radius:20px 20px 0 0;border:none}[data-os=ios] .micromodal-slide[aria-hidden=false] .modal__container{animation:slideUp var(--slow) cubic-bezier(.32,.72,0,1)}[data-os=ios] .micromodal-slide[aria-hidden=true] .modal__container{animation:slideDown var(--slow) cubic-bezier(.32,.72,0,1)}[data-os=ios] .toast{bottom:max(40px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:90%;max-width:400px}[data-os=ios] .status-bar{display:none}[data-os=android]{--primary: #6750a4;--primary-dark: #524182;--bg-secondary: #f7f2fa;--bg-surface: #f3edf7;--text-secondary: #49454f;--text-muted: #79747e;--border: #d0bcff;--radius-sm: 12px;--radius: 16px;--radius-md: 20px;--font: Roboto, system-ui, sans-serif;--text-base: 14px;--header-h: 64px;--grid-gap: 4px}[data-os=android] body{background:#f5f5f5;overflow:auto;height:auto;min-height:100vh}[data-os=android] .window{height:100vh;overflow:hidden}[data-os=android] .title-bar{height:var(--header-h);padding:0 16px;background:var(--bg-surface);border-bottom:none;box-shadow:var(--shadow-sm)}[data-os=android] .title-text{font-size:22px;font-weight:400}[data-os=android] .title-btn,[data-os=android] .address-bar{display:none}[data-os=android] .main{flex-direction:column;height:calc(100% - var(--header-h))}[data-os=android] .sidebar{width:100%;order:0;padding:8px 0;margin-bottom:8px;background:var(--bg-surface);border-right:none;box-shadow:var(--shadow-sm);overflow-x:auto;white-space:nowrap;display:flex}[data-os=android] .nav-item{padding:0 16px;margin-right:8px;height:32px;border:1px solid #eaddff;border-radius:8px;font-weight:500;display:inline-flex}[data-os=android] .nav-item.active{background:#e8def8;border:1px solid transparent;padding-left:16px;font-weight:600}[data-os=android] .cluster{background:transparent;border:none;box-shadow:none}[data-os=android] .cluster-header{background:transparent;border:none;padding:8px 16px;color:var(--primary);font-weight:500;text-transform:uppercase;letter-spacing:.1em}[data-os=android] .cluster-grid{grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;background:transparent}[data-os=android] .img-card{border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm)}[data-os=android] .selection-check{width:20px;height:20px;border:none;border-radius:var(--radius-full);background:var(--primary);box-shadow:0 2px 4px #00000040;font-size:12px}[data-os=android] .preview-icon,[data-os=android] .queue-remove-btn{opacity:1}[data-os=android] .modal__container{max-width:85%;width:320px;border:none;border-radius:var(--radius-md)}[data-os=android] .micromodal-slide[aria-hidden=false] .modal__container{animation:scaleIn var(--slow) cubic-bezier(.4,0,.2,1)}[data-os=android] .micromodal-slide[aria-hidden=true] .modal__container{animation:scaleOut var(--slow) cubic-bezier(.4,0,1,1)}[data-os=android] .status-bar{display:none}[data-os=linux]{--primary: #e95420;--primary-dark: #c7471f;--danger: #ed333b;--bg-secondary: #f6f5f4;--bg-surface: #fafafa;--border: #cdc7c2;--border-subtle: #dfdcd8;--text-secondary: #3d3846;--text-tertiary: #5e5c64;--text-muted: #77767b;--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--font: "Ubuntu", "Cantarell", system-ui, sans-serif;--text-base: 11px;--header-h: 38px;--sidebar-w: 180px;--grid-min: 160px;--grid-gap: 12px}[data-os=linux] .window{margin:8px;max-width:calc(100vw - 16px);border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 0 0 1px #0000001a,0 8px 16px #00000026;overflow:hidden}[data-os=linux] .title-bar{padding:0 8px;background:linear-gradient(to bottom,#f6f5f4,#ebe9e7);border-bottom:1px solid var(--border)}[data-os=linux] .title-text{font-size:var(--text-md);font-weight:600}[data-os=linux] .title-controls{margin-left:auto;gap:8px}[data-os=linux] .title-btn{width:20px;height:20px;border-radius:var(--radius-full);padding:0;background:#dfdcd8;font-size:0;line-height:0;overflow:hidden;transition:all var(--fast);border:1px solid rgba(0,0,0,.15)}[data-os=linux] .title-btn:before,[data-os=linux] .title-btn:after{content:none!important;display:none!important}[data-os=linux] .title-btn:nth-child(1){background:#f46067;border-color:#e8434a}[data-os=linux] .title-btn:nth-child(2){background:#f8ae57;border-color:#f09643}[data-os=linux] .title-btn:nth-child(3){background:#76c84d;border-color:#5fb13b}[data-os=linux] .title-btn:hover{opacity:.85;transform:scale(1.15)}[data-os=linux] .title-btn.close:hover{background:var(--danger);border-color:var(--danger-dark)}[data-os=linux] .toolbar{background:linear-gradient(to bottom,#fafafa,#f6f5f4);border-bottom:1px solid var(--border-subtle)}[data-os=linux] .sidebar{background:linear-gradient(to bottom,#fafafa,#f6f5f4);border-right:1px solid var(--border-subtle)}[data-os=linux] .nav-item{margin:2px 4px;border-radius:5px;font-weight:500}[data-os=linux] .nav-item.active{background:var(--primary);border-left:none;padding-left:12px;color:var(--white);font-weight:600}[data-os=linux] .cluster{background:transparent;border:none;box-shadow:none}[data-os=linux] .cluster-header{background:transparent;border:none;padding:8px 0;font-weight:700;text-transform:uppercase;letter-spacing:.5px}[data-os=linux] .cluster-grid{padding:0;background:transparent}[data-os=linux] .img-card{border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 1px 3px #00000014}[data-os=linux] .img-card.selected{border-color:var(--primary);background:#e954200d;box-shadow:0 0 0 2px #e954204d}[data-os=linux] .selection-check{width:18px;height:18px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);box-shadow:0 1px 3px #00000026;font-size:12px}[data-os=linux] .img-card.selected .selection-check{background:var(--primary);border-color:var(--primary-dark)}[data-os=linux] .preview-icon,[data-os=linux] .queue-remove-btn{opacity:1}[data-os=linux] .status-bar{height:26px;padding:0 8px;background:linear-gradient(to bottom,#f6f5f4,#ebe9e7);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-tertiary)}@media(max-width:900px){:root{--grid-min: 140px}}@media(max-width:600px){[data-os=ios] .cluster-grid{grid-template-columns:repeat(3,1fr)}[data-os=android] .cluster-grid{grid-template-columns:repeat(2,1fr)}[data-mobile=true] .img-info{display:none}.modal__container{max-width:100%;width:100%;border-radius:var(--radius-md) var(--radius-md) 0 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}