.game-studio-upload.studio-portrait-upload{flex-wrap:wrap;align-items:flex-start}.studio-portrait-thumbnail{aspect-ratio:85/72;background:var(--merch-field);border:1px solid var(--merch-line);cursor:pointer;border-radius:12px;flex:none;width:246px;max-width:100%;padding:0;transition:border-color .15s,background-color .15s;display:block;position:relative;overflow:hidden}.studio-portrait-thumbnail[data-empty]{border:2px dotted var(--merch-line);color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.studio-portrait-upload-hint{color:var(--foreground);font:500 13px/1.4 var(--font-body),sans-serif;text-align:center;pointer-events:none;background:#070a06e6;background:lab(2.54461% -1.27361 1.36446/.9);flex-direction:column;gap:2px;padding:10px 12px;display:flex;position:absolute;inset:auto 0 0}.studio-portrait-upload-hint>span+span{color:var(--muted-foreground);font-weight:400}.studio-portrait-thumbnail[data-empty] .studio-portrait-upload-hint{background:0 0;position:static}.studio-portrait-thumbnail>img{object-fit:cover;pointer-events:none}.studio-portrait-thumbnail:not(:disabled):hover{background:#ffffff06}.studio-portrait-thumbnail[data-dragging]{border-color:var(--primary);background:#ffffff0a}.studio-portrait-thumbnail:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.studio-portrait-thumbnail:disabled{cursor:wait}.studio-portrait-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-portrait-tools>[data-slot=button][data-variant=ghost]{height:var(--action-button-height);min-height:var(--action-button-height);padding:var(--action-button-padding);font:750 var(--action-button-font-size)/1.5 var(--font-body),sans-serif}.merch-ui.studio-portrait-dialog{width:min(560px,100vw - 32px)}.studio-portrait-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.studio-portrait-heading>h2{flex:1}.studio-portrait-viewport{aspect-ratio:85/72;background:var(--merch-field);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;margin-top:20px;position:relative;overflow:hidden}.studio-portrait-viewport:active{cursor:grabbing}.studio-portrait-viewport[data-square]{aspect-ratio:1}.studio-portrait-viewport>img{pointer-events:none}.studio-portrait-viewport:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.studio-portrait-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33%,#eff3ed59 33% calc(33% + 1px),#0000 calc(33% + 1px) 66%,#eff3ed59 66% calc(66% + 1px),#0000 calc(66% + 1px)),linear-gradient(#0000 33%,#eff3ed59 33% calc(33% + 1px),#0000 calc(33% + 1px) 66%,#eff3ed59 66% calc(66% + 1px),#0000 calc(66% + 1px));background:linear-gradient(90deg,#0000 33%,lab(95.4854% -2.4147 2.67613/.35) 33% calc(33% + 1px),#0000 calc(33% + 1px) 66%,lab(95.4854% -2.4147 2.67613/.35) 66% calc(66% + 1px),#0000 calc(66% + 1px)),linear-gradient(#0000 33%,lab(95.4854% -2.4147 2.67613/.35) 33% calc(33% + 1px),#0000 calc(33% + 1px) 66%,lab(95.4854% -2.4147 2.67613/.35) 66% calc(66% + 1px),#0000 calc(66% + 1px));position:absolute;inset:0}.studio-portrait-dialog .avatar-crop-zoom input{min-height:44px}@media (max-width:480px){.studio-portrait-thumbnail{width:208px}.game-studio-upload{flex-wrap:wrap}}
