:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.image-item{position:relative}.image-item.dragging{opacity:var(--opacity-dragging)}.image-item img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}.image-item-drag-handle{height:var(--grab-height);width:var(--grab-width);position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:var(--z-index-drag-handle);touch-action:none;background:var(--color-drag-handle-bg);display:flex;align-items:center;justify-content:center;color:var(--color-drag-handle-text);transition:all .2s}.image-item-overlay{position:absolute;inset:0;background:var(--color-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-overlay);cursor:pointer;animation:fadeIn .2s ease-in-out}.image-item-remove-button{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-btn-primary-text);background:none;border:none;border-radius:var(--border-radius-pill);cursor:pointer;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);pointer-events:auto;transition:all .2s}.image-item-remove-button:active{opacity:var(--opacity-active)}.image-item-remove-button .icon{display:flex;align-items:center;justify-content:center;height:var(--button-height);width:var(--button-width);background:var(--color-btn-remove-bg);color:var(--color-btn-remove-text);border:none;border-radius:var(--border-radius-pill)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-bg-app);color:var(--color-text-primary);overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;overflow-y:auto;align-items:center;justify-content:center;display:flex}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:var(--opacity-empty-state)}.image-list{width:100%;height:auto;aspect-ratio:var(--aspect-ratio);background:var(--color-bg-canvas);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--image-gap)}.footer{padding:var(--spacing-sm);padding-bottom:var(--spacing-lg);display:flex;justify-content:space-between}.button-group{display:flex;gap:var(--spacing-sm);margin:0 auto}.button{flex:1;border:none;border-radius:var(--border-radius-pill);cursor:pointer;transition:all .2s;height:var(--button-height);width:var(--button-width);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-decoration:none;background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.button:active{opacity:var(--opacity-active)}.success-overlay{position:fixed;inset:0;background:var(--color-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}.success-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);color:var(--color-status-success);animation:fadeIn .3s ease-in}.success-content p{font-size:1rem}.fail-overlay{position:fixed;inset:0;background:var(--color-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}.fail-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);color:var(--color-status-error);animation:fadeIn .3s ease-in}.fail-content p{font-size:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}