.tool-app hr{width:100%;border:0;border-top:1px solid var(--border)}.bucket{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem;background:var(--surface)}.bucket h3{color:var(--text);display:flex;align-items:center;gap:.5em}.image-entry{display:inline-block;margin:.5rem;text-align:center}.image-entry img{width:100px;border:3px solid var(--border-strong);border-radius:4px;cursor:pointer;display:block;margin-bottom:.25rem}.image-entry img.checked{border-color:var(--select)}input[type=range]{width:200px;vertical-align:middle}input[type=range],select{min-width:100px}.tool-app label{color:var(--text-muted)}button{padding:.3rem .65rem;background:var(--brand);color:var(--brand-contrast);border:none;cursor:pointer;font-weight:700;font-family:inherit;font-size:.9rem;border-radius:6px}button:hover{background:var(--brand-hover)}.tool-app select,.tool-app textarea,.tool-app input[type=text]{font-family:inherit;font-size:.95rem;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:.3rem .45rem}.tool-app input[type=range]{accent-color:var(--brand)}button.disabled{opacity:.6;pointer-events:none}button.small{padding:.35rem .75rem;font-size:.9rem}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{display:flex;flex-direction:column;color:var(--text);background:var(--surface);padding:1.5rem;border-radius:12px;max-width:80vw;max-height:90vh;overflow:auto;border:1px solid var(--border);box-shadow:var(--shadow)}.modal-content img{max-width:100%;height:auto;display:block;margin:0 auto}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--danger);color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;font-weight:700;cursor:pointer}.modal-close:hover{filter:brightness(.85)}.modal-actions{display:flex;justify-content:flex-end;gap:.5em;margin-top:1rem}#confirm-modal p{font-size:1.1rem;margin-bottom:1rem}#drop-zone{display:flex;justify-content:center;align-items:center;width:100%;min-height:80px;padding:.5rem 1rem;border:2px dashed var(--border-strong);border-radius:var(--radius);font-size:1rem;text-align:center;transition:all .2s ease;cursor:pointer;color:var(--text-muted);background:var(--surface)}#drop-zone:hover{background-color:var(--surface-2);border-color:var(--brand);color:var(--text)}.has-images #drop-zone{flex:0 0 auto;width:80px;height:80px;min-height:0;font-size:1.5rem;padding:0;overflow:hidden;white-space:nowrap;text-indent:-9999px;position:relative;margin:.25rem}.has-images #drop-zone:hover{background-color:var(--surface-2);border-color:var(--brand)}.has-images #drop-zone:before{content:"📂";display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;text-indent:0}.drop-hover{background-color:var(--brand-soft)!important;border-color:var(--brand)!important}.thumbnail-bar-wrapper{position:fixed;left:0;right:0;bottom:0;z-index:100;transition:height .2s ease}.thumbnail-bar{display:flex;align-items:center;white-space:nowrap;padding:.5rem;overflow-x:auto;background:var(--surface);border-top:1px solid var(--border);min-height:100px}.thumbnail-bar.expanded{flex-wrap:wrap;height:50vh}.thumbnail-bar-wrapper.expanded .thumbnail-bar{flex-wrap:wrap;overflow-x:hidden;overflow-y:auto;white-space:normal;height:50vh;padding:1rem}.thumbnail-entry{position:relative;margin:.25rem}.thumbnail-entry img{height:100px;border:3px solid var(--border);border-radius:4px;cursor:pointer}.thumbnail-entry input[type=checkbox]{width:20px;height:20px}.thumbnail-remove-btn{position:absolute;top:2px;right:2px;color:#fff;background:var(--danger);font-weight:700;font-size:1.2em;padding:2px 6px;cursor:pointer;border-radius:0 0 0 5px;z-index:2}.thumbnail-entry.selected img{border-color:var(--select)}.thumbnail-entry.previewing img,.thumbnail-entry:hover img{border-bottom:5px solid var(--sky)}.thumbnail-entry input[type=checkbox]{position:absolute;top:4px;left:4px;z-index:2;accent-color:var(--select)}#preview-pane{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem;margin-bottom:11rem;min-height:220px}#preview-image{max-width:100%;height:auto;display:none;margin:0 auto 1rem}#preview-canvas{max-width:100%;height:auto;display:none;margin:0 auto 1rem;border:3px solid var(--border)}#preview-meta{text-align:center;color:var(--text-muted);font-size:.9rem;margin:0 0 1rem}#no-preview{text-align:center;color:var(--text-muted);padding:3rem 1rem}#preview-select-checkbox-label{display:none;position:absolute;top:1rem;left:1rem;z-index:10;background:var(--surface);border:1px solid var(--border);padding:.25rem .5rem;border-radius:4px}#preview-remove-btn{display:none;position:absolute;z-index:10}.control-panel{display:none;flex-direction:column;height:100%;min-width:300px;padding:1rem;border:1px solid var(--border);border-bottom:0;border-radius:8px 8px 0 0;gap:.5rem;background:var(--surface);color:var(--text);overflow:hidden;overflow-y:auto}.control-panel.visible{display:flex}.control-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.control-panel h4{margin:0}.control-panel textarea{box-sizing:border-box;width:100%;min-height:60px}.control-panel.side-panel{position:fixed;right:0;top:0;z-index:20;box-sizing:border-box;height:100vh;width:400px;padding-bottom:12rem;border:0;border-left:1px solid var(--border);border-radius:0;box-shadow:var(--shadow)}.control-panel.side-panel.extra-padding{padding-bottom:23rem}.tool-app fieldset{margin-top:1rem;border:1px solid var(--border);border-radius:6px;padding:.5rem}@media(max-width:480px){.control-panel.side-panel{width:100vw;min-width:0}}.tool-app .controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem}.tool-app .tool-info,.tool-app .info-panel{font-size:.95rem;color:var(--text-muted)}.tool-app button{border-radius:8px;padding:.35rem .75rem;font-weight:650}.thumbnail-bar-wrapper{box-shadow:0 -6px 24px #10182814}.thumbnail-entry img{border-radius:8px}#preview-pane,.bucket{box-shadow:var(--shadow-sm)}.modal-content{border-radius:16px}.page-drop-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;padding:1.25rem;background:#eaf1fee0;pointer-events:none}.page-drop-active .page-drop-overlay{display:flex}.page-drop-overlay .page-drop-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;border:3px dashed var(--brand);border-radius:20px;color:var(--tag-text);text-align:center}.page-drop-overlay .page-drop-card strong{font-size:1.6rem}.tool-app .simple-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:.9rem}.tool-app .simple-label{font-weight:700;color:var(--text)}.tool-app .seg{display:inline-flex;flex-wrap:wrap;gap:.35rem}.tool-app .seg button{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:999px;padding:.45rem .95rem}.tool-app .seg button:hover{background:var(--surface-2)}.tool-app .seg button.active{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.tool-app .preset-help{flex-basis:100%;margin:0;font-size:.9rem;color:var(--text-muted)}.tool-app details.advanced-settings{margin:0 0 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.4rem 1rem}.tool-app details.advanced-settings>summary{cursor:pointer;font-weight:600;color:var(--text-muted);padding:.35rem 0}.tool-app details.advanced-settings[open]>summary{margin-bottom:.6rem}.tool-app details.advanced-settings .controls{border:0;padding:0;background:none}.tool-duplicate-finder #drop-zone,.tool-face-sorter #drop-zone{min-height:150px;font-size:1.05rem;font-weight:600;color:var(--text);background:linear-gradient(180deg,#f5f9ff,#fff);border-color:#bcd2fb}
