/* Shared bounded import/crop dialog: ordinary account pages and immersive wheel. */
.image-import{box-sizing:border-box;color:#f5f7fb;background:#101722;border:1px solid #ffffff24;border-radius:22px;width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;overflow:auto;box-shadow:0 30px 120px #000b;font:14px/1.5 Inter,system-ui,sans-serif;overscroll-behavior:contain}
.image-import::backdrop{background:#02050bd9;backdrop-filter:blur(8px)}
.image-import *{box-sizing:border-box;min-width:0}.image-import h2{margin:0 0 8px;font-size:22px;line-height:1.2;letter-spacing:-.03em}.image-import p{color:#a4afc0;margin:0 0 16px}.image-import__notice{font-size:12px}.image-import__list{display:grid;gap:10px}.image-import__row{display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;background:#ffffff05;border:1px solid #ffffff12;border-radius:13px}.image-import__row img{width:54px;height:54px;object-fit:contain;border-radius:8px;background:repeating-conic-gradient(#ffffff14 0 25%,transparent 0 50%) 50%/12px 12px}.image-import__row strong{display:block;overflow-wrap:anywhere;font-size:13px}.image-import__row small{display:block;color:#96a2b5;overflow-wrap:anywhere;font-size:11px}.image-import__row[data-state=error]{border-color:#ff718852}.image-import__row[data-state=error] small{color:#ffa2b2}.image-import__row[data-state=success] small{color:#90dfae}
.image-import button{appearance:none;font:inherit;font-weight:650;font-size:12px;padding:9px 12px;min-height:40px;border-radius:10px;background:#ffffff09;border:1px solid #ffffff20;color:inherit;cursor:pointer}.image-import button:hover:not(:disabled){background:#ffffff14}.image-import button:focus-visible,.image-import canvas:focus-visible{outline:2px solid var(--accent,#248cff);outline-offset:3px}.image-import button:disabled{opacity:.45;cursor:default}.image-import__actions{display:flex;gap:10px;justify-content:flex-end;position:sticky;bottom:-24px;background:#101722;padding:16px 0;margin-top:8px;z-index:2}.image-import__actions button:last-child{background:var(--accent,#248cff);color:var(--accent-ink,#061426);border-color:transparent}.image-import__status{margin:12px 0!important;font-size:12px}.image-import--crop{width:min(640px,calc(100vw - 24px))}.image-import--crop canvas{display:block;max-width:100%;width:auto;max-height:48dvh;margin:14px auto;touch-action:none;background:repeating-conic-gradient(#ffffff14 0 25%,transparent 0 50%) 50%/16px 16px;border-radius:8px}.image-import--crop input[type=range]{width:100%;accent-color:var(--accent,#248cff)}.image-import__aspects{display:flex;flex-wrap:wrap;gap:6px}.image-import__aspects [aria-pressed=true]{border-color:var(--accent,#248cff);background:#ffffff18}
@media(max-width:520px){.image-import{padding:16px;border-radius:18px}.image-import__row{grid-template-columns:44px minmax(0,1fr) auto;gap:8px}.image-import__row img{width:44px;height:44px;grid-row:span 2}.image-import__row>div{grid-column:2/-1}.image-import__row>button{min-height:42px}.image-import__actions{bottom:-16px;padding-block:12px}.image-import h2{font-size:19px}.image-import__aspects button{flex:1;padding-inline:6px;font-size:11px}}