/* Product layouts extend the shared Studio design system. */
main, section, article, form, .s-app > div, .s-appmain { min-width: 0; }
main section + section { margin-top: var(--space-8); }
.job-grid,.stat-grid,.form-grid { display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); }
.workspace-grid { display:grid;gap:var(--space-4);grid-template-columns:minmax(12rem,.8fr) minmax(20rem,1.5fr) minmax(15rem,1fr) minmax(18rem,1.1fr); }
.workspace-grid > section { margin:0;min-width:0; }
.workspace-grid h2,.workspace-grid h3,.s-card h2 { margin-bottom:var(--space-4); }
.workspace-grid video { width:100%;max-height:28rem;background:var(--surface-2);border-radius:var(--radius-md); }
form label { display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--text); }
form button { margin-top:var(--space-3); }
form input,form select,form textarea { min-width:0;max-width:100%; }
.settings-tabs { display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8); }
.settings-tabs a { padding:var(--space-3);border-radius:var(--radius-md);min-height:44px; }
.settings-tabs [aria-current] { color:var(--accent);background:var(--surface-2); }
.wizard-steps { display:flex;gap:var(--space-3);padding:0;list-style:none;flex-wrap:wrap; }
.wizard-steps li { color:var(--text-muted);padding:var(--space-3);border-bottom:2px solid var(--border); }
.wizard-steps [aria-current] { color:var(--accent);border-color:var(--accent); }
.dropzone { padding:var(--space-10);border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer; }
.dropzone.dragover { border-color:var(--accent);background:var(--surface-2); }
.file-row { display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr) 8rem auto;align-items:center;padding-block:var(--space-3);border-bottom:1px solid var(--border); }
.file-row span { overflow-wrap:anywhere; }
progress { width:100%;height:var(--space-5);accent-color:var(--accent); }
#page-status:not(:empty) { margin-bottom:var(--space-5);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2); }
.error-message { color:var(--error); }
.chat-message { padding:var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);overflow-wrap:anywhere;white-space:pre-wrap; }
#chat-messages { max-height:28rem;overflow-y:auto; }
.transcript,.decision { white-space:pre-wrap;overflow-wrap:anywhere; }
.s-card > a { margin-right:var(--space-3); }
.s-card p { margin-block:var(--space-3); }
dialog { background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);width:min(90vw,30rem); }
dialog::backdrop { background:rgb(0 0 0 / .65); }
dialog h2 { font-size:var(--text-xl); }
dialog .s-row { margin-top:var(--space-5); }
.doc-content { white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7; }
.video-poster { display:block;width:100%;border-radius:var(--radius-lg); }
.youtube-embed { border:0;width:100%;aspect-ratio:16/9; }
.sample-poster { max-height:36rem;object-fit:contain;background:var(--ink-950); }
.hero__video .video-poster { max-height:12.4rem;object-fit:cover;background:var(--ink-950); }
.sample-thumb { width:100%;height:18rem;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0; }
.s-nav--mobile { display:none; }
@media(max-width:1023px) { .s-nav--mobile.is-open { display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:var(--space-4);background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg); }.s-header__actions > .s-btn--ghost:not(.s-burger) { display:none; } }
@media(max-width:1599px) { .workspace-grid { grid-template-columns:1fr 1.5fr; } }
@media(max-width:767px) { .workspace-grid { grid-template-columns:1fr; }.file-row { grid-template-columns:minmax(0,1fr) 6rem; }.file-row button { grid-column:1/-1; }.s-btn,button,summary,select,input:not([type=checkbox]):not([type=radio]),.s-tabbar a { min-height:44px; }.s-appbar { gap:var(--space-2); } }
@media(max-width:1023px) { .s-sidenav.is-open { display:flex;position:fixed;inset:0 auto 0 0;width:min(85vw,20rem);z-index:var(--z-modal);overflow-y:auto;background:var(--bg); }.s-nav--mobile:not(.is-open) { display:none; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important; } }

.auth__aside .s-btn--outline:hover { color: #fff; background: rgb(255 255 255 / .12); border-color: rgb(255 255 255 / .7); }

@media (max-width:1024px){ button,.s-btn,summary,select,input:not([type=checkbox]):not([type=radio]){min-height:44px;} .s-btn,.s-iconbtn{min-width:44px;} }