.clr{min-height:44px;color:var(--heading);justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;font-weight:700;display:flex}
.idp{gap:12px;min-width:0;display:grid}.idp-input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.idp-zone{border:2px dashed color-mix(in srgb, var(--tl) 40%, var(--border));background:color-mix(in srgb, var(--tl) 5%, var(--surface));text-align:center;cursor:pointer;border-radius:20px;align-content:center;justify-items:center;gap:6px;min-height:300px;padding:24px 16px;transition:border-color .16s,background-color .16s,transform .16s ease-out;display:grid;position:relative}.idp-zone:active{transform:scale(.99)}.idp[data-over] .idp-zone,.idp-input:focus-visible+.idp-zone{border-color:var(--tl);background:color-mix(in srgb, var(--tl) 12%, var(--surface))}.idp-input:focus-visible+.idp-zone{outline:2px solid var(--tl);outline-offset:3px}.idp-icon{background:var(--tl);color:#fff;width:56px;height:56px;box-shadow:0 12px 24px -12px var(--tl);border-radius:18px;place-items:center;margin-bottom:4px;display:grid}.idp-zone b{color:var(--heading);font-size:17px}.idp-tap{color:var(--tl);font-size:14px;font-weight:600}.idp-zone small{color:var(--muted,#64748b);font-size:12.5px}.idp-preview{background:repeating-conic-gradient(var(--surface-alt,#f1f5f9) 0% 25%, var(--surface) 0% 50%) 50% / 20px 20px;outline-offset:-2px;border-radius:20px;outline:2px dashed #0000;place-items:center;min-height:260px;padding:12px;transition:outline-color .16s;display:grid}.idp[data-over] .idp-preview{outline-color:var(--tl)}.idp-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.idp-chosen{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;color:var(--muted,#64748b);font-size:12.5px}@media (prefers-reduced-motion:reduce){.idp-zone{transition:none}}