.klyp-Dropzone{--klyp-DashFrame-color:var(--color-border-strong);--klyp-DashFrame-color-hover:color-mix(in srgb, var(--color-fg-primary) 35%, transparent);--klyp-DashFrame-width:var(--bw-dash);--klyp-Dropzone-plus-width:var(--bw-emphasis);--klyp-Dropzone-bg:var(--color-bg-well);--klyp-Dropzone-bg-hover:var(--color-bg-surface-elevated);--klyp-Dropzone-hatch:color-mix(in srgb, var(--color-fg-primary) 2%, transparent);--klyp-Dropzone-drift:calc(var(--space-12) * 1.41421);--klyp-Dropzone-drift-dur:.9s;justify-content:center;align-items:center;gap:var(--gap-card-inner);cursor:pointer;text-align:center;background-color:var(--klyp-Dropzone-bg);background-image:repeating-linear-gradient(-45deg, transparent 0, transparent var(--space-6), var(--klyp-Dropzone-hatch) var(--space-6), var(--klyp-Dropzone-hatch) var(--space-12));border-radius:var(--r-section);transition:background-color var(--duration-fast) var(--easing-standard);flex-direction:column;display:flex;position:relative}.klyp-Dropzone:focus-visible{outline:var(--bw-default) solid var(--color-ring);outline-offset:2px}.klyp-Dropzone:hover{--klyp-Dropzone-bg:var(--klyp-Dropzone-bg-hover);--klyp-DashFrame-color:var(--klyp-DashFrame-color-hover)}.klyp-Dropzone[data-state=dragover]{--klyp-Dropzone-bg:color-mix(in srgb, var(--color-fg-primary) 6%, var(--klyp-Dropzone-bg-hover));--klyp-DashFrame-color:var(--color-fg-primary);--klyp-Dropzone-hatch:color-mix(in srgb, var(--color-fg-primary) 5%, transparent);animation:klyp-Dropzone-hatch-drift var(--klyp-Dropzone-drift-dur) linear infinite}.klyp-Dropzone[data-state=reject]{--klyp-Dropzone-bg:color-mix(in srgb, var(--color-status-danger) 5%, var(--color-bg-well));--klyp-DashFrame-color:var(--color-status-danger);--klyp-Dropzone-hatch:color-mix(in srgb, var(--color-status-danger) 5%, transparent)}.klyp-Dropzone[data-disabled=true]{pointer-events:none;opacity:var(--opacity-disabled)}.klyp-Dropzone__frame{z-index:0}.klyp-Dropzone__plus{z-index:1;inline-size:var(--icon-size-xs);block-size:var(--icon-size-xs);color:var(--color-fg-on-active-nav);opacity:var(--opacity-40);transition:opacity var(--duration-fast) var(--easing-standard);flex-shrink:0;display:block;position:relative}.klyp-Dropzone__plus:before,.klyp-Dropzone__plus:after{content:"";border-radius:var(--radius-full);background:currentColor;position:absolute}.klyp-Dropzone__plus:before{block-size:var(--klyp-Dropzone-plus-width);inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.klyp-Dropzone__plus:after{inline-size:var(--klyp-Dropzone-plus-width);inset-block:0;inset-inline-start:50%;transform:translate(-50%)}.klyp-Dropzone:hover .klyp-Dropzone__plus,.klyp-Dropzone[data-state=dragover] .klyp-Dropzone__plus{opacity:1}.klyp-Dropzone__icon{z-index:1;inline-size:var(--icon-size-md);block-size:var(--icon-size-md);color:var(--color-fg-on-active-nav);opacity:var(--opacity-40);transition:opacity var(--duration-fast) var(--easing-standard);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.klyp-Dropzone__icon>svg{block-size:100%;inline-size:100%}.klyp-Dropzone:hover .klyp-Dropzone__icon,.klyp-Dropzone[data-state=dragover] .klyp-Dropzone__icon{opacity:1}.klyp-Dropzone__copy{z-index:1;gap:var(--space-2);flex-direction:column;min-inline-size:0;display:flex;position:relative}.klyp-Dropzone__label{font:var(--type-body);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);text-wrap:pretty;margin:0}.klyp-Dropzone__hint{font:var(--type-body-sm);color:var(--color-fg-muted);text-wrap:pretty;margin:0}.klyp-Dropzone__action{z-index:1;margin-block-start:var(--space-4);position:relative}.klyp-Dropzone__live{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.klyp-Dropzone[data-shape=area]{min-block-size:var(--klyp-Dropzone-min-h)}.klyp-Dropzone[data-shape=area][data-size=sm]{--klyp-Dropzone-min-h:var(--space-64);padding:var(--space-12)}.klyp-Dropzone[data-shape=area][data-size=md]{--klyp-Dropzone-min-h:var(--space-96);padding:var(--padding-card)}.klyp-Dropzone[data-shape=area][data-size=lg]{--klyp-Dropzone-min-h:var(--space-128);padding:var(--space-24)}.klyp-Dropzone[data-shape=tile]{aspect-ratio:1;border-radius:var(--r-card);flex:none;align-self:center;place-items:center;gap:0;padding:0;display:grid}.klyp-Dropzone[data-shape=tile][data-size=sm]{inline-size:var(--space-48)}.klyp-Dropzone[data-shape=tile][data-size=md]{inline-size:var(--space-64)}.klyp-Dropzone[data-shape=tile][data-size=lg]{inline-size:var(--space-80)}.klyp-Dropzone[data-shape=tile]:active{transform:scale(.97)}.klyp-Dropzone[data-shape=disc]{aspect-ratio:1;border-radius:var(--radius-full);flex:none;align-self:center;place-items:center;gap:0;padding:0;display:grid}.klyp-Dropzone[data-shape=disc][data-size=sm]{inline-size:var(--space-48)}.klyp-Dropzone[data-shape=disc][data-size=md]{inline-size:var(--space-64)}.klyp-Dropzone[data-shape=disc][data-size=lg]{inline-size:var(--space-80)}.klyp-Dropzone[data-shape=disc]:active{transform:scale(.97)}.klyp-Dropzone[data-shape=bare]{cursor:default;text-align:inherit;background:0 0;border-radius:0;gap:0;padding:0;display:block}.klyp-Dropzone[data-shape=bare]:hover,.klyp-Dropzone[data-shape=bare][data-state=dragover],.klyp-Dropzone[data-shape=bare][data-state=reject]{background:0 0}.klyp-Dropzone[data-hatch=false]{background-image:none}@media (prefers-reduced-motion:reduce){.klyp-Dropzone,.klyp-Dropzone__plus,.klyp-Dropzone__icon{transition-duration:0s}.klyp-Dropzone[data-shape=tile]:active{transform:none}.klyp-Dropzone[data-state=dragover]{animation:none}}@keyframes klyp-Dropzone-hatch-drift{0%{background-position:0 0}to{background-position:var(--klyp-Dropzone-drift) 0}}