.playground-video{grid-template-columns:minmax(340px,440px) minmax(0,1fr)}.pg-video-scenario .filter-tabs{width:100%}.pg-video-scenario .filter-tabs>button{white-space:normal;flex:1;min-width:0;padding-inline:8px}.pg-video-materials{flex-direction:column;gap:10px;min-width:0;display:flex}.pg-video-materials[hidden]{display:none}.pg-video-materials>button{align-self:flex-start}.pg-video-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pg-video-frame{flex-direction:column;gap:8px;min-width:0;display:flex}.pg-video-frame>.cap{color:var(--text-3)}.pg-video-frame-add,.pg-video-drop{border:1px dashed var(--souz-line-strong);border-radius:var(--r-sm);width:100%;min-height:100px;color:var(--text-2);background:var(--ui-control);font-size:var(--text-cap);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 12px;line-height:1.4;display:flex}.pg-video-frame-add:disabled,.pg-video-drop:disabled{cursor:default}.pg-video-frame-preview{background:var(--surface-2);height:128px;display:grid;position:relative}.pg-video-frame-preview img{-o-object-fit:contain;object-fit:contain;width:100%;height:128px}.pg-video-frame-preview .pg-video-remove{background:var(--ui-panel);color:var(--text-0);position:absolute;top:4px;right:4px}.pg-video-pending{font-size:var(--text-cap);background:var(--ui-panel);padding:4px 8px;position:absolute;bottom:0}.pg-video-material-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pg-video-material-list>li{border-bottom:1px solid var(--souz-line);flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding-block:4px;display:flex}.pg-video-material-thumb{background:var(--ui-control);width:48px;height:48px;color:var(--text-2);flex:0 0 48px;place-items:center;display:grid}.pg-video-material-thumb img,.pg-video-material-thumb video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pg-video-material-info{min-width:0;font-size:var(--text-cap);flex-direction:column;flex:1;gap:4px;display:flex}.pg-video-material-info>span{overflow-wrap:anywhere;color:var(--text-3)}.pg-video-mention{color:var(--text-0);cursor:pointer;text-align:left;background:0 0;border:0;align-self:flex-start;padding:0}.pg-video-formats,.pg-video-limits,.pg-video-prompt-tools{font-size:var(--text-cap);color:var(--text-3);line-height:1.4}.pg-video-limits .field-label{font-size:var(--text-cap);color:var(--text-3);margin:0}.pg-video-material-player{min-width:0;font-size:var(--text-cap);color:var(--text-2);flex-basis:100%}.pg-video-material-player summary{cursor:pointer;padding-block:8px}.pg-video-material-player video,.pg-video-material-player audio{width:100%;max-height:240px}.pg-video-limits,.pg-video-prompt-tools{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.pg-video-link{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.pg-video-link>:first-child,.pg-video-link>p{grid-column:1/-1}.pg-video-prompt{position:relative}.pg-video-mention-toggle{color:var(--text-1);font-size:var(--text-cap);cursor:pointer;background:0 0;border:0;padding:6px 0}.pg-video-mentions{background:var(--ui-control);border:1px solid var(--souz-line);border-radius:var(--r-sm);flex-wrap:wrap;gap:4px;padding:8px;display:flex}.pg-video-mentions button{border-radius:var(--r-sm);min-height:36px;color:var(--text-1);font-size:var(--text-cap);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px;display:flex}.pg-video-mentions button[aria-selected=true]{background:var(--ui-control-hover);color:var(--text-0)}.pg-video-problem{color:var(--text-2);font-size:var(--text-cap);overflow-wrap:anywhere;grid-column:1/-1;margin:0;line-height:1.5}.playground-video .pg-result-actions{flex-wrap:wrap}.pg-video-previous{border-top:1px solid var(--souz-line);color:var(--text-2);font-size:var(--text-cap);padding:16px 24px}.pg-video-previous summary{cursor:pointer;padding-block:8px}.pg-video-previous>video,.pg-video-previous>img{-o-object-fit:contain;object-fit:contain;width:100%;max-height:320px;margin-bottom:12px;display:block}@media (hover:hover){.pg-video-frame-add:hover,.pg-video-drop:hover,.pg-video-drop.is-dragging{border-color:var(--souz-orange);color:var(--text-0)}.pg-video-mention:hover,.pg-video-mention-toggle:hover{text-decoration:underline;-webkit-text-decoration-color:var(--souz-orange);text-decoration-color:var(--souz-orange);text-underline-offset:4px}}@media (max-width:860px){.playground-video{grid-template-columns:1fr}}@media (max-width:760px){.pg-video-prompt textarea{font-size:var(--text-input)}.pg-video-scenario .filter-tabs>button{white-space:normal;min-height:44px}}@media (pointer:coarse){.pg-video-mention,.pg-video-mention-toggle,.pg-video-mentions button{min-height:44px}}.pg-video-workflow{gap:12px}.pg-video-workflow .filter-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid;overflow:visible}.pg-video-workflow .filter-tabs[data-complete=true]{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-video-workflow .filter-tabs>button{white-space:normal;min-width:0;min-height:44px;padding-inline:8px}.pg-video-draft-option{align-items:center;gap:8px;display:flex}.pg-video-draft-result{border-top:1px solid var(--souz-line);gap:12px;padding:20px 24px;display:grid}.pg-video-draft-result>strong{color:var(--text-0);font-weight:500;font-size:var(--text-cap)}.pg-video-draft-result .pg-result-actions{padding:0}.pg-run-kind{color:var(--text-2);font-size:var(--text-cap)}.pg-video-duration{gap:12px}.pg-video-duration>.sf-field{padding:0}.pg-video-composer{flex-direction:column;gap:16px;min-width:0;display:flex}.pg-video-composer .pg-video-materials{min-width:0}.pg-video-collection{border-block:1px solid var(--souz-line);min-width:0}.pg-video-collection+.pg-video-collection{border-top:0;margin-top:-16px}.pg-video-collection>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding-block:14px;list-style:none;display:flex}.pg-video-collection>summary::-webkit-details-marker{display:none}.pg-video-collection>summary .field-label{margin:0}.pg-video-collection[open]>summary>svg{transform:rotate(180deg)}.pg-video-count{color:var(--text-3);margin-left:8px;font-weight:400}.pg-video-collection-body{flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.pg-video-sequence-item{border:1px solid var(--souz-line);border-radius:var(--r-sm);min-width:0;padding:12px}.pg-video-sequence-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pg-video-sequence-head>span{color:var(--text-2);overflow-wrap:anywhere}.pg-video-sequence-head>div{gap:4px;display:flex}.pg-video-sequence-head .icon-button{min-width:32px;min-height:32px}.pg-video-add{justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;display:flex}.pg-video-loop,.pg-video-loop>button{align-items:center;gap:8px;display:flex}.pg-video-loop .field-label{margin:0}.pg-video-motion-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.pg-video-motion-inputs .pg-video-frames{grid-template-columns:minmax(0,1fr)}.pg-video-motion-inputs .pg-video-materials{grid-column:auto}.pg-video-motion-inputs .pg-video-link{grid-template-columns:minmax(0,1fr)}.pg-video-motion-inputs .pg-video-link>*{min-width:0}.pg-video-motion-inputs .pg-video-drop{min-height:128px}@media (pointer:coarse){.pg-video-sequence-head .icon-button{min-width:44px;min-height:44px}}@media (max-width:380px){.pg-video-motion-inputs{grid-template-columns:minmax(0,1fr)}}.pg-video-anchor .sf-fields{grid-template-columns:minmax(0,1fr) 100px;align-items:start}.pg-video-anchor .sf-fields>.sf-field:first-child{grid-column:1}.pg-video-anchor .sf-fields>.sf-field:last-child{grid-column:2}.pg-video-motion .pg-video-frame>.field-label{margin-bottom:0}.pg-video-motion-inputs .pg-video-frame-add{min-height:128px}