/* finesse · register=product · A=existing-yellow-neutral · B=PIKA-UI · C=result-stream-composer · D=CSS-state-feedback · E=video-workspace · SOUL=6 SPECTACLE=2 DENSITY=6 */
.vw-workbench .vw-toolbar-space{flex:1}
/* Center the video composer with breathing room; wrap controls by available width. */
.vw-workbench .iw-composer-wrap{left:0;right:0;width:84%;max-width:880px}
.vw-workbench .iw-toolbar .iw-setting-buttons{flex:1;flex-wrap:wrap;overflow:visible}
.vw-workbench .iw-toolbar .vw-toolbar-space{display:none}
.vw-workbench .iw-material-scroll{overflow-x:auto}
.vw-workbench .iw-product-grid{min-width:570px}

@media(max-width:700px){.vw-workbench .iw-composer-wrap{width:calc(100% - 20px)}}
.vw-workbench .iw-run-actions svg{width:16px;height:16px}
/* Truncate only the displayed reference, leaving the saved token intact. */
.vw-workbench .rp-editor .rp-mention{display:inline-block;max-width:calc(100% / 3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom}
.vw-workbench .iw-save{display:inline-flex;flex-shrink:0;gap:6px}
.vw-workbench .iw-save:disabled{opacity:1;cursor:default}
.vw-workbench .iw-save-dot{display:block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#36834f}
.vw-workbench .iw-save[data-save-status=saving] .iw-save-dot{background:#d5a300}
.vw-workbench .iw-save[data-save-status=error] .iw-save-dot{background:#c13f38}
.vw-compact{display:flex;align-items:center;gap:16px}
.vw-compact .iw-compact-open{flex:1;min-width:0;padding-left:0}
.vw-workbench .vw-settings{position:fixed;right:auto;z-index:20}
.vw-settings h2{font-size:14px;color:var(--iw-muted);margin:0}
.vw-settings .iw-ratios{grid-template-columns:repeat(6,minmax(0,1fr))}
.vw-workbench .vw-settings .resource-filter-options button,.vw-workbench .vw-settings[aria-label="输出规格"] .iw-choices button{font-size:12px;font-weight:400}
.vw-workbench .vw-settings .vw-duration-number,.vw-workbench .vw-settings .vw-duration-number input{font-size:12px;font-weight:400}
.vw-settings input:focus-visible{outline:2px solid var(--iw-ink);outline-offset:3px}
.vw-workbench .iw-popover:has(.vw-duration){padding-block:12px}
.vw-workbench .iw-popover:has(.vw-duration) h2{font-size:10px;font-weight:400}
.vw-duration{display:flex;align-items:stretch;flex-wrap:wrap;gap:20px;margin:8px 0 0}
.vw-duration-track{flex:1;min-width:0;margin-inline:6px}
.vw-duration-rail{position:relative;height:18px;background:transparent}
.vw-duration-rail::before{content:"";position:absolute;left:0;right:0;top:7px;height:4px;border-radius:2px;background:linear-gradient(to right,var(--iw-gold) var(--duration-progress),var(--iw-muted) var(--duration-progress));pointer-events:none}
.vw-duration-disabled{position:absolute;inset:0 auto 0 0;width:var(--duration-min);cursor:not-allowed}
.vw-duration-rail input{appearance:none;-webkit-appearance:none;position:absolute;left:calc(var(--duration-min) - 6px);width:calc(100% - var(--duration-min) + 12px);height:18px;min-height:0;padding:0;border:0;margin:0;background:transparent;cursor:pointer}
.vw-duration-rail input::-webkit-slider-runnable-track{height:4px;background:transparent;border:0}
.vw-duration-rail input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:var(--iw-gold)}
.vw-duration-rail input::-moz-range-track{height:4px;background:transparent;border:0}
.vw-duration-rail input::-moz-range-progress{background:transparent}
.vw-duration-rail input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--iw-gold)}
.vw-compact .iw-compact-open>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vw-compact .iw-compact-open>span.iw-compact-arrow{flex:0 0 33px}
.vw-duration-ticks{position:relative;height:20px;margin-top:4px;color:var(--iw-muted);font-variant-numeric:tabular-nums}
.vw-duration-tick{position:absolute;top:0;transform:translateX(-50%);width:1px;height:2px;background:currentColor}
.vw-duration-tick.is-major{height:4px}
.vw-duration-tick>span{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:12px;line-height:12px}
.vw-duration-value{position:relative;box-sizing:border-box;display:flex;align-items:stretch;width:90px;min-height:42px;padding:0 12px;background:var(--iw-soft,#f1f2ed);color:var(--iw-ink,#1c211c);border-radius:8px;flex-shrink:0}
.vw-duration-number{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;font-size:12px;line-height:1.5}
.vw-duration-number>span{flex-shrink:0;color:var(--iw-muted,#60675f)}
.vw-duration-value input{appearance:textfield;-moz-appearance:textfield;flex:1;width:100%;min-width:0;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:left;box-shadow:none}
.vw-duration-value input::-webkit-inner-spin-button,.vw-duration-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.vw-duration-stepper{position:absolute;right:3px;top:2px;bottom:2px;display:grid;grid-template-rows:1fr 1fr;width:22px;opacity:0;pointer-events:none;transition:opacity 120ms ease}
.vw-duration-value:is(:hover,:focus-within) .vw-duration-stepper,.vw-duration:has(input[type="range"]:active) .vw-duration-stepper{opacity:1;pointer-events:auto}
.vw-duration-value:is(:hover,:focus-within) .vw-duration-number,.vw-duration:has(input[type="range"]:active) .vw-duration-number{padding-right:20px}
.vw-duration-value .vw-duration-stepper button{display:flex;align-items:center;justify-content:center;width:22px;height:100%;min-height:0;padding:0;border:0;border-radius:3px;background:transparent;color:var(--iw-muted,#60675f);transform:none;box-shadow:none;transition:background-color 120ms ease}
.vw-duration-value .vw-duration-stepper button svg{width:12px;height:12px;transform:none;transition:none}
.vw-duration-value .vw-duration-stepper button:hover:not(:disabled){background:rgba(255,255,255,.8);transform:none;box-shadow:none}
.vw-duration-value .vw-duration-stepper button:active:not(:disabled){background:#fff;transform:none;box-shadow:none}
@media(hover:none){.vw-duration-stepper{opacity:1;pointer-events:auto}.vw-duration-number{padding-right:20px}}
@media(prefers-reduced-motion:reduce){.vw-duration-stepper,.vw-duration-value .vw-duration-stepper button{transition:none}}
.vw-duration-stepper button:disabled{opacity:.35;cursor:default}
.vw-duration-stepper button:focus-visible{outline:2px solid var(--iw-ink);outline-offset:1px}
.vw-viewer video{width:100%;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:700px){.vw-workbench .iw-toolbar{flex-wrap:wrap}.vw-workbench .iw-setting-buttons{flex-wrap:wrap}.vw-duration{gap:12px}}
@media(prefers-reduced-motion:reduce){.vw-workbench *{animation:none!important;transition:none!important}}
.vw-media-tile{position:relative;width:100%;max-width:136px;min-width:0;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.vw-media-tile :is(video,audio){display:block;width:100%;max-width:100%;min-width:0;min-height:0;flex-shrink:0;border-radius:var(--upload-radius,8px);object-fit:contain;object-position:center}
.vw-media-tile>video{height:auto;aspect-ratio:4/5}
.vw-media-tile audio{height:80px;margin-block:25px}
.vw-media-tile>span{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.iw-workbench.vw-workbench .vw-media-tile>button{position:absolute;top:2px;right:2px;min-height:28px;width:28px;border:0;background:white;border-radius:50%}
.ui-select-menu.vw-mode-menu{width:208px;box-sizing:border-box;padding:6px;border-radius:14px;color:#252922;font-size:12px}
.vw-mode-menu .ui-select-options{display:flex;flex-direction:column;width:100%;min-width:0;gap:4px;padding:0;background:transparent}
.ui-select-menu.vw-mode-menu .ui-select-options>button{flex:none;width:100%;min-height:44px;padding:10px 12px;text-align:left;color:inherit;border-radius:9px;font-size:12px;font-weight:400;transform:none;box-shadow:none;transition:background-color 160ms ease}
.ui-select-menu.vw-mode-menu .ui-select-options>button[aria-selected=true],.ui-select-menu.vw-mode-menu .ui-select-options>button[aria-selected=true]:hover:not(:disabled){background:#eceee9;box-shadow:none}
.ui-select-menu.vw-mode-menu .ui-select-options>button:hover:not(:disabled):not([aria-selected=true]){background:#f3f4f0}
.ui-select-menu.vw-mode-menu .ui-select-options>button:active:not(:disabled){background:#e7e9e3}
.ui-select-menu.vw-mode-menu .ui-select-options>button:focus-visible{outline-offset:-2px}
.ui-select-menu.vw-mode-menu .ui-select-options>button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.vw-mode-option>[data-ui-text=secondary]{flex:none;white-space:nowrap}
.vw-workbench .iw-toolbar .ui-select:has(.vw-mode-trigger){display:inline-flex;width:auto;flex:0 0 auto}
.iw-workbench.vw-workbench .iw-toolbar .vw-mode-trigger{width:auto;min-width:0;border:0;background:transparent;padding:0 8px;gap:6px}
@media(hover:hover) and (pointer:fine){.vw-workbench .iw-toolbar .model-picker .ui-select>.model-picker-trigger:hover:not(:active):not(:disabled){transform:none}}
.iw-workbench.vw-workbench .vw-frame-swap{border:0;background:transparent;padding:4px;min-width:32px}
.vw-mode-option,.vw-mode-value{display:flex;align-items:center;gap:10px;text-align:left}
.vw-mode-option{width:100%}
.vw-mode-option>svg,.vw-mode-value>svg{flex:none;width:18px;height:18px}
.vw-mode-option>svg:not(.vw-mode-check),.vw-mode-value>svg{color:#252922}
.vw-mode-option>span{flex:1;min-width:0}
.vw-mode-check{margin-left:auto;color:#000}
.vw-mode-label{display:inline-flex;align-items:center;white-space:nowrap}
.vw-mode-trigger .vw-mode-label{color:#000}
.vw-mode-value{gap:6px}
.vw-frame-swap{border:0;background:transparent;min-width:28px;min-height:28px;border-radius:8px;display:grid;place-items:center;cursor:pointer}
.vw-inline-frames{display:flex;align-items:center;flex:0 0 auto;gap:5px;padding:6px 4px;margin:0;border:0}
.vw-endpoint-slot{width:61px;flex:0 0 61px;--frame-angle:-8deg;--frame-hover-angle:-10deg}
.vw-endpoint-slot[data-slot="last"]{--frame-angle:5deg;--frame-hover-angle:7deg}
.vw-endpoint-card{position:relative;width:61px;height:75px;transform:rotate(var(--frame-angle));transform-origin:50% 65%;transition:transform 180ms cubic-bezier(.2,.7,.3,1)}
.iw-workbench.vw-workbench .vw-inline-frames .vw-endpoint-image{display:grid;place-items:center;width:61px;height:75px;min-height:75px;padding:0;border:1px dashed #dfe2db;border-radius:3px;background:var(--iw-soft,#f1f2ee);color:var(--iw-muted,#70756d);overflow:hidden;box-shadow:none;transition:background-color 160ms ease,border-color 160ms ease;transform:none}
.vw-endpoint-image>.ds-hint-icon{width:100%;height:100%}
.vw-endpoint-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.iw-workbench.vw-workbench .vw-endpoint-empty>svg{width:18px;height:18px}
.vw-endpoint-empty small{font-size:10px;font-weight:400;line-height:1.3}
.iw-workbench.vw-workbench .vw-inline-frames .has-image>.vw-endpoint-image{border:1.5px solid #fff;background:#e9ebe5;box-shadow:0 0 0 1px #dfe2db}
.vw-endpoint-image img{display:block;width:100%;height:100%;object-fit:contain}
.iw-workbench.vw-workbench .vw-inline-frames .vw-endpoint-remove{position:absolute;top:-9px;right:-9px;display:grid;place-items:center;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:#62675f;opacity:0;pointer-events:none;transition:opacity 120ms ease;transform:none}
.iw-workbench.vw-workbench .vw-endpoint-remove>.ds-hint-icon{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid #dfe2db;border-radius:50%;background:#fff}
.iw-workbench.vw-workbench .vw-endpoint-remove svg{width:10px;height:10px}
.iw-workbench.vw-workbench .vw-inline-frames .vw-endpoint-card:is(:hover,:focus-within) .vw-endpoint-remove{opacity:1;pointer-events:auto}
.vw-endpoint-pending{position:absolute;inset:0;display:grid;place-items:center;border-radius:3px;background:#f1f2eeeb;color:#62675f;font-size:10px;pointer-events:none}
.vw-endpoint-preview{position:fixed;z-index:10000;overflow:hidden;padding:0;border-radius:var(--upload-radius,8px);background:transparent;box-shadow:none;animation:vw-frame-preview-in 140ms ease-out}
.vw-endpoint-preview img{display:block;width:100%;height:100%;object-fit:contain}
.vw-endpoint-preview small{position:absolute;top:10px;left:12px;padding:2px 5px;border-radius:4px;background:#ffffffe6;color:#242622;font-size:10px;font-weight:400;line-height:1.5}
@keyframes vw-frame-preview-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.vw-endpoint-card:not(.is-disabled):hover{transform:translateY(-3px) rotate(var(--frame-hover-angle)) scale(1.05)}.iw-workbench.vw-workbench .vw-inline-frames .vw-endpoint-image:hover:not(:disabled){background:#e9ebe5}}
.vw-endpoint-card:not(.is-disabled):has(.vw-endpoint-image:active){transform:rotate(var(--frame-angle)) scale(.97);transition-duration:90ms}
.iw-workbench.vw-workbench .vw-inline-frames .vw-endpoint-image:focus-visible{outline:2px solid #62675f;outline-offset:3px}
@media(hover:none){.iw-workbench.vw-workbench .vw-inline-frames .vw-endpoint-remove{opacity:1;pointer-events:auto}}
.iw-workbench.vw-workbench .vw-inline-frames .vw-frame-swap{width:24px;min-width:24px;min-height:32px;padding:0;color:var(--iw-muted,#70756d)}
.iw-workbench.vw-workbench .vw-frame-swap svg{width:16px;height:16px}
.iw-workbench.vw-workbench .vw-inline-frames button:hover:not(:active){transform:none}
.vw-inline-frames button:disabled{cursor:not-allowed;opacity:.5}
.iw-workbench.vw-workbench .vw-first-last-prompt{gap:16px}
@media(max-width:480px){.iw-workbench.vw-workbench .vw-first-last-prompt{gap:10px}.vw-first-last-prompt .iw-prompt-field{min-width:0}}
@media(prefers-reduced-motion:reduce){.iw-workbench.vw-workbench .vw-inline-frames button{transition:none;transform:none}.vw-endpoint-card,.vw-endpoint-card:not(.is-disabled):is(:hover,:has(.vw-endpoint-image:active)){transition:none;transform:rotate(var(--frame-angle))}.vw-endpoint-preview{animation:none}}
.vw-keyframes-prompt{gap:16px;align-items:flex-start;min-width:0;flex-wrap:nowrap;min-height:95px}
.vw-keyframes-prompt>.iw-prompt-field{min-width:140px;flex:1 1 0}
.vw-keyframe-upload-hint{flex:1;min-width:0;margin:0;padding:4px 0;color:var(--iw-muted,#70756d);font-size:12px;line-height:1.5;cursor:default}
.iw-workbench .vw-composition-entry{display:flex;align-items:center;justify-content:center;flex:0 0 61px;width:61px;height:75px;min-height:75px;padding:0;margin:12px 14px 5px 10px;rotate:-8deg;transform-origin:50% 65%;transition:transform 180ms ease}
.iw-workbench .vw-composition-entry.has-cover{rotate:0deg}
.vw-composition-entry .ds-hint-icon{flex-shrink:0}
@media(hover:hover) and (pointer:fine){.iw-workbench .vw-composition-entry:hover:not(:disabled){transform:translateY(-3px)}}
.iw-workbench .vw-composition-entry:active:not(:disabled){transform:scale(.97)}
@media(prefers-reduced-motion:reduce){.iw-workbench .vw-composition-entry{transition:none}.iw-workbench .vw-composition-entry:is(:hover,:active){transform:none}}
.vw-multiframe{position:relative;min-width:0;width:max-content;max-width:calc(100% - 156px);flex:0 1 auto}
.vw-multiframe.is-empty{width:85px;flex:0 0 85px}
@media(max-width:600px){.vw-keyframes-prompt>.iw-prompt-field{min-width:100px}.vw-keyframes-prompt .vw-multiframe{max-width:calc(100% - 116px)}}
.vw-keyframes-prompt.has-frames>.vw-multiframe{width:100%;max-width:100%;flex:1 1 100%}
.vw-multiframe-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-padding:120px;overscroll-behavior-x:contain;--frame-fade-left:0px;--frame-fade-right:0px}
.vw-multiframe[data-left=true]>.vw-multiframe-scroll{--frame-fade-left:120px}
.vw-multiframe[data-right=true]>.vw-multiframe-scroll{--frame-fade-right:120px}
/* A 72px smoothstep fade joins the opaque content to the 48px arrow clearance.
 * Mask only scrolling content; sibling arrows stay opaque and clickable. */
.vw-multiframe:is([data-left=true],[data-right=true])>.vw-multiframe-scroll{
 --frame-edge-mask:linear-gradient(to right,
  transparent calc(var(--frame-fade-left) * .4),
  rgb(0 0 0 / .074) calc(var(--frame-fade-left) * .5),
  rgb(0 0 0 / .259) calc(var(--frame-fade-left) * .6),
  rgb(0 0 0 / .5) calc(var(--frame-fade-left) * .7),
  rgb(0 0 0 / .741) calc(var(--frame-fade-left) * .8),
  rgb(0 0 0 / .926) calc(var(--frame-fade-left) * .9),
  #000 var(--frame-fade-left),#000 calc(100% - var(--frame-fade-right)),
  rgb(0 0 0 / .926) calc(100% - var(--frame-fade-right) * .9),
  rgb(0 0 0 / .741) calc(100% - var(--frame-fade-right) * .8),
  rgb(0 0 0 / .5) calc(100% - var(--frame-fade-right) * .7),
  rgb(0 0 0 / .259) calc(100% - var(--frame-fade-right) * .6),
  rgb(0 0 0 / .074) calc(100% - var(--frame-fade-right) * .5),
  transparent calc(100% - var(--frame-fade-right) * .4));
 -webkit-mask-image:var(--frame-edge-mask);mask-image:var(--frame-edge-mask)
}
.vw-multiframe-scroll::-webkit-scrollbar{display:none}
.vw-inline-frames.vw-multiframe-track{width:max-content;gap:8px;padding:12px 10px 5px;min-height:92px}
.vw-multiframe-track .vw-endpoint-slot{--frame-angle:0deg;--frame-hover-angle:-2deg}
.vw-multiframe.is-empty .vw-endpoint-slot{--frame-angle:-8deg;--frame-hover-angle:-10deg}
.vw-segment-start,.iw-workbench.vw-workbench .vw-segment-trigger{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;flex:0 0 61px;width:61px;height:75px;min-height:75px;padding:0;border:0;border-radius:var(--upload-radius,8px);background:var(--upload-surface,#f1f2ee);color:var(--upload-ink,#62695f);box-shadow:none;transition:background 140ms ease,transform 140ms ease}
.vw-segment-start{opacity:1}
.vw-segment-trigger small,.vw-segment-start small{font-size:10px;font-weight:400}
.vw-segment-dot{position:absolute;top:8px;right:8px;width:4px;height:4px;background:currentColor;border-radius:50%}
.iw-workbench.vw-workbench .vw-segment-trigger[aria-expanded=true]{background:#e4e7df;transform:translateY(-2px)}
.iw-workbench.vw-workbench .vw-segment-trigger:hover:not(:disabled){background:#e8eae4;transform:translateY(-2px)}
.iw-workbench.vw-workbench .vw-sequence-scroll{position:absolute;top:50%;transform:translateY(-50%)!important;z-index:3;display:grid;place-items:center;width:24px;min-width:24px;height:38px;min-height:38px;padding:0;border:0;border-radius:8px;background:#fff;color:#62695f;box-shadow:0 2px 10px #252a1d14}
.vw-sequence-scroll.is-left{left:0}.vw-sequence-scroll.is-right{right:0}
.vw-sequence-total{display:inline-flex;align-items:center;align-self:stretch;flex-shrink:0;white-space:nowrap;padding:0 10px;font-size:12px}
.vw-segment-editor{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:16px;border:1px solid #e0e3dc;border-radius:16px;background:#fff;color:#242622;box-shadow:0 12px 36px #2426221f;font-family:inherit}
.vw-segment-editor::backdrop{background:transparent}
.vw-segment-editor header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.vw-segment-editor h2{font-size:14px;margin:0;font-weight:500}
.vw-segment-editor button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:0;border-radius:8px;background:#f1f2ee;color:#62695f;font:inherit;font-size:12px;cursor:pointer}
.vw-segment-editor header button{padding:4px;background:transparent}
.vw-segment-editor textarea{display:block;resize:none;box-sizing:border-box;width:100%;min-height:128px;margin:0 0 16px;padding:0;border:0;background:transparent;color:#242622;font:inherit;font-size:12px;line-height:1.6;box-shadow:none}
.vw-segment-editor textarea::placeholder{color:#94998f}
.vw-segment-editor footer{display:flex;align-items:center;gap:8px}
.vw-segment-editor .vw-segment-all[aria-pressed=true]{background:#e4e7df;color:#242622}
.vw-segment-editor .vw-segment-confirm{margin-left:auto;background:#f7d311;color:#161a15}
.vw-segment-editor :is(button,textarea,input):focus-visible,.vw-segment-trigger:focus-visible,.vw-sequence-scroll:focus-visible{outline:2px solid #62695f;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.iw-workbench.vw-workbench .vw-segment-trigger{transition:none;transform:none!important}}
.vw-workbench .iw-product-slot>.iw-product-label{width:100%;max-width:136px;min-width:0}
.vw-workbench .iw-product-label>.iw-product-name{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}