/* Talent Card Studio v6 — production workspace inspired by editorial layout tools.
   Screen UI only. Print geometry stays in talent-card-v5.css. */

@media screen {
  body.talent-card-studio-open{background:#f8f7f3;overflow-x:hidden}
  body.talent-card-studio-open>.site-header{display:none!important}
  body.talent-card-studio-open .app-shell{max-width:none!important;margin:0!important;padding:0!important}
  body.talent-card-studio-open #talentCardView.panel{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#f8f7f3!important;box-shadow:none!important}

  .tc-studio-view{min-height:100vh;color:#161615}
  .tc-studio-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;background:#f8f7f3}
  .tc-studio-sidebar{position:sticky;top:0;height:100vh;padding:34px 18px 24px;border-right:1px solid #dfddd7;background:#fbfaf7;display:flex;flex-direction:column;z-index:20}
  .tc-studio-brand{padding:0 12px 30px;text-decoration:none;font:700 27px/1 Georgia,"Times New Roman",serif;letter-spacing:-.045em}
  .tc-studio-nav{display:grid;gap:4px}
  .tc-studio-nav a,.tc-studio-nav button,.tc-studio-sidebar-bottom>button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#343331;text-decoration:none;text-align:left;font:600 13px/1.25 ui-sans-serif,system-ui,sans-serif;cursor:pointer}
  .tc-studio-nav a span,.tc-studio-nav button span,.tc-studio-sidebar-bottom>button span{width:18px;text-align:center;color:#74716b;font-size:15px}
  .tc-studio-nav a:hover,.tc-studio-nav button:hover,.tc-studio-sidebar-bottom>button:hover{background:#f0eeea}
  .tc-studio-nav .active{background:#eceae6;color:#111;font-weight:750}
  .tc-studio-nav .active span{color:#111}
  .tc-studio-sidebar-bottom{margin-top:auto;display:grid;gap:14px}
  .tc-studio-user{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:14px 10px 0;border-top:1px solid #e2dfd9}
  .tc-studio-user-avatar{width:38px;height:38px;border-radius:50%;background:#dedad2 center/cover no-repeat}
  .tc-studio-user strong{display:block;font-size:12px}.tc-studio-user small{display:block;margin-top:2px;color:#868078;font-size:10px}

  .tc-studio-main{min-width:0;padding:0 30px 38px}
  .tc-studio-topbar{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dedbd5;margin-bottom:22px;padding:18px 8px 15px}
  .tc-studio-topbar h1{margin:0;font:500 clamp(36px,3vw,48px)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.055em;color:#141413}
  .tc-studio-topbar p{margin:10px 0 0;font:650 8px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#8b857d}
  .tc-mobile-back{display:none;border:0;background:none;font-size:22px;padding:0 10px 0 0;cursor:pointer}
  .tc-studio-top-actions{display:flex;gap:18px;align-items:center;color:#111}
  .tc-language{font:750 11px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em}.tc-language i{font-style:normal;color:#bbb5ad;padding:0 6px}
  .tc-studio-top-actions button{border:1px solid #d9d6cf;background:#fff;border-radius:999px;padding:9px 14px;font-weight:700;cursor:pointer}

  .tc-studio-workspace{display:grid;grid-template-columns:minmax(470px,.95fr) minmax(520px,1.08fr);gap:18px;align-items:start;max-width:1400px;margin:0 auto}
  .tc-studio-editor,.tc-live-panel{min-width:0}
  .tc-studio-editor{border:1px solid #dedbd5;background:#fbfaf7}
  .tc-work-section{padding:22px 20px;border-bottom:1px solid #dedbd5}.tc-work-section:last-child{border-bottom:0}
  .tc-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
  .tc-section-head>div:first-child{display:flex;align-items:baseline;gap:8px}.tc-section-head>div:first-child>span,.tc-export-head>div:first-child>span{font:800 10px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.11em}
  .tc-section-head h2,.tc-export-head h2{margin:0;font:800 11px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#171715}
  .tc-section-actions{display:flex;align-items:center;gap:12px;color:#737069;font-size:10px;font-weight:700}
  .tc-section-actions button,.tc-text-action{border:1px solid #d8d5cf;background:#fff;color:#181817;border-radius:7px;padding:9px 12px;font-size:11px;font-weight:750;cursor:pointer}
  .tc-text-action{border:0;background:transparent;padding:6px;text-decoration:underline;text-underline-offset:3px}
  .tc-section-note{margin:11px 0 0;color:#817c74;font-size:10px;line-height:1.5}.tc-section-note-inline{color:#8a857d;font-size:9px;letter-spacing:.08em;text-transform:uppercase}

  .tc-studio-photo-grid{display:grid;grid-template-columns:1.35fr repeat(2,.78fr);grid-template-rows:132px 132px;gap:8px;min-height:272px}
  .tc-photo-tile{position:relative;overflow:hidden;background:#e8e4dc;border:1px solid #dfdbd4;min-width:0;min-height:0}
  .tc-photo-tile:first-child{grid-row:1/3}
  .tc-photo-tile img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--studio-pos,50% 36%);transition:object-position .18s ease}
  .tc-photo-tile.tc-photo-preserve img{object-fit:contain;background:#e9e5de;object-position:50% 50%}
  .tc-photo-badge{position:absolute;left:8px;bottom:8px;padding:5px 7px;border-radius:5px;background:rgba(18,17,16,.86);color:#fff;font-size:8px;font-weight:700;letter-spacing:.04em}
  .tc-photo-tools{position:absolute;right:7px;top:7px;display:flex;gap:4px}
  .tc-photo-tools button{width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(18,17,16,.72);color:#fff;font-size:12px;cursor:pointer;display:grid;place-items:center}
  .tc-photo-add{border:1px dashed #cbc6be;background:#faf9f6;display:grid;place-items:center;align-content:center;gap:5px;color:#77716a;cursor:pointer;min-height:132px}.tc-photo-add strong{font-size:22px;font-weight:400}.tc-photo-add span{font-size:9px;text-align:center;line-height:1.3}
  .tc-photo-empty{grid-column:1/-1;border:1px dashed #cbc6be;background:#faf9f6;display:grid;place-items:center;min-height:180px;color:#77716a;text-align:center;font-size:12px}
  .tc-focus-menu{position:absolute;z-index:5;right:7px;top:41px;width:106px;padding:7px;background:#fff;border:1px solid #d7d3cc;box-shadow:0 10px 30px rgba(20,18,15,.13);display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
  .tc-focus-menu button{aspect-ratio:1;border:1px solid #ddd8d1;background:#f6f3ee;cursor:pointer;padding:0}.tc-focus-menu button:hover,.tc-focus-menu button.selected{background:#171715;border-color:#171715}

  .tc-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .tc-template-grid>button{min-width:0;padding:0 0 10px;border:1px solid #ddd9d2;border-radius:8px;background:#fff;color:#1b1a18;text-align:left;overflow:hidden;cursor:pointer;box-shadow:none;transition:border-color .15s ease,transform .15s ease}
  .tc-template-grid>button:hover{transform:translateY(-1px);border-color:#a9a49c}.tc-template-grid>button.selected{border-color:#111;box-shadow:inset 0 0 0 1px #111}
  .tc-template-grid strong{display:block;padding:8px 8px 0;font:700 10px/1.2 ui-sans-serif,system-ui,sans-serif}.tc-template-grid small{display:block;padding:3px 8px 0;color:#817c74;font-size:8px}
  .tc-template-preview{position:relative;display:block;width:100%;aspect-ratio:.76;background:#eeeae3;overflow:hidden}
  .tc-template-preview span{position:absolute;background:#c9c3ba center/cover no-repeat}
  .tc-template-preview--comp span:nth-child(1){inset:0 48% 0 0}.tc-template-preview--comp span:nth-child(2){left:54%;right:4%;top:5%;height:27%}.tc-template-preview--comp span:nth-child(3){left:54%;right:4%;top:35%;height:27%}.tc-template-preview--comp span:nth-child(4){left:54%;right:4%;top:65%;height:21%}
  .tc-template-preview--classic span:nth-child(1){left:5%;top:6%;width:42%;height:35%}.tc-template-preview--classic span:nth-child(2){right:5%;top:6%;width:42%;height:35%}.tc-template-preview--classic span:nth-child(3){left:5%;right:5%;bottom:5%;height:47%}
  .tc-template-preview--editorial span:nth-child(1){inset:0}.tc-template-preview--editorial:after{content:"MODEL";position:absolute;left:8%;top:10%;font:600 14px/1 Georgia,serif;color:#fff;letter-spacing:-.05em;text-shadow:0 1px 5px rgba(0,0,0,.35)}
  .tc-template-preview--casting span:nth-child(1){left:46%;right:5%;top:5%;height:64%}.tc-template-preview--casting span:nth-child(2){left:5%;width:34%;top:50%;height:19%}.tc-template-preview--casting span:nth-child(3){left:5%;right:5%;bottom:5%;height:21%}

  .tc-studio-details{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
  .tc-studio-detail{display:grid;grid-template-columns:86px 1fr;gap:8px;padding:5px 0;border-bottom:1px solid #eeeae4;font-size:10px;line-height:1.35}
  .tc-studio-detail span{color:#868078}.tc-studio-detail strong{font-weight:650;color:#2a2927;overflow-wrap:anywhere}
  .tc-studio-bio{display:grid;grid-template-columns:86px 1fr;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #dedbd5}.tc-studio-bio>span{color:#868078;font-size:10px}.tc-studio-bio p{margin:0;color:#55514c;font-size:10px;line-height:1.55}

  .tc-live-panel{position:sticky;top:18px;border:1px solid #dedbd5;background:#f2f0eb;padding:17px 17px 0}
  .tc-live-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px 14px;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#5f5b55}.tc-live-head>div{display:flex;align-items:center;gap:7px}.tc-live-head strong{font-size:10px;color:#1b1a18}.tc-live-head b{color:#1c1a18;font-weight:700}.tc-live-dot{width:6px;height:6px;border-radius:50%;background:#46b993;box-shadow:0 0 0 4px rgba(70,185,147,.12)}
  .tc-preview-stage{position:relative;width:100%;min-height:620px;padding:18px;background:#ebe8e2;overflow:hidden;display:block}
  .tc-preview-stage #talentCardPrint{transform-origin:top left!important;margin:0!important}
  .tc-card-message{margin:10px 4px 0;min-height:18px;font-size:10px}

  .tc-export-section{margin:16px -17px 0;padding:18px 17px 17px;border-top:1px solid #d9d5ce;background:#fbfaf7}
  .tc-export-head{margin-bottom:14px}.tc-export-head>div:first-child{display:flex;align-items:baseline;gap:8px}
  .tc-export-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .tc-export-actions button{min-height:46px;border:1px solid #d8d4cd;border-radius:7px;background:#fff;color:#1b1a18;font-size:10px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.tc-export-actions button:hover{border-color:#9f9991}.tc-export-actions button span{font-size:15px}

  /* The preview uses the same A4 document as PDF export, just scaled to its host. */
  #talentCardView #talentCardPrint{box-shadow:0 18px 44px rgba(21,18,14,.12)!important}
}

@media screen and (max-width:1180px){
  .tc-studio-shell{grid-template-columns:190px minmax(0,1fr)}
  .tc-studio-sidebar{padding-left:12px;padding-right:12px}.tc-studio-brand{font-size:23px}
  .tc-studio-main{padding-left:18px;padding-right:18px}
  .tc-studio-workspace{grid-template-columns:minmax(430px,.95fr) minmax(430px,1fr)}
  .tc-studio-photo-grid{grid-template-rows:118px 118px;min-height:244px}
}

@media screen and (max-width:980px){
  body.talent-card-studio-open{background:#fbfaf7}
  .tc-studio-shell{display:block}
  .tc-studio-sidebar{display:none}
  .tc-studio-main{padding:0 14px 34px}
  .tc-studio-topbar{min-height:80px;position:sticky;top:0;z-index:30;background:rgba(251,250,247,.95);backdrop-filter:blur(12px);margin:0 -14px 14px;padding:13px 16px;border-bottom:1px solid #dfdcd6}
  .tc-studio-topbar h1{font-size:31px}.tc-studio-topbar p{font-size:7px;margin-top:7px}.tc-mobile-back{display:inline-block;float:left;margin-top:3px}.tc-studio-top-actions{gap:8px}.tc-language{display:none}.tc-studio-top-actions button{padding:8px 11px;font-size:10px}
  .tc-studio-workspace{display:flex;flex-direction:column;gap:14px;max-width:760px}
  .tc-studio-editor,.tc-live-panel{width:100%}
  .tc-live-panel{position:static;order:2;padding:14px 12px 0}
  .tc-preview-stage{min-height:0;padding:12px}
  .tc-work-section{padding:18px 14px}
  .tc-studio-photo-grid{grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:118px 118px;min-height:244px}
  .tc-template-grid{gap:6px}
  .tc-template-grid strong{font-size:9px;padding-left:6px;padding-right:6px}.tc-template-grid small{display:none}
  .tc-export-section{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
}

@media screen and (max-width:620px){
  .tc-studio-main{padding-left:0;padding-right:0}
  .tc-studio-workspace{gap:10px}
  .tc-studio-editor,.tc-live-panel{border-left:0;border-right:0}
  .tc-studio-topbar{margin-left:0;margin-right:0}
  .tc-studio-photo-grid{grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:104px 104px;min-height:216px;gap:5px}
  .tc-photo-tools button{width:25px;height:25px}.tc-photo-badge{font-size:7px;left:5px;bottom:5px}
  .tc-section-head{gap:8px}.tc-section-actions{gap:7px}.tc-section-actions button{padding:8px 9px}.tc-section-note-inline{display:none}
  .tc-template-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tc-template-preview{aspect-ratio:1.03}.tc-template-grid small{display:block}
  .tc-studio-details{grid-template-columns:1fr 1fr;gap:0 12px}.tc-studio-detail{grid-template-columns:62px 1fr;font-size:9px}.tc-studio-bio{grid-template-columns:62px 1fr}
  .tc-live-head{padding-left:2px;padding-right:2px}.tc-live-head>span{font-size:8px}
  .tc-export-actions{grid-template-columns:1fr}.tc-export-actions button{justify-content:flex-start;padding:0 15px}
}

@media screen and (max-width:390px){
  .tc-studio-topbar h1{font-size:28px}.tc-studio-topbar p{letter-spacing:.23em}
  .tc-studio-photo-grid{grid-template-rows:94px 94px;min-height:196px}
  .tc-studio-details{grid-template-columns:1fr}.tc-studio-detail{grid-template-columns:78px 1fr}
}

@media print{
  .tc-studio-sidebar,.tc-studio-topbar,.tc-studio-editor,.tc-live-head,.tc-card-message,.tc-export-section{display:none!important}
  .tc-studio-shell,.tc-studio-main,.tc-studio-workspace,.tc-live-panel,.tc-preview-stage{display:block!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;min-height:0!important;width:auto!important}
}