.q-workspace { color:var(--ink); }
.q-workspace .q-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 28px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.q-workspace .q-hero>div { min-width:0; }
.q-workspace .q-eyebrow,.q-workspace .q-kicker { color:var(--muted); font-size:.72rem; font-weight:750; letter-spacing:.1em; }
.q-workspace .q-hero h1 { margin:6px 0; font-size:clamp(1.8rem,3vw,2.5rem); letter-spacing:-.04em; color:var(--ink); }
.q-workspace .q-hero p,.q-workspace .q-empty p { max-width:650px; color:var(--muted); line-height:1.6; }
.q-workspace .q-hero .btn,.q-workspace .btn { min-height:42px; padding:10px 16px; border-radius:9px; font-weight:700; white-space:normal; }
.q-workspace .btn-primary { color:#fff; }
.q-workspace .q-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:18px 0; }
.q-workspace .q-summary>div { display:flex; align-items:center; min-width:0; gap:8px; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--muted); }
.q-workspace .q-summary strong { flex:0 0 auto; color:var(--ink); font-size:1.25rem; }
.q-workspace .q-summary>div>span:last-child { min-width:0; overflow-wrap:anywhere; }
.q-workspace .q-dot { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:var(--muted); }
.q-workspace .q-running { background:#bd8d36; }.q-workspace .q-completed { background:#9b7815; }.q-workspace .q-failed { background:#b45848; }
.q-workspace .q-list { display:grid; gap:14px; }
.q-workspace .q-card { min-width:0; padding:clamp(16px,2.5vw,24px); border:1px solid var(--line); border-radius:15px; background:var(--surface); color:var(--ink); }
.q-workspace .q-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.q-workspace .q-card-title { min-width:0; }
.q-workspace .q-card h2 { margin:5px 0; color:var(--ink); font-size:1.2rem; overflow-wrap:anywhere; }
.q-workspace .q-status { flex:none; padding:6px 10px; border-radius:99px; background:var(--paper); color:var(--ink); font-size:.82rem; font-weight:700; }
.q-workspace .q-status[data-state=running] { background:var(--paper); color:var(--link); }.q-workspace .q-status[data-state=failed] { background:var(--paper); color:var(--muted); }
.q-workspace .q-meta { display:flex; flex-wrap:wrap; gap:7px 14px; padding:9px 0 14px; border-bottom:1px solid var(--line); color:var(--muted); font-size:.88rem; }
.q-workspace .q-meta a,.q-workspace .q-onward a,.q-workspace .q-thumb-download { color:var(--link); font-weight:650; }
.q-workspace .q-message { color:var(--muted); line-height:1.6; }
.q-workspace .q-progress { display:flex; align-items:center; gap:12px; max-width:600px; min-width:0; }
.q-workspace .q-progress progress { flex:1 1 180px; min-width:0; width:100%; height:10px; accent-color:var(--link); }
.q-workspace .job-progress-label { flex:0 0 auto; color:var(--muted); font-size:.88rem; }
.q-workspace .q-complete { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); align-items:center; gap:16px; margin-top:8px; }
.q-workspace .q-video-summary { display:flex; align-items:center; gap:12px; min-width:0; color:var(--muted); }
.q-workspace .q-video-icon { display:grid; place-items:center; flex:0 0 42px; height:42px; border:1px solid var(--line); border-radius:11px; background:var(--paper); color:var(--link); }
.q-workspace .q-complete-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; min-width:0; }
.q-workspace .q-preview-dialog { width:calc(100% - 32px); max-width:900px; }
.q-workspace .q-preview-dialog video { display:block; width:100%; max-height:70vh; border-radius:8px; background:var(--paper); }
.q-workspace .q-preview-dialog .dialog-body { padding:16px; }
.q-workspace .q-thumb-download { display:inline-block; margin-left:12px; }
.q-workspace .q-onward { display:flex; flex-wrap:wrap; gap:14px; margin-top:13px; }
.q-workspace .q-onward a { text-decoration:none; }.q-workspace .q-onward a:hover { text-decoration:underline; }
.q-workspace .q-details { margin:12px 0; color:var(--muted); }.q-workspace .q-details summary { cursor:pointer; font-weight:650; }.q-workspace .q-details p { overflow-wrap:anywhere; font-size:.88rem; }
.q-workspace .q-empty { padding:clamp(32px,7vw,60px) 20px; border:1px dashed var(--line); border-radius:18px; background:var(--surface); text-align:center; }
.q-workspace .q-empty-icon { display:grid; place-items:center; width:46px; height:46px; margin:0 auto 14px; border-radius:14px; background:var(--paper); color:var(--link); }
.q-workspace .q-empty p { margin:0 auto 20px; }.q-workspace .q-poll-note { padding:12px; border-radius:10px; background:var(--surface); color:var(--ink); }
.q-workspace a:focus-visible,.q-workspace button:focus-visible,.q-workspace summary:focus-visible { outline:3px solid var(--link); outline-offset:3px; }
@media(max-width:680px) { .q-workspace .q-hero { align-items:flex-start; flex-direction:column; padding:18px; }.q-workspace .q-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.q-workspace .q-summary>div { gap:6px; padding:10px 8px; }.q-workspace .q-summary strong { font-size:1.1rem; }.q-workspace .q-summary>div>span:last-child { font-size:.82rem; }.q-workspace .q-complete { grid-template-columns:minmax(0,1fr); }.q-workspace .q-complete-actions { gap:9px; }.q-workspace .q-preview-dialog .dialog-body { padding:12px; }.q-workspace .q-progress { flex-wrap:wrap; }.q-workspace .q-progress progress { flex-basis:100%; }.q-workspace .q-thumb-download { margin:0; } }