body{background:#111;color:#eee;font-family:sans-serif;margin:2rem}h1{font-size:2rem;color:#32cd32}hr{width:100%}.bucket{border:1px solid #444;margin-bottom:1rem;padding:1rem;background:#1c1c1c}.bucket h3{color:#32cd32;display:flex;align-items:center;gap:.5em}.image-entry{display:inline-block;margin:.5rem;text-align:center}.image-entry img{width:100px;border:2px solid red;cursor:pointer;display:block;margin-bottom:.25rem}.image-entry img.checked{border-color:#32cd32}input[type=range]{width:200px;vertical-align:middle}input[type=range],select{min-width:100px}label{color:#ccc}button{padding:.25rem .5rem;background:#32cd32;color:#111;border:none;cursor:pointer;font-weight:700;border-radius:4px}button:hover{background:#0f0}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:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{display:flex;flex-direction:column;color:#fff;background:#222;padding:1.5rem;border-radius:10px;max-width:80vw;max-height:90vh;overflow:auto;border:1px solid #333;box-shadow:0 0 10px #00000080}.modal-content img{max-width:100%;height:auto;display:block;margin:0 auto}.modal-close{position:absolute;top:1rem;right:1rem;background:red;color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;font-weight:700;cursor:pointer}.modal-close:hover{background:#8b0000}.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 #555;font-size:1rem;text-align:center;transition:all .2s ease;cursor:pointer;color:#aaa;background:#222}#drop-zone:hover{background-color:#333;border-color:#666}.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:#333;border-color:#666}.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:#333!important;border-color:#666!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:#1c1c1c;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:80px;height:100px;border:2px solid #444;cursor:pointer}.thumbnail-entry input[type=checkbox]{width:20px;height:20px}.thumbnail-remove-btn{position:absolute;top:2px;right:2px;color:red;background:#0009;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:#32cd32}.thumbnail-entry.previewing img,.thumbnail-entry:hover img{border-bottom:4px solid dodgerblue}.thumbnail-entry input[type=checkbox]{position:absolute;top:4px;left:4px;z-index:2;background:#111}#preview-pane{position:relative;border:1px solid #444;background:#1c1c1c;padding:1rem;margin-bottom:11rem}#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 white}#preview-meta{text-align:center;color:#bbb;font-size:.9rem;margin:0 0 1rem}#no-preview{text-align:center;color:#888}#preview-select-checkbox-label{display:none;position:absolute;top:1rem;left:1rem;z-index:10;background:#00000080;padding:.25rem;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:2px solid #333;border-bottom:0;border-radius:6px 6px 0 0;gap:.5rem;background:#1c1c1c;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:2px solid #333;border-radius:0}.control-panel.side-panel.extra-padding{padding-bottom:23rem}fieldset{margin-top:1rem;border:1px solid #444;padding:.5rem}footer{margin-top:4rem;padding-top:2rem;border-top:1px solid #333;color:#777;text-align:center;font-size:.9rem}footer a{color:#0ff;text-decoration:underline}