.vokoo-composer{width:100%}.vokoo-composer-panel{border:1px solid var(--vokoo-border);border-radius:var(--vokoo-radius-panel);background:var(--vokoo-surface);padding:16px;transition:border-color .15s}.vokoo-composer-panel:focus-within{border-color:var(--vokoo-border-strong)}.vokoo-composer-references{flex-flow:wrap;align-items:center;gap:8px;display:flex}.vokoo-composer-references>*{min-width:0}.vokoo-composer-references>.upload-progress,.vokoo-composer-references>[data-testid=upload-progress]{flex-basis:100%}.vokoo-composer-slot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vokoo-composer-slot-label{color:var(--vokoo-text-secondary);margin-right:2px;font-size:12px}.vokoo-composer-add{border:1px dashed var(--vokoo-border-strong);border-radius:var(--vokoo-radius-detail);width:44px;height:44px;color:var(--vokoo-text-secondary);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.vokoo-composer-add:hover{border-color:var(--vokoo-text-secondary);background:var(--vokoo-overlay-5);color:var(--vokoo-text-primary)}.vokoo-composer-add:focus-visible{outline:2px solid var(--vokoo-accent);outline-offset:2px}.vokoo-composer-add[data-dragging=true]{border-style:solid;border-color:var(--vokoo-accent);background:var(--vokoo-accent-soft);color:var(--vokoo-accent)}.vokoo-composer-chip{flex:none;width:40px;height:40px;position:relative;overflow:visible}.vokoo-composer-chip-main{border:1px solid var(--vokoo-border);border-radius:var(--vokoo-radius-detail);background:var(--vokoo-overlay-5);cursor:pointer;width:100%;height:100%;padding:0;display:block;overflow:hidden}.vokoo-composer-chip-main:focus-visible{outline:2px solid var(--vokoo-accent);outline-offset:2px}.vokoo-composer-chip-main img,.vokoo-composer-chip-main video{object-fit:cover;width:100%;height:100%;display:block}.vokoo-composer-chip-main>span.vokoo-composer-chip-fallback{width:100%;height:100%;color:var(--vokoo-text-secondary);justify-content:center;align-items:center;display:flex}.vokoo-composer-chip-name{inset-inline:0;color:var(--vokoo-text-primary);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#000000a6;padding:0 2px;font-size:9px;line-height:12px;position:absolute;bottom:0;overflow:hidden}.vokoo-composer-chip-remove{z-index:1;border:1px solid var(--vokoo-border);background:var(--vokoo-canvas);width:18px;height:18px;color:var(--vokoo-text-primary);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:none;position:absolute;top:-6px;right:-6px}.vokoo-composer-chip:hover .vokoo-composer-chip-remove,.vokoo-composer-chip-remove:focus-visible{display:inline-flex}.vokoo-composer-swap{width:28px;height:28px;color:var(--vokoo-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9999px;flex:none;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:inline-flex}.vokoo-composer-swap:hover:not(:disabled){background:var(--vokoo-overlay-5);color:var(--vokoo-text-primary)}.vokoo-composer-swap:disabled{opacity:.4;cursor:not-allowed}.vokoo-composer-swap:focus-visible{outline:2px solid var(--vokoo-accent);outline-offset:2px}.vokoo-composer-editor{margin-top:8px}.vokoo-composer-editor .vokoo-composer-editor-area{color:var(--vokoo-text-primary);caret-color:var(--vokoo-text-primary)}.vokoo-composer-editor .tiptap p.is-editor-empty:first-child:before{color:var(--vokoo-text-secondary)}.vokoo-composer-editor [data-reference-mention]{border:1px solid var(--vokoo-border);background:var(--vokoo-overlay-10);color:var(--vokoo-text-primary)}.vokoo-composer-editor [data-reference-mention]:hover{background:var(--vokoo-overlay-15)}.vokoo-composer-editor [data-reference-mention]:focus-visible{outline:2px solid var(--vokoo-accent);outline-offset:1px}.vokoo-composer-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.vokoo-composer-toolbar-left{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.vokoo-composer-toolbar-right{flex:none;align-items:center;gap:10px;margin-left:auto;display:flex}.vokoo-composer-pill{border:1px solid var(--vokoo-border);background:var(--vokoo-overlay-5);height:32px;color:var(--vokoo-text-primary);white-space:nowrap;cursor:pointer;border-radius:9999px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:13px;transition:background-color .15s,border-color .15s;display:inline-flex}.vokoo-composer-pill:hover{background:var(--vokoo-overlay-10)}.vokoo-composer-pill:focus-visible{outline:2px solid var(--vokoo-accent);outline-offset:2px}.vokoo-composer-pill>svg{color:var(--vokoo-text-secondary)}.vokoo-composer-params{border:0;border:1px solid var(--vokoo-border);height:32px;color:var(--vokoo-text-primary);cursor:pointer;background:#191919;border-radius:9999px;align-items:center;gap:12px;padding:0 12px;font-size:13px;transition:background-color .15s;display:inline-flex}.vokoo-composer-params:hover{background:var(--vokoo-overlay-10)}.vokoo-composer-params:focus-visible{outline:2px solid var(--vokoo-accent);outline-offset:2px}.vokoo-composer-params>span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.vokoo-composer-params>span>svg{color:var(--vokoo-text-secondary)}.vokoo-composer-stepper{border:1px solid var(--vokoo-border);background:var(--vokoo-overlay-5);height:32px;color:var(--vokoo-text-secondary);font-variant-numeric:tabular-nums;border-radius:9999px;flex:none;align-items:center;gap:2px;padding:0 4px;font-size:12px;display:inline-flex}.vokoo-composer-stepper button{width:24px;height:24px;color:var(--vokoo-text-primary);cursor:pointer;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:background-color .15s;display:inline-flex}.vokoo-composer-stepper button:hover:not(:disabled){background:var(--vokoo-overlay-10)}.vokoo-composer-stepper button:disabled{opacity:.35;cursor:not-allowed}.vokoo-composer-stepper button:focus-visible{outline:2px solid var(--vokoo-accent)}.vokoo-composer-counter{color:var(--vokoo-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.vokoo-composer-generate{color:#000;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:9999px;flex:none;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:opacity .15s,background-color .15s;display:inline-flex}.vokoo-composer-generate:hover:not(:disabled){background:#ececec}.vokoo-composer-generate:focus-visible{outline:2px solid var(--vokoo-accent);outline-offset:2px}.vokoo-composer-generate:disabled{opacity:.5;cursor:not-allowed}.vokoo-composer-generate .vokoo-composer-generate-credits{font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:inline-flex}.vokoo-composer-error{border-radius:var(--vokoo-radius-detail);color:#ff6964;background:#ff69641a;border:1px solid #ff69644d;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:13px;display:flex}.vokoo-composer-modebar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.vokoo-composer-modes{align-items:center;gap:8px;display:flex}.vokoo-composer-mode{border-radius:var(--vokoo-radius-detail);width:40px;height:40px;color:var(--vokoo-text-secondary);cursor:pointer;background:#191919;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.vokoo-composer-mode:hover{color:var(--vokoo-text-primary);border-color:var(--vokoo-border-strong)}.vokoo-composer-mode:focus-visible{outline:2px solid var(--vokoo-accent);outline-offset:2px}.vokoo-composer-mode[data-active=true]{width:auto;color:var(--vokoo-text-primary);white-space:nowrap;background:#191919;border-radius:9999px;gap:6px;padding:0 14px;font-size:13px}.vokoo-composer-status{height:40px;color:var(--vokoo-text-primary);cursor:pointer;background:#191919;border-radius:9999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;transition:background-color .15s;display:inline-flex}.vokoo-composer-status:focus-visible{outline:2px solid var(--vokoo-accent);outline-offset:2px}.vokoo-composer-status-count{color:var(--vokoo-text-secondary);font-variant-numeric:tabular-nums}.vokoo-composer-status-view{color:var(--vokoo-text-primary);align-items:center;gap:2px;display:inline-flex}.vokoo-composer-status>svg.vokoo-composer-status-spinner{color:var(--vokoo-accent)}.vokoo-duration-range{appearance:none;background:var(--vokoo-overlay-15);height:4px;accent-color:var(--vokoo-text-primary);cursor:pointer;outline-offset:4px;border-radius:9999px}.vokoo-duration-range::-webkit-slider-thumb{appearance:none;background:var(--vokoo-text-primary);border:0;border-radius:9999px;width:14px;height:14px}.vokoo-duration-range::-moz-range-thumb{background:var(--vokoo-text-primary);border:0;border-radius:9999px;width:14px;height:14px}.vokoo-duration-range:focus-visible{outline:2px solid var(--vokoo-accent)}@media (max-width:767px){.vokoo-composer-panel{padding:12px}.vokoo-composer-toolbar-right{justify-content:flex-end;width:100%}}@media (prefers-reduced-motion:reduce){.vokoo-composer-panel,.vokoo-composer-add,.vokoo-composer-pill,.vokoo-composer-params,.vokoo-composer-stepper button,.vokoo-composer-generate,.vokoo-composer-mode,.vokoo-composer-status,.vokoo-composer-swap{transition:none}}
.ReferenceMaterialPopover-module__s13-Dq__panel{max-height:min(calc(100dvh - 2rem), var(--radix-popover-content-available-height,100dvh));flex-direction:column;display:flex;container-type:inline-size}.ReferenceMaterialPopover-module__s13-Dq__tabs{flex-direction:column;min-height:0;display:flex}.ReferenceMaterialPopover-module__s13-Dq__header{flex:none;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.ReferenceMaterialPopover-module__s13-Dq__filters{flex:none;align-items:center;min-height:2rem;margin-left:auto;display:flex}.ReferenceMaterialPopover-module__s13-Dq__viewport{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow:hidden auto;container-type:inline-size}.ReferenceMaterialPopover-module__s13-Dq__canvas{height:40cqw}@container (max-width:46rem){.ReferenceMaterialPopover-module__s13-Dq__header{flex-direction:column;align-items:stretch}.ReferenceMaterialPopover-module__s13-Dq__filters{margin-left:0}}