@layer components{.dropzone{cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23b7becc' stroke-dasharray='6, 10' stroke-linecap='square' stroke-width='2' rx='10' ry='10'/%3E%3C/svg%3E");border-radius:10px;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.dropzone--disabled .dropzone__icon,.dropzone--disabled .dropzone__label{color:var(--color-content-disabled-primary)}.dropzone:hover:not(.dropzone--disabled):not(.dropzone--accent){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%230d0f15' stroke-dasharray='6, 10' stroke-linecap='square' stroke-width='3' rx='10' ry='10'/%3E%3C/svg%3E")}.dropzone--accent:hover:not(.dropzone--disabled){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%2368a6e8' stroke-dasharray='6, 10' stroke-linecap='square' stroke-width='3' rx='10' ry='10'/%3E%3C/svg%3E")}.dropzone:focus-visible{outline:2px solid var(--color-content-main-muted);outline-offset:2px}.dropzone--dragging{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%230d0f15' stroke-dasharray='6, 10' stroke-linecap='square' stroke-width='3' rx='10' ry='10'/%3E%3C/svg%3E")}.dropzone--accent.dropzone--dragging{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%2368a6e8' stroke-dasharray='6, 10' stroke-linecap='square' stroke-width='3' rx='10' ry='10'/%3E%3C/svg%3E")}.dropzone--disabled{cursor:not-allowed}.dropzone--small{min-height:calc(var(--spacing) * 28);padding:var(--component-card-sm-padding)}.dropzone--medium{min-height:calc(var(--spacing) * 32);padding:var(--component-card-md-padding)}.dropzone--large{min-height:calc(var(--spacing) * 40);padding:var(--component-card-lg-padding)}.dropzone__icon,.dropzone__loading-icon{color:var(--color-content-main-muted);flex-shrink:0}.dropzone__label{color:var(--color-content-main-subtle);font-family:var(--typography-body-font-family);font-size:var(--typography-body-font-size-b2);font-weight:var(--typography-body-weight-sm);line-height:var(--typography-body-line-height-b2)}.dropzone--small .dropzone__action-button{margin:var(--component-card-sm-padding)}.dropzone--medium .dropzone__action-button{margin:var(--component-card-md-padding)}.dropzone--large .dropzone__action-button{margin:var(--component-card-lg-padding)}.dropzone__input{display:none}}