@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&family=Noto+Sans:wght@400;700&display=swap";:root{--bg-dark: #1a1a1a;--bg-med: #2a2a2a;--bg-light: #3a3a3a;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--accent-primary: #007bff;--accent-hover: #0056b3;--border-color: #444;--danger-color: #dc3545;--success-color: #28a745;--warning-color: #ffc107}body{font-family:Noto Sans,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);margin:0}.app{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-dark)}header{display:flex;flex-direction:column;gap:12px;padding:16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-med)}.title-container{display:flex;align-items:center;gap:12px}.logo path{stroke:var(--accent-primary)}.app-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);text-shadow:1px 1px 3px rgba(0,0,0,.3);cursor:pointer}.app-title:hover{color:var(--accent-primary)}.top-controls-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.controls-main{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.controls-right{display:flex;gap:12px;align-items:center}.controls-main label{display:flex;align-items:center;gap:8px}.controls-main label span{color:var(--text-secondary);font-size:.9rem}.controls-main select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 32px 8px 12px;border-radius:6px;font-size:.9rem;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23a0a0a0%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px center;background-size:8px 8px;transition:border-color .2s}.controls-main select:hover{border-color:var(--accent-primary)}.controls-main button,.controls-main-button{display:inline-flex;align-items:center;gap:8px;background-color:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.controls-main button:hover,.controls-main-button:hover{background-color:var(--accent-primary);border-color:var(--accent-hover);color:#fff}.controls-main button svg,.controls-main-button svg{stroke:currentColor;transition:stroke .2s}.controls-main .toggle-main-btn{background-color:var(--accent-primary);border-color:var(--accent-hover);color:#fff}.controls-main .toggle-main-btn:hover:not(:disabled){background-color:var(--accent-hover)}.controls-main .toggle-main-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-light);color:var(--text-secondary);border-color:var(--border-color)}.viewport-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.viewport-controls input{background-color:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 6px;border-radius:6px;font-size:.9rem;transition:background-color .2s,border-color .2s}.controls button.loaded{background-color:#2a4a6a;border-color:var(--accent-primary)}.controls label,.viewport-controls label{display:flex;align-items:center;gap:4px;border:none;background:none;padding:0}.controls input[type=checkbox]{margin-right:4px}.viewport-controls input{width:35px;text-align:right}main{flex:1;display:flex;min-height:0}.app.single-mode .viewers{width:100%;grid-template-columns:1fr!important;grid-template-rows:1fr!important}.toggle-mode-main .viewers{grid-template-columns:1fr}.filelist{width:300px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background-color:var(--bg-med);position:relative}.filelist-header{padding:12px;border-bottom:1px solid var(--border-color)}.filelist-header input{width:100%;padding:8px;box-sizing:border-box;margin-bottom:8px;background-color:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px}.filelist-options{display:flex;justify-content:space-between;align-items:center}.filelist-header .count,.filelist-header .selected-count{color:var(--text-secondary);font-size:.85rem}.strip-ext-label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.filelist ul{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.filelist li{padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;border-bottom:1px solid var(--border-color);transition:background-color .2s}.filelist li:hover{background-color:var(--bg-light)}.file-info{display:flex;flex-direction:column;gap:2px}.file-name{font-weight:500;color:var(--text-primary)}.filelist li.active .file-name,.filelist li.active .file-source{color:#fff}.filelist li.active{background:var(--accent-primary);color:#fff}.filelist li .has{color:var(--text-secondary)}.filelist li.active .has{color:#e0e0e0}.toggle-controls{display:flex;gap:6px;align-items:center}.toggle-select-btn,.clear-selection-btn{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.toggle-select-btn:hover,.clear-selection-btn:hover{border-color:var(--accent-primary);background:var(--bg-dark)}.toggle-select-btn:disabled,.clear-selection-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-select-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.file-item{display:flex;align-items:center;gap:8px;width:100%}.file-item input[type=checkbox]{margin:0;cursor:pointer}.file-item .filename{flex:1;cursor:pointer}.file-item .file-info{flex:1;display:flex;flex-direction:column;gap:2px}.filelist li.selected{background-color:#007bff1a;border-left:3px solid var(--accent-primary)}.filelist li.selected:hover{background-color:#007bff33}.file-item-content{display:flex;align-items:center;gap:8px;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.file-checkbox{width:16px;height:16px;border:2px solid var(--border-color);border-radius:3px;background:var(--bg-dark);position:relative;transition:all .2s;flex-shrink:0;pointer-events:none}.file-checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary)}.file-checkbox.checked:after{content:"✓";position:absolute;top:-2px;left:1px;color:#fff;font-size:12px;font-weight:700}.file-item-content:hover .file-checkbox{border-color:var(--accent-primary)}.file-name{flex-grow:1;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s}.file-name:hover{background-color:#ffffff0d}.file-main-name{font-weight:500;color:var(--text-primary)}.file-source-container{display:flex;align-items:center;gap:6px;margin-top:2px}.file-source{font-size:.8rem;color:var(--text-secondary)}.viewer-indicators{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.selection-info{display:flex;align-items:center;gap:8px;margin:0 8px}.selected-count{background:var(--accent-primary);color:#fff;padding:2px 6px;border-radius:10px;font-size:.75rem;font-weight:700}.pinpoint-mode-main .file-item-content,.pinpoint-mode-main .file-item-content *{font-family:Noto Sans,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.auto-place-btn{background:var(--success-color);border:none;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.auto-place-btn:hover{background:#218838;transform:translateY(-1px)}.file-controls{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.select-all-btn{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 12px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.select-all-btn:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-dark)}.select-all-btn:disabled{opacity:.5;cursor:not-allowed}.clear-selection-btn{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.clear-selection-btn:hover:not(:disabled){border-color:var(--danger-color);color:var(--danger-color)}.clear-selection-btn:disabled{opacity:.5;cursor:not-allowed}.viewer-indicator{background:var(--accent-primary);color:#fff;padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s;flex-shrink:0;min-width:18px;text-align:center;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.viewer-indicator:hover{background:var(--accent-hover);transform:scale(1.1);box-shadow:0 2px 8px #007bff66}.file-item-content:hover .viewer-indicator{box-shadow:0 2px 4px #007bff4d}.viewer-indicator[title*="viewer A"]{background:#007bff}.viewer-indicator[title*="viewer B"]{background:#28a745}.viewer-indicator[title*="viewer C"]{background:#dc3545}.viewer-indicator[title*="viewer D"]{background:#ffc107;color:#000}.viewer-indicator[title*="viewer E"]{background:#6610f2}.viewer-indicator[title*="viewer F"]{background:#fd7e14}.viewer-indicator[title*="viewer G"]{background:#20c997}.viewer-indicator[title*="viewer H"]{background:#e83e8c}.viewer-indicator[title*="viewer I"]{background:#6f42c1}.viewer-indicator[title*="viewer J"]{background:#17a2b8}.viewer-indicator[title*="viewer K"]{background:#343a40}.viewer-indicator[title*="viewer L"]{background:#795548}.viewer-indicator[title*="viewer M"]{background:#9c27b0}.viewer-indicator[title*="viewer N"]{background:#ff5722}.viewer-indicator[title*="viewer O"]{background:#607d8b}.viewer-indicator[title*="viewer P"]{background:#8bc34a}.viewer-indicator[title*="viewer Q"]{background:#ff9800;color:#000}.viewer-indicator[title*="viewer R"]{background:#e91e63}.viewer-indicator[title*="viewer S"]{background:#3f51b5}.viewer-indicator[title*="viewer T"]{background:#009688}.viewer-indicator[title*="viewer U"]{background:#cddc39;color:#000}.viewer-indicator[title*="viewer V"]{background:#f44336}.viewer-indicator[title*="viewer W"]{background:#2196f3}.viewer-indicator[title*="viewer X"]{background:#4caf50}.viewer-indicator[title*="viewer A"]:hover{background:#0056b3}.viewer-indicator[title*="viewer B"]:hover{background:#1e7e34}.viewer-indicator[title*="viewer C"]:hover{background:#c82333}.viewer-indicator[title*="viewer D"]:hover{background:#e0a800}.viewer-indicator[title*="viewer E"]:hover{background:#520dc2}.viewer-indicator[title*="viewer F"]:hover{background:#e55a00}.viewer-indicator[title*="viewer G"]:hover{background:#1aa179}.viewer-indicator[title*="viewer H"]:hover{background:#d91a72}.viewer-indicator[title*="viewer I"]:hover{background:#59359a}.viewer-indicator[title*="viewer J"]:hover{background:#138496}.viewer-indicator[title*="viewer K"]:hover{background:#23272b}.viewer-indicator[title*="viewer L"]:hover{background:#5d4037}.viewer-indicator[title*="viewer M"]:hover{background:#7b1fa2}.viewer-indicator[title*="viewer N"]:hover{background:#d84315}.viewer-indicator[title*="viewer O"]:hover{background:#455a64}.viewer-indicator[title*="viewer P"]:hover{background:#689f38}.viewer-indicator[title*="viewer Q"]:hover{background:#f57c00}.viewer-indicator[title*="viewer R"]:hover{background:#c2185b}.viewer-indicator[title*="viewer S"]:hover{background:#303f9f}.viewer-indicator[title*="viewer T"]:hover{background:#00695c}.viewer-indicator[title*="viewer U"]:hover{background:#afb42b}.viewer-indicator[title*="viewer V"]:hover{background:#d32f2f}.viewer-indicator[title*="viewer W"]:hover{background:#1976d2}.viewer-indicator[title*="viewer X"]:hover{background:#388e3c}.viewer-container.drag-over{border:2px dashed var(--accent-primary);background:#007bff0d}.viewer-container.drag-over:after{content:"Drop image here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--accent-primary);font-weight:700;background:#000c;padding:8px 16px;border-radius:4px;z-index:1000;pointer-events:none}.viewer-select-btn{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;margin-right:6px}.viewer-select-btn:hover{border-color:var(--accent-primary);background:var(--bg-dark)}.viewer-select-btn.selected{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.toggle-modal{background:var(--bg-med);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.toggle-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.toggle-modal-header h3{margin:0;color:var(--text-primary);font-size:1.2rem}.toggle-modal-content{flex:1;display:grid;grid-template-rows:1fr auto;min-height:0;overflow:hidden}.toggle-image-container{flex:1;position:relative;background:#111;min-height:0}.toggle-image-container>.viewer{height:100%}.toggle-modal-info{padding:12px 20px;background:var(--bg-dark);border-top:1px solid var(--border-color);flex-shrink:0}.current-viewer-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.viewer-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.viewer-position{color:var(--text-secondary);font-size:.9rem}.viewers{flex:1;display:grid;gap:4px;padding:4px;min-width:0;grid-template-columns:repeat(var(--cols, 2),1fr);grid-template-rows:repeat(var(--rows, 1),1fr);position:relative}.viewer{position:relative;background:#000;border-radius:6px;overflow:hidden}.viewer-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:8px;z-index:10;pointer-events:none}.viewer__label{position:static;color:#fff;font-weight:700;background:none;padding:0;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:pre-wrap;line-height:1.2}.viewer__filter-button{background:#1e1e1e99;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:5px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s;pointer-events:auto}.viewer__filter-button:hover{background:var(--accent-primary);border-color:var(--accent-hover)}.viewer__filter-button svg{stroke:currentColor;width:16px;height:16px}.viewer__unload-button{background:#1e1e1e99;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.viewer__unload-button:hover{background:#dc267fcc;border-color:#fff6}.viewer__unload-button svg{stroke:currentColor;width:16px;height:16px}.viewer__canvas{width:100%;height:100%;display:block;pointer-events:auto;position:relative;z-index:1}.viewer__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.indicator-dot{position:absolute;width:24px;height:24px;background:#f44;border:4px solid #ffffff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:100;box-shadow:0 0 0 6px #f446,0 0 20px #f44c,0 0 40px #f449;animation:indicatorPulse 2.5s ease-out forwards}@keyframes indicatorPulse{0%{transform:translate(-50%,-50%) scale(0);opacity:0;box-shadow:0 0 #f44c,0 0 #f44c,0 0 #f449}15%{transform:translate(-50%,-50%) scale(2.2);opacity:1;box-shadow:0 0 0 12px #f449,0 0 40px #f44,0 0 80px #f44c}30%{transform:translate(-50%,-50%) scale(1.4);opacity:1;box-shadow:0 0 0 8px #ff444480,0 0 30px #ff4444e6,0 0 60px #ff4444b3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1;box-shadow:0 0 0 6px #f446,0 0 25px #f44c,0 0 50px #f449}80%{transform:translate(-50%,-50%) scale(1);opacity:1;box-shadow:0 0 0 6px #f446,0 0 20px #f44c,0 0 40px #f449}to{transform:translate(-50%,-50%) scale(.8);opacity:0;box-shadow:0 0 #f440,0 0 #f440,0 0 #f440}}.minimap{border:1px solid var(--border-color);background-color:#00000080;border-radius:4px;overflow:hidden;pointer-events:none;z-index:100}.minimap canvas{display:block}.minimap-options{display:inline-flex;align-items:center;gap:8px}.minimap-options label{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px}.minimap-options select{background-color:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:12px}.info-panel{position:absolute;top:80px;right:20px;background:#282828e6;color:#fff;border:1px solid #555;border-radius:8px;padding:15px;width:300px;box-shadow:0 4px 12px #00000080;z-index:100;font-size:14px}.info-panel h3{margin-top:0;border-bottom:1px solid #666;padding-bottom:10px;margin-bottom:10px}.info-panel ul{list-style:none;padding:0;margin:0}.info-panel li{margin-bottom:8px}.info-panel .close-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1}.capture-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.capture-modal-content{background-color:#2c2c2c;padding:20px;border-radius:8px;display:flex;flex-direction:column;gap:16px;max-width:80vw;max-height:90vh;box-shadow:0 5px 15px #0000004d}.capture-modal-content h3{margin:0;color:#eee;font-size:1.2em}.capture-modal-preview{overflow:auto;background-color:#111;border:1px solid #444;border-radius:4px}.capture-modal-preview img{display:block;max-width:100%;max-height:60vh;margin:auto}.capture-modal-options{display:flex;gap:20px;align-items:center;padding:10px;background:#333;border-radius:4px}.capture-modal-options label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#ccc}.capture-modal-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center}.capture-modal-actions button,.capture-modal-actions a{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;text-decoration:none;color:#fff;font-weight:500;transition:background-color .2s}.capture-modal-actions button{background-color:#4a4a4a}.capture-modal-actions button:hover{background-color:#5a5a5a}.capture-modal-actions a{background-color:#007bff}.capture-modal-actions a:hover{background-color:#0056b3}.capture-modal-actions .close-button{background-color:#6c757d}.capture-modal-actions .close-button:hover{background-color:#5a6268}.loading-spinner{width:40px;height:40px;border:4px solid #444;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.folder-control{display:flex;align-items:center;gap:8px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;padding-left:12px}.folder-control button{background:none;border:none;padding:8px 0;color:var(--text-primary)}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-med)}.pinpoint-controls-header{justify-content:space-between}.folder-control{display:flex;align-items:center;gap:0;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;transition:border-color .2s}.folder-control:hover{border-color:var(--accent-primary)}.folder-key-label{font-weight:700;padding:8px 12px;background-color:var(--bg-dark);border-right:1px solid var(--border-color);color:var(--text-secondary)}.alias-editor{display:flex;align-items:center}.alias-text{cursor:pointer;padding:8px 12px;color:var(--text-primary);min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s}.alias-text:hover{background-color:#454545}.alias-editor input{background-color:var(--bg-dark);border:none;border-left:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:0;width:150px;outline:2px solid var(--accent-primary)}.repick-button{background:transparent;border:none;border-left:1px solid var(--border-color);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.repick-button:hover{background-color:#454545}.repick-button svg{stroke:var(--text-secondary);transition:stroke .2s}.repick-button:hover svg{stroke:var(--accent-primary)}.pinpoint-controls-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-med)}.folder-controls-wrapper{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.global-controls-wrapper{display:flex;align-items:center;gap:12px}.global-scale-control{display:flex;align-items:center;gap:8px}.global-scale-control label{font-size:.9rem;color:var(--text-secondary)}.global-scale-control span{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-primary);background-color:var(--bg-dark);padding:6px 10px;border-radius:4px;border:1px solid var(--border-color)}.global-scale-control button{background-color:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s,border-color .2s}.global-scale-control button:hover{background-color:var(--accent-primary);border-color:var(--accent-hover)}.folder-picker-initial{display:flex;align-items:center;gap:8px;padding:8px 16px!important;background-color:transparent!important;border:2px dashed var(--border-color)!important;color:var(--text-secondary)!important;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s}.folder-picker-initial:hover{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.folder-picker-initial svg{stroke:currentColor}.filelist-header select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 28px 6px 10px;border-radius:6px;font-size:.85rem;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23a0a0a0%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:8px 8px;transition:border-color .2s}.filelist-header select:hover{border-color:var(--accent-primary)}.pinpoint-control{display:flex;align-items:center;gap:8px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;padding-left:12px}.pinpoint-control button{background:none;border:none;padding:8px 12px;color:var(--text-primary);cursor:pointer;flex-grow:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinpoint-control button:hover{background-color:var(--bg-dark)}.viewer.active{border:2px solid var(--accent-primary)}.viewer-container{position:relative;display:flex;flex-direction:column;min-height:0}.viewer-container.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--accent-primary);border-radius:6px;pointer-events:none;z-index:30;box-shadow:0 0 10px #007bff80}.viewer-container.selected .viewer-controls{opacity:1;pointer-events:auto}.viewer-container .viewer{flex-grow:1;min-height:0}.viewer-container{position:relative}.viewer-controls{position:absolute;top:10px;right:10px;z-index:20;background-color:#1a1a1acc;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.1);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.viewer-container:hover .viewer-controls{opacity:1;pointer-events:auto}.viewer-controls{display:flex;align-items:center;gap:8px}.viewer__rotation-angle{position:absolute;bottom:10px;left:10px;z-index:15;background-color:#1a1a1acc;color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:4px;pointer-events:none}.viewer__rotation-angle svg{stroke:var(--text-secondary)}.pinpoint-rotation-control{display:flex;align-items:center;gap:4px}.pinpoint-rotation-control button{background-color:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s,border-color .2s}.pinpoint-rotation-control button:hover{background-color:var(--accent-primary);border-color:var(--accent-hover)}.pinpoint-rotation-control button svg{width:16px;height:16px}.pinpoint-rotation-control .rotation-input-wrapper{position:relative;display:flex;align-items:center}.pinpoint-rotation-control input{width:50px;background-color:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);text-align:center;border-radius:4px;padding:4px 12px 4px 4px;font-size:.9rem;-moz-appearance:textfield}.pinpoint-rotation-control input::-webkit-outer-spin-button,.pinpoint-rotation-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pinpoint-rotation-control .degree-symbol{position:absolute;right:5px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1rem;pointer-events:none}.pinpoint-scale-control{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background-color:#0009;padding:4px 8px;border-radius:6px;z-index:20}.pinpoint-scale-control button{background-color:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;width:28px;height:28px;cursor:pointer;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center}.pinpoint-scale-control button:hover{background-color:var(--accent-primary)}.pinpoint-scale-control .scale-inputs{display:flex;align-items:center}.pinpoint-scale-control input{width:50px;background-color:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);text-align:center;border-radius:4px;padding:4px;font-size:.9rem;font-weight:700;-moz-appearance:textfield}.pinpoint-scale-control input::-webkit-outer-spin-button,.pinpoint-scale-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pinpoint-scale-control .total-scale{font-size:.8rem;color:var(--text-secondary);margin-left:4px;white-space:nowrap}.context-menu{position:fixed;z-index:1000;background-color:var(--bg-med);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000080;padding:8px 0}.context-menu ul{list-style:none;padding:0;margin:0}.context-menu li{padding:10px 20px;cursor:pointer;color:var(--text-primary);transition:background-color .2s}.context-menu li:hover{background-color:var(--accent-primary);color:#fff}.filter-button{background:transparent;border:none;border-left:1px solid var(--border-color);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.filter-button:hover{background-color:#454545}.filter-button svg{stroke:var(--text-secondary);transition:stroke .2s}.filter-button:hover svg{stroke:var(--accent-primary)}.filter-controls-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:flex-start;padding-left:20px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.filter-controls-panel{background-color:var(--bg-med);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 5px 15px #0000004d;width:400px;display:flex;flex-direction:column}.filter-controls-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:move}.panel-header h3{margin:0;font-size:1.1rem}.panel-header .close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;line-height:1;padding:0}.panel-header .close-btn:hover{color:var(--text-primary)}.filter-controls-panel .panel-body{padding:16px;display:flex;flex-direction:column;gap:16px}.control-row{display:flex;align-items:center;gap:12px}.control-row label{flex-basis:120px;color:var(--text-secondary)}.control-row input[type=range]{flex-grow:1}.control-row span{flex-basis:40px;text-align:right;font-variant-numeric:tabular-nums}.control-row select{width:100%;background-color:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:.9rem;cursor:pointer}.params-container{padding:16px;background-color:var(--bg-dark);border-radius:6px;min-height:150px}.params-container p{color:var(--text-secondary);text-align:center;margin-top:40px}.filter-controls-panel .panel-footer{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.performance-metrics{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;padding:12px;margin-top:16px}.performance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.performance-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.performance-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;color:#fff}.performance-details{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.detail-item{display:flex;flex-direction:column;gap:2px}.performance-info{text-align:center;margin-top:4px}.performance-info small{color:var(--text-secondary);font-size:.75rem}.opencv-badge{margin-top:2px}.opencv-badge small{background:linear-gradient(90deg,#10b981,#059669);color:#fff;padding:1px 6px;border-radius:8px;font-size:.7rem;font-weight:600}.performance-warning{margin-top:8px;padding:6px 8px;background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:4px;color:#fbbf24;font-size:.8rem;text-align:center}.performance-critical{margin-top:6px;padding:6px 8px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#f87171;font-size:.8rem;text-align:center;font-weight:600}.performance-tip{margin-top:6px;padding:6px 8px;background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#60a5fa;font-size:.8rem;text-align:center}.apply-btn{background-color:var(--accent-primary);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s}.apply-btn:hover{background-color:var(--accent-hover)}.folder-control-card{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;padding:6px;display:flex;flex-direction:column;width:160px;height:80px;box-sizing:border-box;transition:all .2s ease-in-out;justify-content:space-between}.folder-control-card.loaded{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;grid-template-areas:"header actions" "path actions";gap:4px 8px;justify-content:normal}.folder-control-card.loaded:hover{border-color:var(--accent-primary);box-shadow:0 0 8px #007bff40}.folder-control-header{grid-area:header;display:flex;align-items:center;gap:8px}.folder-key-label{font-size:.9rem;font-weight:700;color:var(--text-primary);background-color:var(--bg-dark);border-radius:4px;padding:2px 6px;border:1px solid var(--border-color)}.folder-name{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.alias-input{background-color:var(--bg-dark);border:1px solid var(--accent-primary);color:var(--text-primary);padding:2px 6px;border-radius:4px;width:100%;outline:none;font-size:.9rem}.folder-path{grid-area:path;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:var(--bg-dark);padding:4px 6px;border-radius:4px;align-self:start}.folder-actions{grid-area:actions;display:flex;flex-direction:column;gap:4px}.folder-actions button{display:flex;align-items:center;justify-content:center;background-color:var(--bg-med);border:1px solid var(--border-color);color:var(--text-secondary);padding:4px;border-radius:4px;cursor:pointer;transition:all .2s;width:28px;height:28px}.folder-actions button:hover{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-hover)}.folder-control-card.unloaded{justify-content:flex-start;align-items:stretch;border-style:dashed}.folder-select-button{flex-grow:1;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;font-weight:500;font-size:.9rem}.folder-select-button:hover{background-color:#ffffff0d;color:var(--accent-primary)}.toggle-controls-btn{display:inline-flex;align-items:center;gap:8px;background-color:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;margin-left:auto}.toggle-controls-btn:hover{background-color:var(--accent-primary);border-color:var(--accent-hover);color:#fff}.toggle-controls-btn svg{stroke:currentColor}.grid-button-unified{display:inline-flex;align-items:center;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;height:35px}.grid-button-toggle{background-color:transparent;border:none;color:var(--text-primary);padding:0 12px;cursor:pointer;height:100%;display:flex;align-items:center;transition:background-color .2s,color .2s}.grid-button-toggle:hover{background-color:#454545}.grid-button-toggle.active{background-color:var(--accent-primary);color:#fff}.grid-button-toggle svg{stroke:currentColor}.grid-button-color-indicator{position:relative;width:24px;height:100%;cursor:pointer;border-left:1px solid var(--border-color);transition:background-color .2s}.grid-button-color-indicator:hover{filter:brightness(1.2)}.minimap-button-unified{display:inline-flex;align-items:center;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;height:35px}.minimap-button-unified>button{background:transparent;border:none;color:var(--text-primary);padding:0 12px;height:100%;display:flex;align-items:center;cursor:pointer}.minimap-button-unified>button:hover{background:#454545}.minimap-button-unified>button.active{background:var(--accent-primary);color:#fff}.minimap-options-indicator{width:36px;border-left:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center}.minimap-options-indicator.disabled{opacity:.4;cursor:not-allowed}.minimap-options-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.minimap-options-modal-content{background:var(--bg-med);border:1px solid var(--border-color);border-radius:8px;padding:16px;width:420px;max-width:90vw}.minimap-options-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.minimap-options-header h3{margin:0}.minimap-options-modal-content h3{margin:0 0 12px}.minimap-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.minimap-position-preview{position:relative;width:180px;height:120px;background:#111;border:1px solid var(--border-color);border-radius:6px}.minimap-position-preview .preview-corner{position:absolute;width:40px;height:28px;background:#007bff26;border:2px solid rgba(0,123,255,.5);border-radius:4px;cursor:pointer}.minimap-position-preview .preview-corner.tl{top:8px;left:8px}.minimap-position-preview .preview-corner.tr{top:8px;right:8px}.minimap-position-preview .preview-corner.bl{bottom:8px;left:8px}.minimap-position-preview .preview-corner.br{bottom:8px;right:8px}.minimap-position-preview .preview-corner.active{background:#007bff59;border-color:var(--accent-primary)}.minimap-size-buttons{display:flex;flex-direction:column;gap:8px}.minimap-size-buttons button{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 10px;border-radius:6px;cursor:pointer}.minimap-size-buttons button.active,.minimap-size-buttons button:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-hover)}.minimap-options-actions{margin-top:12px;display:flex;justify-content:flex-end}.grid-color-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.grid-color-modal-content{background-color:var(--bg-med);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 5px 15px #0000004d;padding:20px;display:flex;flex-direction:column;gap:16px}.grid-color-modal-content h3{margin:0;text-align:center;font-size:1.1rem;color:var(--text-primary)}.grid-color-palette-modal{display:flex;gap:12px;justify-content:center}.grid-color-modal-content .grid-color-swatch{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0;transition:transform .2s,border-color .2s;outline:none}.grid-color-modal-content .grid-color-swatch:hover{transform:scale(1.1)}.grid-color-modal-content .grid-color-swatch.active{border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}.toggle-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:1000}.toggle-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:0;min-width:400px;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 8px 32px #0006}.toggle-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.toggle-modal-header h3{margin:0;color:var(--text-primary);font-size:18px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.toggle-modal-actions{display:inline-flex;align-items:center;gap:8px}.toggle-scale{padding:4px 8px;border:1px solid var(--border-color);background:var(--bg-light);color:var(--text-primary);border-radius:6px;font-size:12px;line-height:1}.toggle-zoom{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color);background:var(--bg-light);border-radius:6px;padding:2px 6px;color:var(--text-primary)}.toggle-zoom input{width:56px;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:12px;text-align:right}.toggle-zoom span{font-size:12px;color:var(--text-secondary)}.toggle-xy{display:inline-flex;align-items:center;gap:8px}.toggle-xy label{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px}.toggle-xy input{width:72px;background-color:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:6px;border-radius:6px;font-size:12px}.toggle-modal-content{padding:20px}.toggle-info{margin-bottom:20px}.current-position{font-size:24px;font-weight:700;text-align:center;color:var(--accent-primary);margin-bottom:16px}.current-files{display:flex;flex-direction:column;gap:8px}.current-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.folder-label{font-weight:600;color:var(--accent-primary);min-width:40px}.file-name{color:var(--text-primary);font-family:monospace;font-size:14px}.toggle-controls{display:flex;align-items:center;gap:16px;margin-bottom:20px}.toggle-btn{background:var(--accent-primary);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s,opacity .2s}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.progress-bar{flex:1;height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-primary);transition:width .3s ease}.keyboard-hints{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;color:var(--text-secondary);border-top:1px solid var(--border-color);padding-top:16px}.keyboard-hints div{display:flex;align-items:center;gap:4px}.toggle-btn{background:var(--accent-primary);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s,opacity .2s}.toggle-btn:hover:not(:disabled){background:var(--accent-hover)}.toggle-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary)}.inline-number-wrap{display:inline-block;width:72px;margin-left:8px}.inline-number{display:inline-block;width:100%;text-align:right;cursor:text}.inline-number-input{width:100%;text-align:right;border:0;border-bottom:1px solid rgba(255,255,255,.3);background:transparent;color:inherit;outline:none;font:inherit;padding:0 0 1px}.inline-number-input:focus{border-bottom-color:#60a5fa}.inline-number-input::-webkit-outer-spin-button,.inline-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inline-number-input[type=number]{-moz-appearance:textfield}.filter-cart-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:640px;max-height:80vh;overflow:hidden;background:var(--bg-med);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 32px #0006;z-index:1000;display:flex;flex-direction:column;transition:width .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.filter-cart-panel.drag-over,.filelist.drag-over{border-color:var(--accent-primary);box-shadow:0 8px 32px #0006,0 0 20px #007bff4d;background:var(--bg-light)}.drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#007bff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px;z-index:1001;display:flex;align-items:center;justify-content:center;animation:dragOverlayFadeIn .2s ease-out}@keyframes dragOverlayFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.drag-overlay-content{text-align:center;color:var(--accent-primary);padding:20px}.drag-overlay-content svg{margin-bottom:16px;animation:bounce 1s infinite}.drag-overlay-content h3{margin:0 0 8px;font-size:1.2rem;font-weight:600}.drag-overlay-content p{margin:0;font-size:.9rem;opacity:.9}.filelist .empty-state{display:flex;align-items:center;justify-content:center;height:200px;border:none;background:transparent;cursor:default}.filelist .empty-state:hover{background:transparent}.filelist .empty-state-content{text-align:center;color:var(--text-secondary);padding:20px}.filelist .empty-state-content p{margin:0 0 8px;font-size:1rem;font-weight:500}.filelist .empty-state-content small{font-size:.85rem;opacity:.7}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.preview-active .filter-cart-panel[data-preview-size=S]{width:1200px}.preview-active .filter-cart-panel[data-preview-size=M]{width:1425px}.preview-active .filter-cart-panel[data-preview-size=L]{width:1650px}.preview-active .filter-cart-panel{position:fixed;left:50%;right:auto;top:50%;transform:translate(-50%,-50%)}.embedded-preview{flex-shrink:0;padding:12px 0;opacity:0;transform:translate(20px);animation:slideInPreview .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInPreview{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.embedded-preview.exiting{animation:slideOutPreview .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideOutPreview{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.embedded-preview .preview-sidebar{position:static!important;transform:none!important;z-index:auto!important}.embedded-preview .preview-sidebar-panel{position:static!important;max-height:calc(80vh - 60px);background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;overflow-y:auto}.embedded-preview .preview-modal-header{background:linear-gradient(135deg,var(--bg-dark) 0%,rgba(58,58,58,.8) 100%);border:1px solid rgba(0,123,255,.3);border-radius:4px;margin-bottom:12px;padding:6px 10px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #007bff1a;position:relative;overflow:hidden;min-height:36px}.embedded-preview .preview-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),rgba(0,123,255,.6))}.embedded-preview .preview-modal-header h3{font-size:12px;font-weight:500;margin:0;flex:1;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.embedded-preview .preview-modal-header h3:before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23f0f0f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;opacity:.8;vertical-align:middle}.embedded-preview .preview-modal-info{font-size:9px;color:#ffffffb3;margin-right:6px;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap}.embedded-preview .preview-size-controls{margin-left:0;margin-right:8px}.embedded-preview .preview-modal-close{width:18px;height:18px;font-size:14px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:3px;color:#fffc;transition:all .2s ease}.embedded-preview .preview-modal-close:hover{background:#dc3545cc;border-color:#dc3545cc;color:#fff;transform:scale(1.05)}.embedded-preview .preview-modal-body{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;padding:12px;margin-bottom:8px;min-height:200px;display:flex;align-items:center;justify-content:center}.embedded-preview .preview-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.embedded-preview .preview-canvas{max-width:100%;max-height:100%;border-radius:4px;box-shadow:0 2px 8px #0003}.embedded-preview .preview-modal-footer{padding:0;border:none;background:transparent;border-radius:0}.embedded-preview .preview-controls{justify-content:flex-end;gap:6px}.embedded-preview .preview-controls .btn{font-size:10px;padding:4px 8px}.embedded-preview .size-btn{padding:2px 5px;font-size:9px;min-width:16px;height:18px;border-radius:2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;font-weight:500;transition:all .2s ease}.embedded-preview .size-btn:hover{background:#fff3;border-color:#fff6;color:#fff;transform:translateY(-1px)}.embedded-preview .size-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 1px 4px #007bff4d;font-weight:600}.embedded-preview .size-btn:before{display:none}.embedded-preview .preview-loading{background:#1a1a1ae6;padding:16px;border-radius:4px;gap:8px}.embedded-preview .preview-spinner{width:20px;height:20px;border-width:2px}.embedded-preview .preview-loading span{font-size:12px}.embedded-preview .preview-parameter-section{padding:0 16px 8px;max-height:200px;overflow-y:auto}.embedded-preview .filter-parameter-controls{margin-top:0;background:var(--bg-light);border:1px solid rgba(0,123,255,.2)}.filter-cart-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color);background:var(--bg-light);border-radius:8px 8px 0 0;cursor:move}.filter-cart-header .tabs{display:flex;gap:8px}.filter-cart-header .tab{background:var(--bg-med);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 10px;border-radius:6px;font-size:13px;cursor:pointer}.filter-cart-header .tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.filter-cart-header h3{margin:0;font-size:16px;font-weight:700}.filter-cart-body{flex:1;display:flex;min-height:0}.filter-cart-content{width:640px;flex-shrink:0;padding:12px;display:flex;flex-direction:row;gap:12px;max-height:calc(80vh - 60px);overflow:hidden;box-sizing:border-box;transition:transform .4s cubic-bezier(.4,0,.2,1)}.preview-active .filter-cart-content{width:720px}.filter-cart-content.side-by-side .embedded-editor-wrap{width:40%;max-width:40%;min-width:280px;overflow:auto;flex-shrink:0}.preview-active .filter-cart-content.side-by-side .embedded-editor-wrap{width:50%;max-width:50%;min-width:320px}.filter-cart-content.side-by-side .chain-column{width:60%;max-width:60%;display:flex;flex-direction:column;gap:12px;overflow:hidden}.preview-active .filter-cart-content.side-by-side .chain-column{width:50%;max-width:50%}.filter-cart-content.side-by-side .chain-column .filter-chain-list{flex:1 1 auto;overflow:auto}.filter-cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-items:center}.filter-presets-section h4{margin:8px 0}.embedded-editor-wrap{padding:4px 0;display:flex;flex-direction:column;height:100%}.embedded-editor-wrap .filter-controls-embedded{flex:1;min-height:0}.filter-controls-embedded .panel-header,.chain-column .panel-header{padding:0 0 8px}.preview-closing .filter-cart-body{position:relative}.preview-closing .filter-cart-content{position:relative;left:0;transition:none}.preview-closing .filter-cart-body:after{content:"";flex-shrink:0;width:var(--closing-preview-width, 320px);height:1px;opacity:0;pointer-events:none}.empty-cart{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-cart p{margin:8px 0}.filter-chain-list{display:flex;flex-direction:column;gap:8px;width:100%;flex:1;overflow-y:auto;min-height:0;max-height:calc(100vh - 300px);padding-right:4px;margin-right:-4px}.filter-chain-list::-webkit-scrollbar{width:6px}.filter-chain-list::-webkit-scrollbar-track{background:var(--bg-light);border-radius:3px}.filter-chain-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;transition:background .2s ease}.filter-chain-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.filter-chain-item{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;padding:10px;cursor:move;transition:all .2s ease;width:100%;box-sizing:border-box;min-width:0}.filter-chain-item:hover{border-color:var(--accent-primary);background:#007bff0d}.filter-chain-item.disabled{opacity:.6;background:var(--bg-med)}.filter-chain-item.dragging{opacity:.5;transform:rotate(5deg);z-index:1000}.filter-chain-item:dragover{border-color:var(--accent-primary);background:#007bff1a}.chain-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chain-item-order{background:var(--accent-primary);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.chain-item-name{flex:1;font-weight:500;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chain-item-controls{display:flex;gap:2px;flex-shrink:0;min-width:fit-content}.chain-item-controls button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:3px;border-radius:3px;font-size:12px;transition:all .2s ease;width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chain-item-controls button:hover{background:var(--bg-light);color:var(--text-primary)}.chain-item-controls .toggle-btn.enabled{color:var(--success-color)}.chain-item-controls .toggle-btn.disabled{color:var(--text-secondary)}.chain-item-controls .remove-btn:hover{color:var(--danger-color)}.chain-item-controls .preview-btn{color:var(--accent-primary)}.chain-item-controls .preview-btn:hover:not(:disabled){color:var(--accent-hover);background:#007bff1a}.chain-item-controls .preview-btn:disabled{color:var(--text-secondary);opacity:.3}.chain-item-params{color:var(--text-secondary);font-size:11px;margin-left:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 100px)}.filter-cart-actions{display:flex;flex-direction:row;gap:4px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border-color);flex-shrink:0;background:var(--bg-med);width:100%;box-sizing:border-box;justify-content:stretch;flex-wrap:nowrap}.filter-cart-actions>.btn{flex:1;min-width:0}.btn{padding:6px 8px;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background:var(--accent-primary);color:#fff}.btn.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn.btn-secondary{background:var(--bg-light);color:var(--text-primary);border:1px solid var(--border-color)}.btn.btn-secondary:hover:not(:disabled){background:var(--bg-dark)}.btn.btn-accent{background:var(--success-color);color:#fff}.btn.btn-accent:hover:not(:disabled){background:#218838}.btn.btn-danger{background:var(--danger-color);color:#fff}.btn.btn-danger:hover:not(:disabled){background:#c82333}.btn.btn-small{padding:4px 8px;font-size:11px}.filter-presets-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);flex-shrink:0;background:var(--bg-med)}.embedded-editor-wrap .filter-presets-section{margin-top:8px;padding:8px;background:var(--bg-light);border-radius:4px;border-top:1px solid var(--border-color)}.embedded-editor-wrap .filter-presets-section h4{margin:0 0 8px;font-size:12px;color:var(--text-secondary)}.embedded-editor-wrap .presets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.embedded-editor-wrap .presets-header h4{margin:0}.embedded-editor-wrap .presets-actions{display:flex;gap:4px}.embedded-editor-wrap .presets-list{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.embedded-editor-wrap .preset-item{padding:4px 6px;background:var(--bg-med);border-radius:3px;border:1px solid var(--border-color)}.embedded-editor-wrap .preset-name{font-size:11px;font-weight:500}.embedded-editor-wrap .preset-filters{font-size:10px;color:var(--text-secondary)}.filter-presets-section h4{margin:0 0 12px;font-size:14px;color:var(--text-secondary)}.presets-list{display:flex;flex-direction:column;gap:8px}.preset-item{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:4px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;min-width:0}.preset-info{flex:1;min-width:0;margin-right:8px}.preset-name{font-weight:500;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-filters{font-size:11px;color:var(--text-secondary)}.preset-actions{display:flex;gap:3px;flex-shrink:0}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.dialog{background:var(--bg-med);border:1px solid var(--border-color);border-radius:8px;padding:24px;min-width:300px;max-width:500px}.dialog h3{margin:0 0 16px;font-size:16px}.dialog input[type=text]{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-dark);color:var(--text-primary);font-size:14px;margin-bottom:16px}.dialog input[type=text]:focus{outline:none;border-color:var(--accent-primary)}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}.preview-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.preview-modal{background:var(--bg-med);border:1px solid var(--border-color);border-radius:12px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-light);border-radius:12px 12px 0 0}.preview-modal-header h3{margin:0;font-size:18px;font-weight:600}.preview-modal-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:var(--text-secondary);font-size:12px}.preview-dimensions{font-family:monospace;color:var(--accent-primary);font-weight:500}.preview-filename{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-modal-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.preview-modal-close:hover{background:var(--bg-dark);color:var(--text-primary)}.preview-modal-body{flex:1;padding:20px;display:flex;align-items:center;justify-content:center;min-height:400px;position:relative;overflow:hidden}.preview-container{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.preview-canvas{border-radius:8px;box-shadow:0 4px 20px #0000004d;transition:opacity .3s ease}.preview-canvas.processing{opacity:.7}.preview-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-primary);background:#000c;padding:20px;border-radius:8px;z-index:10;opacity:0;animation:fadeInLoading .3s ease forwards}@keyframes fadeInLoading{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.preview-spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.preview-modal-footer{padding:16px 20px;border-top:1px solid var(--border-color);background:var(--bg-light);border-radius:0 0 12px 12px}.preview-controls{display:flex;justify-content:center;gap:12px}.preview-sidebar{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:2500;pointer-events:none}.filter-cart-open .preview-sidebar{right:420px;left:auto}.filter-cart-open.preview-active .preview-sidebar{position:absolute;right:auto;left:20px;top:20px;transform:none;z-index:1001}.preview-sidebar-panel{background:var(--bg-med);border:1px solid var(--border-color);border-radius:12px;width:705px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #0006;pointer-events:auto;transition:width .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.preview-sidebar-panel[data-size=S]{width:480px}.preview-sidebar-panel[data-size=M]{width:705px}.preview-sidebar-panel[data-size=L]{width:930px}.preview-sidebar-panel .preview-modal-header{padding:12px 16px;display:flex;align-items:center;gap:12px}.preview-size-controls{display:flex;gap:4px;margin-left:auto}.size-btn{padding:4px 8px;border:1px solid var(--border-color);background:var(--bg-light);color:var(--text-primary);border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:24px;position:relative;overflow:hidden}.size-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.size-btn:hover{background:var(--bg-med);border-color:var(--accent-primary);transform:translateY(-1px)}.size-btn:hover:before{left:100%}.size-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 2px 8px #007bff4d}.size-btn.transitioning{opacity:.7;cursor:not-allowed;transform:scale(.95)}.size-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.preview-sidebar-panel .preview-modal-header h3{font-size:14px;margin:0}.preview-sidebar-panel .preview-modal-info{font-size:11px}.preview-sidebar-panel .preview-modal-body{max-height:750px;padding:16px}.preview-sidebar-panel[data-size=L] .preview-modal-body{max-height:1500px}.preview-sidebar-panel[data-size=S] .preview-modal-body{max-height:525px}.preview-sidebar-panel[data-size=M] .preview-modal-body{max-height:750px}.preview-sidebar-panel .preview-modal-footer{padding:12px 16px}.preview-sidebar-panel .preview-canvas{max-width:100%;max-height:100%}.preview-sidebar-panel .preview-modal-close{width:24px;height:24px;font-size:18px}.filter-actions{display:flex;gap:8px;align-items:center}.filter-actions .btn-icon{flex:1;min-width:0}.apply-btn{flex:1;background:var(--accent-primary);color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .2s}.apply-btn:hover{background:var(--accent-hover)}.btn-icon{min-width:40px;padding:10px 8px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:4px}.btn-icon.btn-accent{background:var(--accent-primary);color:#fff}.btn-icon.btn-accent:hover:not(:disabled){background:var(--accent-hover)}.btn-icon.btn-success{background:var(--success-color);color:#fff}.btn-icon.btn-success:hover:not(:disabled){background:#218838}.btn-icon.btn-primary{background:var(--accent-primary);color:#fff}.btn-icon.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-icon.btn-secondary{background:var(--bg-light);color:var(--text-primary);border:1px solid var(--border-color);font-size:12px}.btn-icon.btn-secondary:hover:not(:disabled){background:var(--bg-dark)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon.btn-theme-primary{background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary)}.btn-icon.btn-theme-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-icon.btn-theme-accent{background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary)}.btn-icon.btn-theme-accent:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-icon.btn-theme-success{background:var(--success-color);color:#fff;border:1px solid var(--success-color)}.btn-icon.btn-theme-success:hover:not(:disabled){background:#218838;border-color:#218838}.btn-icon.btn-theme-secondary{background:var(--bg-light);color:var(--text-primary);border:1px solid var(--border-color)}.btn-icon.btn-theme-secondary:hover:not(:disabled){background:var(--bg-dark);border-color:var(--accent-primary)}.export-form{display:flex;flex-direction:column;gap:16px;margin:16px 0}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-weight:500;color:var(--text-primary);font-size:14px}.form-field input,.form-field textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-light);color:var(--text-primary);font-size:14px;font-family:inherit}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--accent-primary)}.form-field textarea{resize:vertical;min-height:80px}.export-info{padding:12px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:4px;border-left:3px solid var(--accent-primary)}.export-info small{color:var(--text-secondary)}.filter-parameter-controls{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;padding:12px;margin-top:8px}.filter-parameter-controls.compact{padding:8px;font-size:13px}.param-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.param-title{margin:0;font-size:12px;font-weight:600;color:var(--text-primary)}.filter-parameter-controls.compact .param-title{font-size:12px;margin-bottom:6px}.param-body{display:flex;flex-direction:column;gap:10px}.filter-parameter-controls.compact .param-body{gap:6px}.param-control{display:flex;flex-direction:column;gap:4px}.param-control.compact{gap:2px}.param-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin:0}.filter-parameter-controls.compact .param-label{font-size:12px}.param-value{color:var(--accent-primary);font-weight:600}.param-input,.param-select{background:var(--bg-med);border:1px solid var(--border-color);border-radius:3px;padding:4px 6px;color:var(--text-primary);font-size:13px;transition:border-color .2s ease}.filter-parameter-controls.compact .param-input,.filter-parameter-controls.compact .param-select{padding:2px 4px;font-size:12px}.param-input:focus,.param-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 1px #007bff33}.param-range{background:transparent;border:none;height:16px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;background:var(--bg-med);outline:none}.filter-parameter-controls.compact .param-range{height:12px}.param-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:all .2s ease}.filter-parameter-controls.compact .param-range::-webkit-slider-thumb{width:10px;height:10px}.param-range::-webkit-slider-thumb:hover{background:var(--accent-primary-hover);transform:scale(1.1)}.param-range::-webkit-slider-track{height:4px;background:var(--border-color);border-radius:2px}.filter-parameter-controls.compact .param-range::-webkit-slider-track{height:2px}.param-range::-moz-range-thumb{width:14px;height:14px;background:var(--accent-primary);border-radius:50%;border:none;cursor:pointer;transition:all .2s ease}.filter-parameter-controls.compact .param-range::-moz-range-thumb{width:10px;height:10px}.param-range::-moz-range-track{height:4px;background:var(--border-color);border-radius:2px;border:none}.filter-parameter-controls.compact .param-range::-moz-range-track{height:2px}.no-params-message{font-size:12px;color:var(--text-secondary);text-align:center;padding:12px;margin:0;font-style:italic}.filter-parameter-controls.compact .no-params-message{font-size:11px;padding:8px}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{position:relative;min-width:320px;max-width:500px;background:var(--bg-med);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 32px #0006;display:flex;align-items:flex-start;gap:12px;padding:16px;pointer-events:auto;cursor:pointer;opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast.visible{opacity:1;transform:translate(0)}.toast.exiting{opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.4,0,1,.4)}.toast-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.toast-success{border-left:4px solid var(--success-color)}.toast-success .toast-icon{color:var(--success-color)}.toast-error{border-left:4px solid var(--danger-color)}.toast-error .toast-icon{color:var(--danger-color)}.toast-warning{border-left:4px solid var(--warning-color)}.toast-warning .toast-icon{color:var(--warning-color)}.toast-info{border-left:4px solid var(--accent-primary)}.toast-info .toast-icon{color:var(--accent-primary)}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:14px;color:var(--text-primary);margin:0 0 4px;line-height:1.3}.toast-message{font-size:13px;color:var(--text-secondary);margin:0 0 8px;line-height:1.4}.toast-details{font-size:12px;color:var(--text-secondary);line-height:1.4}.toast-detail{margin:2px 0}.toast-close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .2s ease}.toast-close:hover{opacity:1;background:#ffffff1a}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width: 600px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:none}}.view-toggle-controls{display:flex;position:relative;background:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.view-toggle-controls .toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease;position:relative;min-width:65px;justify-content:center}.view-toggle-controls .toggle-btn:not(:last-child){border-right:1px solid var(--border-color)}.view-toggle-controls .toggle-btn:hover{background:#ffffff0d;color:var(--text-primary)}.view-toggle-controls .toggle-btn.active{background:var(--accent-primary);color:#fff;box-shadow:inset 0 1px 3px #0003}.view-toggle-controls .toggle-btn.active:hover{background:var(--accent-hover)}.view-toggle-controls .toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.view-toggle-controls .toggle-btn:hover .toggle-icon{transform:scale(1.1)}.view-toggle-controls .toggle-btn.active .toggle-icon{transform:scale(1.05)}.view-toggle-controls .toggle-icon svg{flex-shrink:0;transition:stroke .2s ease}.view-toggle-controls .toggle-label{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.view-toggle-controls .folder-toggle .toggle-icon svg{stroke:var(--warning-color)}.view-toggle-controls .folder-toggle.active .toggle-icon svg{stroke:#fff}.view-toggle-controls .file-toggle .toggle-icon svg{stroke:var(--accent-primary)}.view-toggle-controls .file-toggle.active .toggle-icon svg{stroke:#fff}.view-toggle-controls .toggle-connector{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:60%;background:var(--border-color);opacity:.5;pointer-events:none}.view-toggle-controls:hover .toggle-connector{opacity:.8}.compare-mode-main.filelist-hidden,.pinpoint-mode-main.filelist-hidden{grid-template-columns:1fr}.compare-mode-main.filelist-hidden .viewers,.pinpoint-mode-main.filelist-hidden .viewers{width:100%}.compare-mode-main.filelist-hidden .viewers,.pinpoint-mode-main.filelist-hidden .viewers,.compare-mode-main.filelist-hidden section{grid-column:1}@media (max-width: 768px){.view-toggle-controls .toggle-label{display:none}.view-toggle-controls .toggle-btn{padding:8px;min-width:45px;gap:0}.view-toggle-controls{border-radius:6px}}@media (max-width: 480px){.view-toggle-controls .toggle-btn{padding:6px;min-width:40px}.view-toggle-controls .toggle-icon svg{width:14px;height:14px}}.layout-grid-selector{position:relative;display:inline-block}.grid-selector-trigger{display:flex;align-items:center;padding:6px 12px;background:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:120px}.grid-selector-trigger:hover{background:var(--bg-med);border-color:var(--accent-primary)}.grid-selector-trigger.open{background:var(--bg-med);border-color:var(--accent-primary);box-shadow:0 0 0 2px #007bff1a}.selector-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.selector-label{color:var(--text-secondary);font-weight:500}.selector-value{color:var(--text-primary);font-weight:600;font-family:Consolas,Monaco,Courier New,monospace}.selector-icon{transition:transform .2s ease;flex-shrink:0}.selector-icon.rotated{transform:rotate(180deg)}.grid-selector-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-med);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 32px #0000004d;padding:12px;z-index:1000;min-width:240px;animation:gridDropdownAppear .15s ease-out}@keyframes gridDropdownAppear{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.grid-preview-text{text-align:center;font-size:14px;font-weight:600;color:var(--accent-primary);margin-bottom:8px;font-family:Consolas,Monaco,Courier New,monospace}.grid-container{display:inline-grid;gap:2px;background:var(--border-color);border-radius:4px;padding:0;margin-bottom:8px}.grid-cell{width:24px;height:24px;background:var(--bg-light);border-radius:2px;cursor:pointer;transition:all .1s ease;position:relative}.grid-cell:hover{transform:scale(1.1);z-index:1}.grid-cell.selected{background:var(--accent-primary);box-shadow:0 0 4px #007bff66}.grid-cell.current{background:var(--warning-color);box-shadow:0 0 4px #ffc10799;outline:2px solid var(--warning-color)}.grid-cell.current.selected{background:var(--success-color);box-shadow:0 0 4px #28a74599}.grid-cell.disabled{background:var(--bg-dark);opacity:.3;cursor:not-allowed}.grid-cell.over-limit{background:var(--danger-color)!important;box-shadow:0 0 4px #dc354599!important;animation:gridShake .15s ease-in-out,pulseRed .6s ease-out}.grid-preview-text.over-limit{color:var(--danger-color)}.grid-cell.hover-guide:not(.selected):not(.current){background:var(--bg-med);outline:1px solid var(--accent-primary)}.viewers-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;pointer-events:none;z-index:10;opacity:.25;animation:previewFade .12s ease-out}.viewers-preview-overlay .preview-cell{border:1px dashed var(--accent-primary);background:transparent}@keyframes previewFade{0%{opacity:0}to{opacity:.25}}@keyframes gridShake{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes pulseRed{0%{box-shadow:0 0 #dc354559}to{box-shadow:0 0 0 8px #dc354500}}.max-limit{color:var(--text-secondary);transition:color .2s ease}.max-limit.highlight{color:var(--danger-color);font-weight:600}.grid-instructions{text-align:center;font-size:11px;color:var(--text-secondary);opacity:.8}@media (max-width: 768px){.grid-selector-dropdown{min-width:200px;padding:10px}.grid-container{padding:6px;gap:1px}.grid-cell{width:14px;height:14px}.grid-selector-trigger{min-width:100px;padding:8px 10px;font-size:13px}}@media (max-width: 480px){.grid-selector-dropdown{min-width:180px;padding:8px}.grid-cell{width:12px;height:12px}.grid-preview-text{font-size:13px}.selector-label{display:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{display:inline-block}.image-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:4px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-text{color:#fff;font-size:14px;font-weight:500;text-align:center;opacity:.9}.viewer{position:relative}.filter-name{color:#fff;font-size:13px;font-weight:600;text-align:center;opacity:.95;margin-top:4px;line-height:1.3}.filter-progress{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;font-size:12px;font-weight:500;opacity:.9}.progress-bar{width:120px;height:4px;background-color:#fff3;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background-color:#4a90e2;border-radius:2px;transition:width .3s ease}