:root{color:#ededed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;background:#000;min-height:100vh}#root{background:#000;min-height:100vh}.page-center{background:#000;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.password-box{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:260px;display:flex}.password-icon-box{color:#8e8e93;background:#1c1c1e;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pin-input{text-align:center;letter-spacing:.3em;color:#fff;background:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;outline:none;width:100%;height:50px;font-family:-apple-system,monospace;font-size:26px}.pin-input:focus{border-color:#30d158}.error-text{color:#ff453a;font-size:13px}.submit-btn{color:#000;cursor:pointer;background:#30d158;border:none;border-radius:12px;width:100%;height:46px;font-size:16px;font-weight:600;transition:opacity .2s}.submit-btn:disabled{color:#636366;cursor:not-allowed;background:#2c2c2e}.app-viewport{overscroll-behavior-y:none;background:#000;width:100%;min-height:100vh}.sticky-header-panel{z-index:50;-webkit-backdrop-filter:blur(20px);overscroll-behavior-y:none;touch-action:pan-y;background:#000000f0;border-bottom:1px solid #1c1c1e;padding:10px 16px 12px;position:sticky;top:0;box-shadow:0 4px 20px #000c}.sticky-header-inner{flex-direction:column;gap:10px;max-width:520px;margin:0 auto;display:flex}.picker-card{-webkit-user-select:none;user-select:none;touch-action:pan-y;overscroll-behavior:contain;background:#1c1c1e;border:1px solid #2c2c2e;border-radius:16px;padding:0 8px}.wheel-wrapper{justify-content:stretch;align-items:center;width:100%;height:132px;display:flex;position:relative;overflow:hidden}.wheel-selection-indicator{pointer-events:none;z-index:1;background:#ffffff14;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;border-radius:10px;height:44px;position:absolute;top:44px;left:6px;right:6px}.wheel-column{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y;overscroll-behavior:contain;z-index:2;flex-direction:column;flex:1;width:50%;height:132px;display:flex;overflow-y:scroll}.wheel-column::-webkit-scrollbar{display:none}.wheel-align-right{text-align:right;padding-right:28px}.wheel-align-left{text-align:left;padding-left:28px}.wheel-cell{color:#555558;scroll-snap-align:center;cursor:pointer;flex-shrink:0;height:44px;font-size:22px;font-weight:500;line-height:44px;transition:all .12s ease-out}.wheel-cell.selected{color:#fff;font-size:28px;font-weight:700}.wheel-colon{color:#fff;pointer-events:none;z-index:3;height:44px;font-size:24px;font-weight:700;line-height:40px;position:absolute;top:44px;left:50%;transform:translate(-50%)}.action-row{gap:10px;width:100%;display:flex}.action-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;width:50%;height:46px;font-size:14px;font-weight:600;transition:opacity .2s,background-color .2s;display:flex}.upload-btn{color:#fff;background:#1c1c1e;border:1px solid #2c2c2e}.upload-btn:active{background:#2c2c2e}.process-btn{color:#000;background:#30d158}.process-btn:disabled{color:#636366;cursor:not-allowed;background:#2c2c2e}.process-btn:not(:disabled):active{opacity:.8}.batch-bar{align-items:center;gap:10px;width:100%;padding-top:4px;display:flex}.select-all-btn{color:#8e8e93;cursor:pointer;background:#1c1c1e;border:1px solid #2c2c2e;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 14px;font-size:13px;font-weight:500;display:flex}.select-all-btn:active{color:#fff;background:#2c2c2e}.batch-save-btn{color:#fff;cursor:pointer;background:#0a84ff;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;height:40px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex}.batch-save-btn:disabled{color:#636366;cursor:not-allowed;background:#2c2c2e}.batch-save-btn:not(:disabled):active{opacity:.85}.main-content-scroll{max-width:520px;margin:0 auto;padding:16px 16px 80px}.empty-dropzone{cursor:pointer;border:2px dashed #2c2c2e;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;transition:border-color .2s;display:flex}.empty-dropzone:active{border-color:#30d158}.image-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.image-card{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:14px;flex-direction:column;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.image-card.is-selected{border:1.5px solid #30d158}.image-frame{background:#090909;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.card-img{width:100%;height:auto;display:block}.card-center-actions{z-index:10;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-action-pill{-webkit-backdrop-filter:blur(12px);color:#f2f2f7;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#121214d9;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:84px;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:transform .1s,opacity .15s,background-color .15s;display:flex;box-shadow:0 4px 14px #0000008c}.center-action-pill:active{opacity:.8;transform:scale(.95)}.center-action-pill.pill-select{color:#e5e5ea}.center-action-pill.pill-select.is-selected{color:#30d158;background:#102416e6;border-color:#30d15873}.center-action-pill.pill-delete{color:#ff453a;border-color:#ff453a40}.center-action-pill.pill-save{color:#0a84ff;border-color:#0a84ff4d}.toast{-webkit-backdrop-filter:blur(14px);color:#30d158;z-index:100;pointer-events:none;background:#1e1e1ef2;border:1px solid #30d15866;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:600;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #000000b3}.loader{border:3px solid #2c2c2e;border-top-color:#30d158;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}