.generation-workbench{box-sizing:border-box;max-width:60rem;color:var(--ink,inherit);background:var(--surface,transparent);border:1px solid var(--line,#ddd);border-radius:1.25rem;margin:auto;padding:clamp(1rem,3vw,2rem);font-family:inherit}.generation-workbench label{margin:1rem 0;display:block}.generation-workbench textarea{box-sizing:border-box;width:100%;min-height:8rem;display:block}.generation-workbench input,.generation-workbench video,.generation-workbench audio,.generation-workbench img{max-width:100%}.generation-workbench button{border:1px solid var(--line,#bbb);border-radius:var(--control-radius,.625rem);min-height:2.75rem;margin:.4rem .4rem .4rem 0;padding:.7rem 1rem}.generation-workbench button:disabled{opacity:.5}.generation-workbench :focus-visible{outline:2px solid var(--product-accent,currentColor);outline-offset:3px}.generation-workbench [role=alert]{border:1px solid var(--line,#999);overflow-wrap:anywhere;padding:1rem}.generation-results{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;padding:0;list-style:none;display:grid}.generation-results li{border:1px solid var(--line,#ddd);border-radius:1rem;min-width:0;padding:1rem}.media-workbench-layout{grid-template-columns:minmax(17rem,22rem) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);min-width:0;display:grid}.media-workbench-layout>*{min-width:0}.media-input-summary{gap:1rem;display:grid}.media-input-summary blockquote{color:var(--muted);margin:0;font-size:.875rem;line-height:1.6}.media-task-progress{width:100%;min-width:0}.media-task-title{align-items:center;gap:.75rem;display:flex}.media-task-title output{padding:0;font-weight:500}.media-task-mark{border:1px solid var(--line);width:2rem;height:2rem;color:var(--product-accent);border-radius:50%;flex:none;place-items:center;display:grid}.media-task-steps{color:var(--muted);flex-wrap:wrap;gap:.75rem 1rem;margin:1rem 0 0;padding:0;font-size:.75rem;list-style:none;display:flex}.media-task-steps li{align-items:center;gap:.4rem;display:flex}.media-task-steps li>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;font-size:.625rem;display:grid}.media-task-steps li[data-state=current],.media-task-steps li[data-state=complete]{color:var(--product-accent)}.media-task-steps li[data-state=current]>span{outline:2px solid var(--line);outline-offset:2px}.media-task-elapsed,.media-result-meta{color:var(--muted);font-size:.8125rem}.media-upload-progress{align-items:center;gap:.75rem;margin-top:1rem;font-size:.8125rem;display:flex}.media-upload-progress progress{width:100%;accent-color:var(--product-accent);flex:1}.media-result-buttons{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.media-result-buttons>:first-child{margin:0}@media (max-width:700px){.media-workbench-layout{grid-template-columns:minmax(0,1fr);gap:1.25rem}.media-result-buttons>*{text-align:center;flex:auto}}@media (prefers-reduced-motion:reduce){.media-workbench-layout *,.media-task-progress *{scroll-behavior:auto;transition:none;animation:none}}