/* Talent Card Studio v7 — true mobile steps + compact crop editor. */
@media screen {
  .tc-mobile-steps{display:none}
  .tc-photo-tile img{transform:scale(var(--studio-zoom,1));transform-origin:var(--studio-pos,50% 38%)}
  .tc-crop-editor{width:230px!important;right:6px!important;top:42px!important;padding:12px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .tc-crop-editor>strong{font:750 11px/1.2 ui-sans-serif,system-ui,sans-serif;color:#1a1917}
  .tc-crop-range{display:grid;grid-template-columns:68px 1fr;gap:10px;align-items:center;font:650 9px/1.2 ui-sans-serif,system-ui,sans-serif;color:#716b64}
  .tc-crop-range input{width:100%;accent-color:#171715}
  .tc-crop-reset{justify-self:start;border:0!important;background:transparent!important;color:#171715!important;width:auto!important;height:auto!important;border-radius:0!important;text-decoration:underline;text-underline-offset:3px;font-size:9px!important;padding:0!important}
}

@media screen and (max-width:620px){
  body.talent-card-studio-open{padding-bottom:0}
  .tc-studio-topbar{margin-bottom:0!important}
  .tc-mobile-steps{display:grid;grid-template-columns:repeat(4,1fr);position:sticky;top:80px;z-index:28;background:rgba(251,250,247,.97);backdrop-filter:blur(12px);border-bottom:1px solid #ddd9d2;padding:0 8px}
  .tc-mobile-steps button{min-height:48px;border:0;background:transparent;color:#8c867e;font:700 9px/1 ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;gap:5px;border-bottom:2px solid transparent}
  .tc-mobile-steps button span{font-size:8px}
  .tc-mobile-steps button.active{color:#171715;border-bottom-color:#171715}
  #talentCardView[data-mobile-step] [data-tc-mobile-panel]{display:none!important}
  #talentCardView[data-mobile-step="photos"] [data-tc-mobile-panel="photos"],
  #talentCardView[data-mobile-step="style"] [data-tc-mobile-panel="style"],
  #talentCardView[data-mobile-step="details"] [data-tc-mobile-panel="details"],
  #talentCardView[data-mobile-step="preview"] [data-tc-mobile-panel="preview"]{display:block!important}
  #talentCardView[data-mobile-step="preview"] .tc-studio-editor{display:none!important}
  #talentCardView:not([data-mobile-step="preview"]) .tc-live-panel{display:none!important}
  .tc-studio-workspace{display:block!important;max-width:none!important}
  .tc-studio-editor{width:100%!important;border-top:0!important}
  .tc-work-section{min-height:calc(100dvh - 132px);border-bottom:0!important;padding:18px 14px 28px!important}
  .tc-photo-section{min-height:auto!important}
  .tc-studio-photo-grid{grid-template-columns:1.18fr 1fr;grid-template-rows:154px 118px 118px;min-height:398px;gap:6px}
  .tc-photo-tile:first-child{grid-row:1/3}
  .tc-photo-tile:nth-child(4){grid-column:1;grid-row:3}
  .tc-photo-add{grid-column:2;grid-row:3;min-height:118px}
  .tc-section-note{font-size:11px;line-height:1.45;margin-top:12px}
  .tc-template-section{overflow:hidden}
  .tc-template-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:2px 14px 14px 0;margin-right:-14px;scrollbar-width:none}
  .tc-template-grid::-webkit-scrollbar{display:none}
  .tc-template-grid>button{flex:0 0 min(78vw,310px);scroll-snap-align:start;border-radius:4px!important}
  .tc-template-preview{aspect-ratio:.78!important}
  .tc-template-grid strong{font-size:12px!important;padding:10px 10px 0!important}.tc-template-grid small{display:block!important;font-size:9px!important;padding:4px 10px 10px!important}
  .tc-details-section .tc-section-head{position:sticky;top:128px;background:#fbfaf7;padding:4px 0 8px;z-index:2}
  .tc-studio-details{grid-template-columns:1fr!important;gap:0!important}
  .tc-studio-detail{grid-template-columns:100px 1fr!important;font-size:11px!important;padding:8px 0!important}
  .tc-studio-bio{grid-template-columns:100px 1fr!important}.tc-studio-bio p,.tc-studio-bio>span{font-size:11px!important}
  .tc-live-panel{position:static!important;width:100%!important;padding:10px 8px 0!important;border:0!important;background:#efede8!important}
  .tc-live-head{padding:4px 4px 10px!important}
  .tc-preview-stage{padding:6px!important;background:#e9e6df!important}
  .tc-export-section{position:sticky;bottom:0;z-index:20;margin:10px -8px 0!important;padding:10px 8px calc(10px + env(safe-area-inset-bottom))!important;background:rgba(251,250,247,.97)!important;backdrop-filter:blur(12px)}
  .tc-export-head{display:none!important}
  .tc-export-actions{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
  .tc-export-actions button{min-height:48px!important;justify-content:center!important;padding:4px!important;font-size:9px!important;line-height:1.15!important;flex-direction:column!important;gap:3px!important}
  .tc-export-actions button span{font-size:15px!important}
  .tc-card-message{font-size:9px;margin:7px 4px 0}
  .tc-crop-editor{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:16px!important;width:auto!important;z-index:80!important;padding:16px!important;border-radius:10px!important;box-shadow:0 20px 60px rgba(0,0,0,.28)!important}
}

@media screen and (max-width:390px){
  .tc-mobile-steps{top:76px}
  .tc-mobile-steps button{font-size:8px;gap:3px}
  .tc-studio-photo-grid{grid-template-rows:142px 106px 106px;min-height:366px}
  .tc-photo-add{min-height:106px}
}