.token-image-selection{border:1px dashed var(--line);background:var(--card);border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex}.token-image-thumbnail{object-fit:contain;background:var(--bg);border-radius:8px;flex:none;width:72px;height:72px}.token-image-empty{background:var(--card2);width:56px;height:56px;color:var(--fg2);border-radius:14px;flex:none;place-items:center;display:grid}.token-image-selection-body{flex:1;min-width:0}.token-image-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.token-image-actions .act{white-space:nowrap;align-items:center;gap:8px;min-height:44px;display:inline-flex}.token-image-remove{text-underline-offset:4px;min-height:44px;color:var(--fg3);padding:0 8px;font-size:13px;text-decoration:underline}.token-image-hint{color:var(--fg3);margin:8px 0 0;font-size:12px;line-height:1.6}.staking-modal-surface:has(>.token-image-editor){border:1px solid var(--line);border-radius:16px;width:calc(100% - 24px);max-width:480px;max-height:calc(100dvh - 24px);bottom:12px}.token-image-editor{padding:24px}.token-image-editor-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.token-image-editor-heading h2{font-size:24px;line-height:1.3}.token-image-editor-heading p{color:var(--fg3);margin-top:6px;font-size:13px}.token-image-editor-heading>button{background:var(--cardhover);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.token-image-modes{background:var(--bg);border-radius:12px;gap:4px;margin:20px 0 16px;padding:4px;display:flex}.token-image-modes button{border-radius:8px;flex:1;min-height:44px;padding:6px;font-size:13px}.token-image-modes button[aria-pressed=true]{background:var(--cardhover);color:var(--fg)}.token-image-viewport{aspect-ratio:1;touch-action:none;cursor:grab;background:repeating-conic-gradient(#aaa2 0% 25%,transparent 0% 50%) 50% / 16px 16px,var(--bg);outline:1px solid var(--line);border-radius:8px;width:min(100%,320px,42dvh);margin:0 auto;position:relative;overflow:hidden}.token-image-viewport:active{cursor:grabbing}.token-image-viewport:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.token-image-viewport img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.token-image-viewport.is-original{cursor:default;touch-action:auto}.token-image-viewport.is-original img{object-fit:contain;width:100%;height:100%}.token-image-grid{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.333% - .5px),#ffffff38 33.333%,#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff38 66.666%,#0000 calc(66.666% + .5px)),linear-gradient(#0000 calc(33.333% - .5px),#ffffff38 33.333%,#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff38 66.666%,#0000 calc(66.666% + .5px));position:absolute;inset:0}.token-image-zoom{align-items:center;gap:12px;margin-top:8px;font-size:13px;display:flex}.token-image-zoom input{min-width:0;height:44px;accent-color:var(--fg);flex:1}.token-image-zoom button{align-items:center;gap:6px;min-height:44px;display:flex}.token-image-editor-actions{border-top:1px solid var(--line);gap:10px;margin-top:8px;padding-top:16px;display:flex}.token-image-editor-actions .act{white-space:nowrap;flex:1;min-width:0;min-height:48px}.token-image-picker button:disabled{opacity:.45;cursor:not-allowed}@media (width>=640px){.staking-modal-surface:has(>.token-image-editor){bottom:auto}}@media (width<=479px){.token-image-editor{padding:18px}.token-image-selection{align-items:flex-start;gap:12px;padding:14px}.token-image-selection.has-image{flex-wrap:wrap}.token-image-selection.has-image .token-image-selection-body{flex-basis:180px}}