/* Tin v2 Studio. Uses the active theme; Video/WanStudio keeps its own layout. */
.studio-workspace:not([data-studio-view="video"]) { --studio-space:24px; }
.studio-workspace .studio-tabs { display:flex;flex-wrap:wrap;gap:6px; }
.studio-workspace label { letter-spacing:0;text-transform:none; }
.studio-workspace .studio-tabs .st-tab { min-height:36px;font-size:12px;letter-spacing:0; }
.studio-workspace>.section-title { justify-content:flex-start;gap:14px; }
.studio-location { color:var(--ink-dim);font:500 13px var(--ui-font,system-ui);border-left:1px solid var(--rule);padding-left:14px; }
.studio-navigation { display:flex;flex-wrap:wrap;gap:16px 24px;border-bottom:1px solid var(--rule);padding:4px 0 18px;margin-bottom:24px; }
.studio-nav-group { min-width:0;display:grid;align-content:start;gap:7px; }
.studio-nav-label { color:var(--ink-dim);font:500 11px/1.5 var(--ui-font,system-ui); }
.studio-navigation .st-tab[aria-current="page"] { box-shadow:inset 0 -2px 0 var(--signal); }
.studio-start-list { display:grid;border-top:1px solid var(--rule);margin:0 0 24px; }
.studio-workspace .studio-start-action { display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px 4px;text-align:left;border:0;border-bottom:1px solid var(--rule);border-radius:0;white-space:normal; }
.studio-start-action>span:first-child { display:grid;gap:5px;min-width:0; }
.studio-start-action strong { color:var(--ink);font:600 14px/1.5 var(--ui-font,system-ui); }
.studio-start-action span span { color:var(--ink-dim);font:400 12px/1.5 var(--ui-font,system-ui); }
.studio-start-action>span:last-child { color:var(--signal);font-size:20px;flex-shrink:0; }
.studio-start-action:hover { background:var(--paper-3); }
.studio-workspace #stNotice:empty { display:none; }
.studio-workspace #stNotice:not(:empty) { padding:12px 14px;border-left:3px solid var(--signal);background:var(--paper-3);overflow-wrap:anywhere; }
.studio-section-head { display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0; }
.studio-section-head h3 { margin:4px 0 8px;font:650 22px/1.25 var(--ui-font,system-ui);letter-spacing:0; }
.studio-section-head p { margin:6px 0; }
.studio-eyebrow { font:600 10px/1.5 var(--ui-font,system-ui);letter-spacing:0;color:var(--ink-dim); }
.studio-platform-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.studio-platform { border:1px solid var(--rule);border-radius:8px;padding:20px;min-width:0;background:var(--paper-2); }
.studio-platform header { display:flex;gap:12px;align-items:center;margin-bottom:16px; }
.studio-platform h4 { font:650 16px/1.3 var(--ui-font,system-ui);margin:0 0 4px;letter-spacing:0; }
.studio-platform-mark { display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--rule-bright);border-radius:8px;font:700 14px var(--ui-font,system-ui);background:var(--paper);color:var(--ink); }
.studio-platform-mark[data-platform="youtube"] { color:#e16b6b; }
.studio-platform-mark[data-platform="facebook"] { color:#72a4ed; }
.studio-platform-mark[data-platform="instagram"] { color:#db85ad; }
.studio-platform-mark[data-platform="tiktok"] { color:#61bab6; }
.studio-connection-badge { font:12px/1.4 var(--ui-font,system-ui);color:var(--ink-dim); }
.studio-connection-badge[data-connected="true"] { color:var(--signal); }
.studio-platform-setup { margin-top:18px;border-top:1px solid var(--rule);padding-top:14px; }
.studio-workspace summary { cursor:pointer;line-height:1.5; }
.studio-platform-setup ol { padding-left:20px;line-height:1.65;font-size:12px;color:var(--ink-dim); }
.studio-platform-setup li+li { margin-top:12px; }
.studio-copy-row { display:flex;align-items:center;gap:8px;margin-top:8px; }
.studio-copy-row code { overflow-wrap:anywhere;min-width:0;font-size:11px; }
.studio-social-form,.studio-post-options { display:grid;gap:14px;min-width:0;margin-top:16px; }
.studio-social-form label,.studio-post-options label { display:grid;gap:7px;font:500 12px/1.5 var(--ui-font,system-ui); }
.studio-workspace .studio-approval { display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;font:400 12px/1.6 var(--ui-font,system-ui); }
.studio-workspace .studio-approval input { flex:0 0 17px;width:17px;height:17px;margin:2px 0 0; }
.studio-workspace .studio-approval a { display:inline; }
.studio-social-form input,.studio-post-options input,.studio-post-options select { width:100%;box-sizing:border-box;min-width:0; }
.studio-connected-account { border-top:1px solid var(--rule);margin-top:20px;padding-top:18px;overflow-wrap:anywhere; }
.studio-account-metrics { display:flex;flex-wrap:wrap;gap:24px;margin:14px 0; }
.studio-account-metrics dt { color:var(--ink-dim);font:12px var(--ui-font,system-ui);text-transform:capitalize; }
.studio-account-metrics dd { margin:6px 0 0;font:600 22px var(--ui-font,system-ui);font-variant-numeric:tabular-nums; }
.studio-automation-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--rule);padding-block:20px;margin-bottom:20px; }
.studio-automation-metrics>div { display:flex;flex-direction:column;gap:8px;padding-inline:20px;border-left:1px solid var(--rule); }
.studio-automation-metrics>div:first-child { padding-left:0;border-left:0; }
.studio-automation-metrics span { font:12px var(--ui-font,system-ui);color:var(--ink-dim); }
.studio-automation-metrics strong { font:600 28px var(--ui-font,system-ui);font-variant-numeric:tabular-nums; }
.studio-run-state { font:500 12px var(--ui-font,system-ui);white-space:normal;color:var(--ink-dim); }
.studio-run-state::before { content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ink-faint);margin-right:8px; }
.studio-run-state[data-running="true"]::before { background:var(--signal); }
.studio-run-toolbar { display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;margin:0 0 24px; }
.studio-run-toolbar p { max-width:400px;margin:0; }
.studio-publishing-layout { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:32px;margin-block:24px; }
.studio-composer,.studio-job-feed { min-width:0; }
.studio-job-feed { border-left:1px solid var(--rule);padding-left:24px; }
.studio-composer .studio-new { display:grid;gap:16px;border:0;background:transparent;padding:0; }
.studio-composer h3,.studio-job-feed h3 { font:600 16px var(--ui-font,system-ui);margin:0 0 18px; }
.studio-composer label { min-width:0;display:grid;gap:8px; }
.studio-composer textarea { resize:vertical;min-height:140px;width:100%;box-sizing:border-box; }
.studio-composer :is(input:not([type="checkbox"]),select) { width:100%;min-width:0;box-sizing:border-box; }
.studio-composer [type="submit"] { min-height:42px;justify-self:start; }
.studio-video-source { display:grid;gap:16px;min-width:0; }.studio-video-source[hidden],#stWanPicker[hidden] { display:none; }
.studio-composer [hidden] { display:none; }
#stWanPicker { display:grid;gap:12px;padding:16px 0;border-block:1px solid var(--rule);min-width:0; }
#stWanStatus { overflow-wrap:anywhere;margin:0; }#stWanPreview { justify-self:start; }
.studio-check-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.studio-job-feed .studio-list { max-height:620px;overflow-y:auto;scrollbar-width:thin; }
.studio-job-feed .studio-job { background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:0 0 18px;margin:0 0 18px;overflow-wrap:anywhere; }
.studio-job .status-pill { text-transform:none;letter-spacing:0;white-space:normal; }
.studio-job[data-job-state="awaiting-review"] { border-left:2px solid var(--signal);padding-left:12px; }
.studio-job p { font:13px/1.6 var(--ui-font,system-ui); }
.studio-job summary { font-size:11px;color:var(--ink-dim); }
.studio-inline-note { border-left:3px solid var(--signal);padding:12px 16px;margin:20px 0;background:var(--paper-3);line-height:1.6; }
.studio-workspace a { color:var(--signal);text-underline-offset:3px; }
.studio-workspace :is(button,a,summary,input,select,textarea):focus-visible { outline:2px solid var(--signal);outline-offset:3px; }
.studio-workspace :is(.studio-setup,.studio-storage) { border-radius:0;box-shadow:none; }
@media (prefers-reduced-motion:no-preference) {
  .studio-platform,.studio-publishing-layout,.studio-automation-metrics { animation:studio-enter 180ms ease-out both; }
  .studio-platform:nth-child(2) { animation-delay:35ms; }.studio-platform:nth-child(3) { animation-delay:70ms; }.studio-platform:nth-child(4) { animation-delay:105ms; }
  .studio-platform { transition:border-color 160ms ease; }.studio-platform:hover { border-color:var(--rule-bright); }
  @keyframes studio-enter { from { opacity:0;transform:translateY(5px); } to { opacity:1;transform:none; } }
}
:root[data-motion="off"] :is(.studio-platform,.studio-publishing-layout,.studio-automation-metrics) { animation:none;transition:none; }
@media(max-width:1050px) { .studio-publishing-layout { grid-template-columns:1fr; }.studio-job-feed { border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:24px; } }
@media(max-width:720px) {
  .studio-navigation { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px; }.studio-navigation .studio-tabs { flex-direction:column;align-items:stretch; }.studio-navigation .st-tab { text-align:left;min-height:40px; }.studio-nav-label { overflow-wrap:anywhere; }
  .studio-platform-grid { grid-template-columns:1fr; }.studio-platform { padding:16px; }
  .studio-section-head { align-items:flex-start;flex-direction:column;gap:12px; }.studio-section-head h3 { font-size:20px; }
  .studio-automation-metrics { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0; }.studio-automation-metrics>div:nth-child(3) { border-left:0;padding-left:0; }
  .studio-check-grid { grid-template-columns:1fr; }.studio-workspace .studio-tabs { gap:4px; }.studio-workspace .studio-tabs .st-tab { padding:8px; }
  .studio-copy-row { flex-wrap:wrap; }.studio-publishing-layout { gap:24px; }
}
.studio-workspace [hidden] { display:none !important; }
.st-calendar { border-top:1px solid var(--rule);margin-top:28px;padding-top:24px; }
.st-calendar .studio-card-head { flex-wrap:wrap;gap:12px; }
.st-calendar-grid { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:16px 0; }
.st-calendar-weekday { text-align:center;font-size:12px;padding:8px 0; }
.st-calendar-day { display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-width:0;min-height:72px;padding:10px;border:1px solid var(--rule);border-radius:4px;background:transparent;color:inherit;text-align:left;transition:background .15s ease; }
.st-calendar-day[aria-pressed="true"] { outline:2px solid currentColor;outline-offset:-2px; }
.st-calendar-day[aria-current="date"]>span { font-weight:800;text-decoration:underline;text-underline-offset:4px; }
.st-calendar-day[data-outside="true"] { opacity:.55; }
.st-calendar-day small { font-size:11px; }
.st-calendar-timeline { list-style:none;padding:0;margin:16px 0; }
.st-calendar-timeline>li { display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;border-top:1px solid var(--rule);padding:16px 0;overflow-wrap:anywhere; }
.st-calendar-timeline label { display:grid;gap:6px; }
.st-calendar-timeline input { min-width:0;max-width:100%; }
@media(max-width:600px) {
  .st-calendar-day { min-height:58px;padding:7px; }.st-calendar-count-label { display:none; }
  .st-calendar-timeline>li { grid-template-columns:1fr;gap:8px; }
  .st-calendar .studio-actions { flex-wrap:wrap; }.st-calendar .studio-actions strong { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .st-calendar-day { transition:none; } }