#sheet:has(>.sprite-import){width:min(92vw,720px);padding:0;border-radius:12px}.sprite-import{display:flex;flex-direction:column;min-height:0}.import-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px}.import-heading button{display:grid;place-items:center;width:32px;height:32px;padding:0;background:transparent;border:0;border-radius:6px;color:var(--soft)}.import-heading svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.import-body{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:20px;padding:0 18px 18px}.import-preview{height:min(42vh,360px);min-width:0;display:flex;align-items:center;justify-content:center;position:relative;padding:12px 16px 44px;background:var(--bg);border-radius:8px;overflow:hidden}#impPrev{display:block;flex:none;image-rendering:pixelated;background:repeating-conic-gradient(#d7d9dd 0 25%,#f4f4f5 0 50%) 0 0 / 16px 16px}#impInfo{position:absolute;bottom:12px;left:8px;right:8px;font-size:11px;line-height:18px;text-align:center;color:var(--soft);font-variant-numeric:tabular-nums;white-space:nowrap}.import-controls{display:flex;flex-direction:column;gap:22px;min-width:0}.import-modes{display:flex;gap:3px;padding:3px;background:var(--bg);border-radius:8px}.import-modes button{flex:1;min-width:0;min-height:36px;border:0;background:transparent;color:var(--soft);font-size:12px;border-radius:5px;white-space:nowrap}.import-modes button[aria-pressed=true]{background:var(--paper);color:var(--text);box-shadow:0 1px 4px #18203112;font-weight:550}#sheet .import-range{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 8px;color:var(--soft)}.import-range output{font-variant-numeric:tabular-nums;color:var(--text);font-size:12px}#sheet .import-range input{grid-column:1 / -1;width:100%;height:18px;border:0;padding:0;background:transparent;accent-color:var(--accent);touch-action:pan-y}#impPixelOptions{display:flex;flex-direction:column;gap:18px}#impPixelOptions[hidden]{display:none}.import-toggles{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid var(--hair)}#sheet .import-toggles label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:30px;gap:12px}#sheet .import-toggles input{accent-color:var(--accent);width:16px;height:16px;margin:0}#sheet .import-palette{display:flex;flex-direction:row;gap:8px;align-items:center;min-height:24px;font-size:11px}#sheet .import-palette input{margin:0;width:15px;height:15px;accent-color:var(--accent)}#sheet .sprite-import .acts{padding:12px 18px;border-top:1px solid var(--hair);gap:8px}#sheet .sprite-import .acts button{height:38px;min-width:76px;border-radius:7px}#sheet .sprite-import .acts button:disabled{opacity:.45;cursor:default}@media(max-width:620px){#sheet:has(>.sprite-import){width:min(92vw,440px);max-height:calc(100dvh - 24px)}.import-heading{padding:10px 14px 8px}.import-body{grid-template-columns:minmax(0,1fr);gap:14px;padding:0 14px 14px}.import-preview{height:min(27vh,240px)}.import-controls,#impPixelOptions{gap:14px}.import-toggles{flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}#sheet .import-toggles label{gap:6px}#sheet .sprite-import .acts{padding:10px 14px}}
