.tool-upload-hero{align-items:center}@media (width>=900px){.tool-upload-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.tool-upload-card{gap:calc(var(--spacing) * 3);cursor:pointer;grid-template-columns:minmax(0,1fr);display:grid}.tool-upload-card[hidden]{display:none}.tool-upload-card>.tool-upload-card-stage{border-radius:calc(var(--radius) + 4px);background:color-mix(in oklab, var(--accent) 50%, var(--card));grid-area:1/1;margin:0;position:relative;overflow:hidden}.tool-upload-card-pair{aspect-ratio:4/3;background:var(--card);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid;position:relative}.tool-upload-card-bar{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 4);color:var(--foreground);flex-wrap:wrap;display:flex}@media (width>=900px){.tool-upload-card-bar{inset-inline:0;padding:calc(var(--spacing) * 6);padding-top:calc(var(--spacing) * 12);color:#fff;background:linear-gradient(#0000,#000000b3);flex-wrap:nowrap;position:absolute;bottom:0}}.tool-upload-card>div{display:contents}.tool-upload-card>div>div:first-child{z-index:1;border:2px dashed color-mix(in oklab, var(--primary) 25%, transparent);border-radius:calc(var(--radius) + 4px);background:0 0;grid-area:1/1;min-height:0;padding:0}.tool-upload-card>div>div:first-child:hover{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}.tool-upload-card>div>div:first-child.border-primary{border-color:var(--primary);background:color-mix(in oklab, var(--primary) 8%, transparent)}.tool-upload-card>div>div:first-child>:not(input){display:none}.tool-upload-card:not(:has(>div)){cursor:default}