:root{--color-primary: #111318;--color-secondary: #333842;--color-cta: #2F7CF6;--color-on-cta: #F7FAFF;--color-cta-hover: #1E6AE0;--color-background: #F2F4F7;--color-bg-secondary: #EBEEF2;--color-text: #10141B;--color-text-muted: #626A78;--color-text-secondary: #626A78;--color-border: #D6DBE3;--color-success: #16A34A;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #2563EB;--color-info-bg: rgba(37, 99, 235, .1);--color-info-border: rgba(37, 99, 235, .28);--color-info-text: #1E40AF;--color-surface: #FBFCFD;--color-surface-muted: #F0F2F5;--color-surface-glass: rgba(251, 252, 253, .88);--color-tag-type-bg: #e0e7ff;--color-tag-type-text: #4338ca;--color-tag-required-bg: #fee2e2;--color-tag-required-text: #dc2626;--color-tag-group-bg: #fef3c7;--color-tag-group-text: #92400e;--color-tag-warning-bg: #fef3c7;--color-tag-warning-text: #92400e;--color-status-completed: #10b981;--color-status-processing: #3b82f6;--color-status-pending: #9ca3af;--color-status-failed: #ef4444;--color-status-skipped: #94a3b8;--color-cat-input-bg: #dbeafe;--color-cat-input-text: #1d4ed8;--color-cat-input-border: #3b82f6;--color-cat-processing-bg: #fef3c7;--color-cat-processing-text: #92400e;--color-cat-processing-border: #f59e0b;--color-cat-generation-bg: #dcfce7;--color-cat-generation-text: #166534;--color-cat-generation-border: #10b981;--color-cat-output-bg: #f3e8ff;--color-cat-output-text: #7c3aed;--color-cat-output-border: #8b5cf6;--color-actual-input-bg: #dbeafe;--color-actual-input-border: #93c5fd;--color-actual-input-text: #1d4ed8;--color-actual-config-bg: #f0fdf4;--color-actual-config-border: #bbf7d0;--color-actual-config-text: #10b981;--color-actual-output-bg: #dcfce7;--color-actual-output-border: #86efac;--color-actual-output-text: #166534;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--color-error-msg-bg: #fee2e2;--color-error-detail-bg: #1e293b;--color-error-detail-text: #f1f5f9;--color-bool-true-bg: #dcfce7;--color-bool-true-text: #166534;--color-bool-false-bg: #fee2e2;--color-bool-false-text: #dc2626;--color-running-bg: #eff6ff;--color-running-border: #bfdbfe;--color-code-bg: #f8fafc;--color-code-text: #475569;--color-accent-purple: #8B5CF6;--color-accent-purple-text: #7c3aed;--color-accent-purple-bg: #f5f3ff;--color-panel-create: #F6F7F9;--color-panel-detail: #F2F4F7;--color-panel-list: #EEF1F5;--color-panel-sidebar: #E9EDF2;--shadow-sm: 0 1px 0 rgba(16, 20, 27, .06);--shadow-md: 0 12px 28px rgba(16, 20, 27, .08);--shadow-lg: 0 18px 40px rgba(16, 20, 27, .1);--shadow-xl: 0 24px 60px rgba(16, 20, 27, .14);--font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family: var(--font-body);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--task-form-control-max-width: 240px;--panel-radius-sm: 8px;--panel-radius-md: 10px;--panel-radius-lg: 12px;--panel-shadow-soft: 0 10px 28px rgba(16, 20, 27, .06);--panel-shadow-medium: 0 18px 40px rgba(16, 20, 27, .09);--panel-shadow-crisp: 0 18px 44px rgba(16, 20, 27, .08), 0 1px 0 rgba(255, 255, 255, .72) inset;--panel-shadow-quiet: 0 12px 30px rgba(16, 20, 27, .05);--radius-reset: 0;--radius-pill: 999px;--radius-toggle: 999px;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--panel-stroke-soft: #e0e4ea;--color-border-soft-58: #e5e8ed;--color-border-soft-60: #e3e7ec;--color-border-soft-62: #e2e6ec;--color-border-soft-68: #dfe3e9;--color-border-soft-72: #dde1e7;--color-border-soft-74: #dce0e6;--color-border-soft-80: #d9dde3;--color-cta-blend-8: #e8f0fe;--color-cta-blend-10: #e5eefe;--color-cta-blend-14: #dfe9fd;--color-cta-blend-18: #d9e4fc;--color-cta-blend-24: #cfdcfb;--color-cta-blend-28: #c9d7fa;--color-cta-blend-32: #c3d2f9;--color-cta-blend-34: #c0cff9;--color-surface-blend-90: #f8f9fb;--color-surface-blend-92: #f7f8fa;--color-surface-blend-96: #fafbfc;--color-surface-blend-97: #fafbfd;--color-surface-blend-99: #fbfcfd;--color-surface-muted-blend-24: #f4f6f8;--color-surface-muted-blend-34: #f2f4f6;--color-surface-muted-blend-62: #eff1f4;--color-surface-muted-blend-72: #edf0f3;--color-text-blend-90: #1e2229}[data-theme=dark]{--color-primary: #F2F4F8;--color-secondary: #CCD2DC;--color-cta: #7AA2FF;--color-on-cta: #0B1020;--color-cta-hover: #94B4FF;--color-background: #111317;--color-bg-secondary: #171A1F;--color-text: #F3F5F7;--color-text-muted: #98A0AE;--color-text-secondary: #98A0AE;--color-border: #262B33;--color-success: #22C55E;--color-warning: #FBBF24;--color-error: #F87171;--color-info: #60A5FA;--color-info-bg: rgba(96, 165, 250, .14);--color-info-border: rgba(96, 165, 250, .38);--color-info-text: #BFDBFE;--color-surface: #171A1F;--color-surface-muted: #1D2128;--color-surface-glass: rgba(23, 26, 31, .9);--color-tag-type-bg: rgba(99, 102, 241, .2);--color-tag-type-text: #a5b4fc;--color-tag-required-bg: rgba(239, 68, 68, .2);--color-tag-required-text: #fca5a5;--color-tag-group-bg: rgba(245, 158, 11, .2);--color-tag-group-text: #fcd34d;--color-tag-warning-bg: rgba(245, 158, 11, .2);--color-tag-warning-text: #fcd34d;--color-status-completed: #34d399;--color-status-processing: #60a5fa;--color-status-pending: #6b7280;--color-status-failed: #f87171;--color-status-skipped: #6b7280;--color-cat-input-bg: rgba(59, 130, 246, .2);--color-cat-input-text: #93c5fd;--color-cat-input-border: #3b82f6;--color-cat-processing-bg: rgba(245, 158, 11, .2);--color-cat-processing-text: #fcd34d;--color-cat-processing-border: #f59e0b;--color-cat-generation-bg: rgba(16, 185, 129, .2);--color-cat-generation-text: #6ee7b7;--color-cat-generation-border: #10b981;--color-cat-output-bg: rgba(139, 92, 246, .2);--color-cat-output-text: #c4b5fd;--color-cat-output-border: #8b5cf6;--color-actual-input-bg: rgba(59, 130, 246, .15);--color-actual-input-border: rgba(59, 130, 246, .3);--color-actual-input-text: #93c5fd;--color-actual-config-bg: rgba(16, 185, 129, .08);--color-actual-config-border: rgba(16, 185, 129, .2);--color-actual-config-text: #6ee7b7;--color-actual-output-bg: rgba(16, 185, 129, .18);--color-actual-output-border: rgba(16, 185, 129, .4);--color-actual-output-text: #34d399;--color-error-bg: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .3);--color-error-msg-bg: rgba(239, 68, 68, .15);--color-error-detail-bg: #0f172a;--color-error-detail-text: #e2e8f0;--color-bool-true-bg: rgba(16, 185, 129, .2);--color-bool-true-text: #6ee7b7;--color-bool-false-bg: rgba(239, 68, 68, .2);--color-bool-false-text: #fca5a5;--color-running-bg: rgba(59, 130, 246, .15);--color-running-border: rgba(59, 130, 246, .3);--color-code-bg: #1e2533;--color-code-text: #94a3b8;--color-accent-purple: #a78bfa;--color-accent-purple-text: #c4b5fd;--color-accent-purple-bg: rgba(139, 92, 246, .15);--color-panel-create: #14171C;--color-panel-detail: #161A20;--color-panel-list: #12161B;--color-panel-sidebar: #0F1318;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--panel-shadow-soft: none;--panel-shadow-medium: none;--panel-shadow-crisp: none;--panel-shadow-quiet: none}@supports (background: color-mix(in srgb,white,black)){:root{--panel-stroke-soft: color-mix(in srgb, var(--color-border) 74%, transparent);--color-border-soft-58: color-mix(in srgb, var(--color-border) 58%, transparent);--color-border-soft-60: color-mix(in srgb, var(--color-border) 60%, transparent);--color-border-soft-62: color-mix(in srgb, var(--color-border) 62%, transparent);--color-border-soft-68: color-mix(in srgb, var(--color-border) 68%, transparent);--color-border-soft-72: color-mix(in srgb, var(--color-border) 72%, transparent);--color-border-soft-74: color-mix(in srgb, var(--color-border) 74%, transparent);--color-border-soft-80: color-mix(in srgb, var(--color-border) 80%, transparent);--color-cta-blend-8: color-mix(in srgb, var(--color-cta) 8%, var(--color-surface));--color-cta-blend-10: color-mix(in srgb, var(--color-cta) 10%, var(--color-surface));--color-cta-blend-14: color-mix(in srgb, var(--color-cta) 14%, var(--color-surface));--color-cta-blend-18: color-mix(in srgb, var(--color-cta) 18%, var(--color-surface));--color-cta-blend-24: color-mix(in srgb, var(--color-cta) 24%, var(--color-border));--color-cta-blend-28: color-mix(in srgb, var(--color-cta) 28%, var(--color-border));--color-cta-blend-32: color-mix(in srgb, var(--color-cta) 32%, var(--color-border));--color-cta-blend-34: color-mix(in srgb, var(--color-cta) 34%, var(--color-border));--color-surface-blend-90: color-mix(in srgb, var(--color-surface) 90%, var(--color-panel-create) 10%);--color-surface-blend-92: color-mix(in srgb, var(--color-surface) 92%, var(--color-panel-create) 8%);--color-surface-blend-96: color-mix(in srgb, var(--color-surface) 96%, #ffffff 4%);--color-surface-blend-97: color-mix(in srgb, var(--color-surface) 97%, #ffffff 3%);--color-surface-blend-99: color-mix(in srgb, var(--color-surface) 99%, #ffffff 1%);--color-surface-muted-blend-24: color-mix(in srgb, var(--color-surface-muted) 24%, var(--color-surface) 76%);--color-surface-muted-blend-34: color-mix(in srgb, var(--color-surface-muted) 34%, #ffffff 66%);--color-surface-muted-blend-62: color-mix(in srgb, var(--color-panel-create) 62%, var(--color-surface) 38%);--color-surface-muted-blend-72: color-mix(in srgb, var(--color-surface-muted) 72%, #ffffff 28%);--color-text-blend-90: color-mix(in srgb, var(--color-text) 90%, var(--color-text-muted) 10%)}}*{margin:0;padding:0;box-sizing:border-box}html,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);line-height:1.6;color:var(--color-text);background:var(--color-background);position:relative;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:radial-gradient(900px 600px at -10% -10%,rgba(14,165,165,.18),transparent 60%),radial-gradient(800px 500px at 110% -15%,rgba(59,130,246,.16),transparent 55%),radial-gradient(700px 420px at 20% 110%,rgba(248,161,40,.12),transparent 60%);z-index:-1;pointer-events:none}[data-theme=dark] body:before{background:radial-gradient(900px 600px at -10% -10%,rgba(14,165,165,.08),transparent 60%),radial-gradient(800px 500px at 110% -15%,rgba(59,130,246,.06),transparent 55%),radial-gradient(700px 420px at 20% 110%,rgba(248,161,40,.05),transparent 60%)}[data-theme=dark] select,[data-theme=dark] input,[data-theme=dark] textarea{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}h2{margin-bottom:1.5rem;color:var(--color-primary);font-size:2rem;font-weight:700;letter-spacing:-.03em;font-family:var(--font-display)}.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.55rem 1.15rem;font-size:.875rem;font-weight:600;font-family:var(--font-body);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base)}.btn-primary{background:var(--color-cta-blend-14);color:var(--color-text);border-color:var(--color-cta-blend-34);box-shadow:none}.btn-primary:hover:not([aria-disabled=true]){background:var(--color-cta-blend-18);color:var(--color-text);transform:none;box-shadow:none}.btn-secondary{background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not([aria-disabled=true]){border-color:var(--color-cta);color:var(--color-cta)}.btn-ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-ghost:hover:not([aria-disabled=true]){border-color:var(--color-cta);color:var(--color-cta)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.alert{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid;margin-bottom:1rem}.alert.error{background:#ef444414;border-color:#ef44444d;color:var(--color-error)}.alert-close{background:transparent;border:none;color:inherit;cursor:pointer;font-size:1.1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-primary);font-size:.8125rem}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea,.task-form-control{width:100%;padding:.5rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;font-family:var(--font-family);color:var(--color-text);background:var(--color-surface);transition:all var(--transition-base);outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.task-form-control:focus{border-color:var(--color-cta);box-shadow:0 0 0 3px #0369a11a}.form-group textarea{resize:vertical;min-height:120px}.form-section-hint{font-size:.875rem;color:var(--color-text-muted)}.form-section-hint--error{color:var(--color-error, #dc2626)}.info-notice-content{font-size:.9rem}.radio-group{display:flex;gap:1rem;flex-wrap:wrap}.radio-group label{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:all var(--transition-base);font-weight:500}.radio-group label:hover{border-color:var(--color-cta);background:#0369a10a}.radio-group input[type=radio]:checked+span,.radio-group label:has(input:checked){border-color:var(--color-cta);background:#0369a114;color:var(--color-cta)}.config-row{display:grid;grid-template-columns:1fr 1fr;gap:.375rem 1.5rem}.config-row:has(>:only-child){grid-template-columns:minmax(0,1fr)}.config-row label{display:flex;flex-direction:row;align-items:center;gap:.375rem;font-weight:500;color:var(--color-text-muted);font-size:.8125rem;min-height:1.75rem}.config-row label:has(>.config-row__control),.config-row label:has(.toggle-switch),.config-advanced-group__body .config-row label:has(.toggle-switch){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--task-form-control-max-width));align-items:center;column-gap:.5rem}.config-row label:has(>.config-row__control+span){grid-template-columns:minmax(0,1fr) minmax(0,var(--task-form-control-max-width)) auto}.config-row label:has(.toggle-switch),.config-advanced-group__body .config-row label:has(.toggle-switch){grid-template-columns:minmax(0,1fr) minmax(0,var(--task-form-control-max-width))}.config-row .config-color-field,.config-row .config-temp-file-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--task-form-control-max-width));align-items:center;column-gap:.5rem}.config-color-field__controls,.config-temp-file-field__controls{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:.375rem;width:min(100%,var(--task-form-control-max-width));min-width:0}.config-color-field__controls{flex-direction:row;align-items:center}.config-color-field__swatch{width:40px;height:28px;padding:0;border:1px solid var(--color-border);border-radius:4px}.config-color-field__swatch:disabled{opacity:.4}.config-color-field__text{width:100px}.config-color-field__transparent{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;white-space:nowrap}.config-temp-file-field__value{display:block;width:100%;min-width:0;color:var(--color-text-muted);font-size:.75rem;font-weight:400;line-height:1.3;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.config-temp-file-field__actions{display:inline-flex;justify-content:flex-end;gap:.375rem}.config-temp-file-field__input{display:none}.config-temp-file-field__button{flex:0 0 auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:.35rem .55rem;font-size:.75rem;cursor:pointer}.config-temp-file-field__button:hover:not(:disabled){border-color:var(--color-cta)}.config-temp-file-field__button:disabled{cursor:not-allowed;opacity:.65}.config-temp-file-field__button--ghost{color:var(--color-text-muted)}.config-row label>.config-row__control{flex:0 1 auto;width:var(--config-control-width, 100%);max-width:100%;min-width:0;margin-left:0;justify-self:end;box-sizing:border-box}.config-row label>span:first-child,.config-row label:before{flex-shrink:0}.config-row label:has(.toggle-switch) .toggle-switch,.config-advanced-group__body .config-row label:has(.toggle-switch) .toggle-switch{justify-self:end;margin-left:0;border-radius:var(--radius-pill);overflow:hidden}.config-toggle-label{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--task-form-control-max-width));align-items:center;column-gap:.5rem;width:100%}.config-toggle-label__text{min-width:0}.config-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:.45rem .7rem}.config-section-header>label{margin:0;min-width:0}.form-group .config-section-header>.workflow-required-target{display:inline-flex;align-items:center;min-width:0;margin-left:auto;flex:0 1 auto}.form-group .config-section-header__model-control{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.45rem;min-width:0;max-width:100%;flex:0 1 auto;margin-left:auto;box-sizing:border-box}.form-group .config-section-header__model-control .model-provider-badge{flex-shrink:0}.form-group .config-section-header__model-select-wrap{width:min(100%,var(--task-form-control-max-width));min-width:0;max-width:var(--task-form-control-max-width);flex:1 1 var(--task-form-control-max-width);position:relative;display:block;border:1px solid var(--color-border);border-radius:var(--panel-radius-sm);background:var(--color-surface);box-shadow:none;box-sizing:border-box}.form-group .config-section-header__model-select-wrap:before{content:"";position:absolute;right:2.5rem;top:6px;bottom:6px;width:1px;background:var(--color-border);pointer-events:none}.form-group .config-section-header__model-select-wrap:after{content:"";position:absolute;right:.95rem;top:50%;width:.42rem;height:.42rem;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:translateY(-60%) rotate(45deg);pointer-events:none}.form-group .config-section-header__model-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:block;width:100%;height:32px;min-width:0;border:none;background:transparent;color:var(--color-text);font-weight:600;border-radius:inherit;padding:0 2.75rem 0 .75rem;box-sizing:border-box;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-group .config-section-header__model-select-wrap:hover{border-color:var(--color-cta-blend-24)}.form-group .config-section-header__model-select:focus,.form-group .config-section-header__model-select:focus-visible{outline:none;border:none;box-shadow:none}.form-group .config-section-header__model-select-wrap:focus-within{box-shadow:inset 0 0 0 1px var(--color-cta)}.form-group .config-section-header__model-picker{position:relative;width:min(100%,var(--task-form-control-max-width));min-width:0;max-width:var(--task-form-control-max-width);flex:1 1 var(--task-form-control-max-width)}.form-group .config-section-header__model-picker-button{display:grid;grid-template-columns:minmax(0,1fr) 1rem;grid-template-rows:auto auto;align-items:center;column-gap:.45rem;row-gap:.16rem;width:100%;min-height:44px;min-width:0;border:1px solid var(--color-border);border-radius:var(--panel-radius-sm);background:var(--color-surface);color:var(--color-text);padding:.28rem .72rem;cursor:pointer;box-sizing:border-box}.form-group .config-section-header__model-picker-button:hover{border-color:var(--color-cta-blend-24)}.form-group .config-section-header__model-picker-button:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--color-cta)}.config-section-header__model-picker-label,.config-section-header__model-picker-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.config-section-header__model-picker-label{font-weight:600;grid-column:1;grid-row:1}.config-section-header__model-picker-option-label{color:var(--color-text);font-size:.86rem;font-weight:520}.config-section-header__model-picker-option.active .config-section-header__model-picker-option-label{font-weight:700}.config-section-header__model-picker-current,.config-section-header__model-picker-option-profile{display:grid;grid-template-columns:repeat(3,2.7rem);column-gap:.2rem;justify-content:end;width:max-content}.config-section-header__model-picker-current .model-selection-profile,.config-section-header__model-picker-option-profile .model-selection-profile{display:contents}.config-section-header__model-picker-current{grid-column:1;grid-row:2;justify-content:start}.config-section-header__model-picker-arrow{grid-column:2;grid-row:1 / span 2;width:.42rem;height:.42rem;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:translateY(-18%) rotate(45deg);justify-self:end}.config-section-header__model-picker-menu{overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);padding:.36rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:var(--shadow-lg, 0 16px 40px rgba(15, 23, 42, .16));z-index:10000}.config-section-header__model-picker-search{padding:.12rem .12rem .42rem}.config-section-header__model-picker-search-input{width:100%;min-width:0;height:2.25rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-muted, var(--color-surface));color:var(--color-text);font-size:.86rem;padding:0 .7rem;box-sizing:border-box}.config-section-header__model-picker-search-input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--color-cta)}.config-section-header__model-picker-list{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.config-section-header__model-picker-group+.config-section-header__model-picker-group{margin-top:.5rem}.config-section-header__model-picker-group-label{display:flex;align-items:center;gap:.45rem;padding:.38rem .48rem .28rem;color:var(--color-text-muted);font-size:.68rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.config-section-header__model-picker-group-label:after{content:"";height:1px;flex:1 1 auto;background:var(--color-border-soft-58)}.config-section-header__model-picker-group-label:empty{display:none}.config-section-header__model-picker-empty{padding:1.2rem .75rem;color:var(--color-text-muted);font-size:.86rem;text-align:center}.config-section-header__model-picker-option{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;column-gap:.9rem;width:100%;min-width:0;border:none;border-radius:8px;background:transparent;color:var(--color-text);padding:.42rem .48rem;cursor:pointer}.config-section-header__model-picker-option:hover,.config-section-header__model-picker-option.focused,.config-section-header__model-picker-option.active{background:var(--color-cta-blend-10)}.config-section-header__model-picker-option.focused{box-shadow:inset 0 0 0 1px var(--color-cta-blend-24)}.config-section-header__model-picker-option.active{color:var(--color-cta);font-weight:650}.config-section-header__model-picker-option-profile{opacity:.96}.config-section-header__model-picker-option.active .config-section-header__model-picker-option-profile{opacity:1}.config-model-picker{width:100%;min-width:0;display:grid;gap:.5rem}.config-model-picker-row{margin-bottom:.55rem}.config-model-picker__label{margin-bottom:0}.config-model-picker__provider-tabs{display:flex;flex-wrap:wrap;gap:.35rem}.config-model-picker__provider-tab{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.74rem;font-weight:600;padding:.2rem .62rem;cursor:pointer}.config-model-picker__provider-tab.active{color:var(--color-text);border-color:var(--color-cta-blend-32);background:var(--color-cta-blend-10);font-weight:600}.config-model-picker__model-row{display:flex;width:100%;min-width:0;flex-wrap:nowrap;align-items:center;gap:.35rem}.config-model-picker__model-btn{flex:0 0 auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.74rem;line-height:1.2;padding:.28rem .58rem;white-space:nowrap;cursor:pointer}.config-model-picker__model-btn.active{color:var(--color-text);border-color:var(--color-cta-blend-28);background:var(--color-cta-blend-8);font-weight:600}.config-model-picker__more{position:relative;flex:0 0 auto}.config-model-picker__more-popover{position:absolute;top:calc(100% + .3rem);right:0;min-width:170px;padding:.24rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-md);z-index:25}.config-model-picker__more-menu{display:grid;gap:.15rem}.config-model-picker__more-item{border:none;background:transparent;color:var(--color-text);font-size:.74rem;text-align:left;border-radius:6px;padding:.32rem .4rem;cursor:pointer}.config-model-picker__more-item:hover{background:var(--color-surface-muted)}.config-model-picker__more-item.active{color:var(--color-text);background:var(--color-cta-blend-8);font-weight:600}.config-model-picker__measure{position:absolute;visibility:hidden;pointer-events:none;height:0;overflow:hidden;display:inline-flex;gap:.35rem}.config-model-picker__measure-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.74rem;line-height:1.2;white-space:nowrap;padding:.28rem .58rem}.config-model-picker__measure-item--more{border-color:transparent}.config-advanced-group{margin-top:.55rem}.config-advanced-group__toggle{width:100%;border:none;background:transparent;color:var(--color-text-muted);font-size:.78rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.05rem 0;cursor:pointer}.config-advanced-group__toggle:hover{color:var(--color-cta)}.config-advanced-group__line{flex:1;min-width:0;border-top:1px dashed var(--color-border);transition:border-color var(--transition-fast)}.config-advanced-group__label-wrap{display:inline-flex;align-items:center;gap:.28rem}.config-advanced-group__label{flex:0 0 auto;line-height:1.2;padding-inline:.15rem}.config-advanced-group__indicator{width:7px;height:7px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg);transition:transform var(--transition-fast);margin-top:-1px}.config-advanced-group.expanded .config-advanced-group__indicator{transform:rotate(225deg);margin-top:1px}.config-advanced-group__toggle:hover .config-advanced-group__line{border-top-color:#0ea5a580}.config-advanced-group__body{margin-top:.5rem}.config-field-label-with-info{display:inline-flex;align-items:center;gap:.25rem;min-width:0}.config-field-label-with-info .parameter-info{display:inline-flex;align-items:center;justify-content:center;width:14px;min-width:14px}.config-field-label-with-info .parameter-info__button{opacity:1;pointer-events:auto;transition:opacity var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}@media(hover:hover)and (pointer:fine){.config-field-label-with-info .parameter-info__button{opacity:0;pointer-events:none}.workflow-required-target__label:hover .config-field-label-with-info .parameter-info__button,.workflow-required-target__label:focus-within .config-field-label-with-info .parameter-info__button,.config-field-label-with-info .parameter-info:hover .parameter-info__button,.config-field-label-with-info .parameter-info:focus-within .parameter-info__button{opacity:1;pointer-events:auto}}.config-field-label-with-provider{display:inline-flex;align-items:center;gap:.35rem;min-width:0;flex-wrap:wrap}.config-field-label-main{display:inline-flex;align-items:center;gap:.25rem;min-width:0}.model-provider-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.08rem .5rem;font-size:.66rem;font-weight:700;line-height:1.2;border:1px solid transparent;letter-spacing:.01em;white-space:nowrap}.model-provider-badge--vidu{color:#0c4a6e;background:#e0f2fe;border-color:#7dd3fc}.model-provider-badge--cms{color:#5b21b6;background:#f3e8ff;border-color:#d8b4fe}.model-provider-badge--volcengine{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.model-provider-badge--tongyi-wanxiang,.model-provider-badge--tongyi-qwen,.model-provider-badge--tongyi{color:#92400e;background:#fef3c7;border-color:#fcd34d}.model-provider-badge--default{color:var(--color-text-muted);background:var(--color-surface-muted);border-color:var(--color-border)}.model-selection-profile{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.2rem;min-width:0}.model-selection-profile__badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;width:2.7rem;padding:.08rem .18rem;font-size:.66rem;font-weight:650;line-height:1.2;color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border-soft-58);white-space:nowrap;letter-spacing:0;font-variant-numeric:tabular-nums}.model-selection-profile__icon{display:inline-flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;line-height:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.model-selection-profile__icon-svg,.model-selection-profile__icon-text{display:block;width:.5rem;height:.5rem;line-height:.5rem}.model-selection-profile__icon-text{font-size:.5rem;font-weight:800;text-align:center}.model-selection-profile__icon--empty{opacity:.28}.model-selection-profile__badge--speed.model-selection-profile__badge--high,.model-selection-profile__badge--speed.model-selection-profile__badge--premium,.model-selection-profile__badge--quality.model-selection-profile__badge--high,.model-selection-profile__badge--quality.model-selection-profile__badge--premium,.model-selection-profile__badge--cost.model-selection-profile__badge--low{color:#166534;background:#dcfce7;border-color:#86efac}.model-selection-profile__badge--speed.model-selection-profile__badge--medium,.model-selection-profile__badge--quality.model-selection-profile__badge--medium,.model-selection-profile__badge--cost.model-selection-profile__badge--medium{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.model-selection-profile__badge--speed.model-selection-profile__badge--low,.model-selection-profile__badge--quality.model-selection-profile__badge--low{color:#92400e;background:#fef3c7;border-color:#fcd34d}.model-selection-profile__badge--cost.model-selection-profile__badge--high,.model-selection-profile__badge--cost.model-selection-profile__badge--premium{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.section-label-with-hint{display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap;min-width:0}.section-label-with-hint__text{min-width:0}.parameter-info{position:relative;display:inline-flex;align-items:center}.parameter-info__button{width:16px;height:16px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:.625rem;font-style:italic;font-weight:700;line-height:1;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.parameter-info__button:hover{color:var(--color-cta);border-color:var(--color-cta)}.parameter-info__tooltip{position:absolute;top:calc(100% + 6px);left:0;z-index:40;max-width:min(360px,70vw);max-height:min(320px,60vh);min-width:200px;padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);font-size:.75rem;font-weight:400;line-height:1.45;white-space:normal;overflow-wrap:anywhere;word-break:break-word;overflow-y:auto}.form-textarea--auto-grow{resize:none;overflow-y:hidden;max-height:min(40vh,320px)}.form-textarea--auto-grow:focus{overflow-y:auto}.parameter-info__tooltip a{color:var(--color-cta);text-decoration:underline;overflow-wrap:anywhere;word-break:break-all}.config-row .toggle-switch{width:32px;height:18px}.config-row .toggle-slider{border-radius:var(--radius-pill)}.config-row .toggle-slider:before{width:12px;height:12px;left:3px;bottom:3px;border-radius:var(--radius-pill)}.config-row .toggle-switch input:checked+.toggle-slider:before{transform:translate(14px)}.image-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;max-height:600px;overflow-y:auto;padding:1.5rem;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.image-grid::-webkit-scrollbar{width:4px}.image-grid::-webkit-scrollbar-track{background:var(--color-background);border-radius:2px}.image-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.image-grid::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:var(--color-surface-muted)}*::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:0}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:auto}input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-cta);flex-shrink:0}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:500}.checkbox-label .toggle-switch{margin-left:.25rem;flex-shrink:0;vertical-align:middle}.checkbox-label input[type=checkbox]{width:16px;height:16px}.checkbox-text{color:var(--color-text);font-size:.875rem}.image-item{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.image-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-cta),var(--color-cta-hover));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.image-item:hover{border-color:var(--color-cta);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.image-item:hover:before{transform:scaleX(1)}.image-item.selected{border-color:var(--color-cta);background:#0369a105;box-shadow:var(--shadow-md)}.image-item.selected:before{transform:scaleX(1)}.image-item img{width:100%;height:160px;object-fit:cover;border-radius:var(--radius-md);background:var(--color-background)}.image-item-footer{display:flex;align-items:center;gap:.625rem}.image-item-footer span{font-size:.8125rem;color:var(--color-text-muted);line-height:1.4;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle-btn{margin-bottom:1rem;padding:.625rem 1.25rem;font-size:.875rem}.submit-btn{width:100%;margin-top:1rem}.prompt-display{background:var(--color-background);padding:1.25rem;border-radius:var(--radius-md);margin:0;white-space:pre-wrap;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6;border:1.5px solid var(--color-border);max-height:300px;overflow-y:auto;color:var(--color-text)}.subtask-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-top:1.5rem;max-width:100%;overflow:hidden}.subtask-card{background:var(--color-surface);padding:.75rem;border-radius:var(--radius-lg);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.subtask-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}video{background:var(--color-background)}.task-detail-page{max-width:1400px;margin:1rem auto;padding:0 2rem}.create-task-page .task-form{--task-form-control-max-width: 208px}.task-form{background:linear-gradient(180deg,var(--color-surface-blend-96),var(--color-surface-blend-90));padding:1rem 1.25rem;border-radius:var(--panel-radius-lg);border:1px solid var(--panel-stroke-soft);box-shadow:var(--panel-shadow-soft);-webkit-backdrop-filter:none;backdrop-filter:none}.task-form .form-group{margin-bottom:calc(1rem + 2px);min-width:0;overflow:hidden}.task-form .form-group:has(.parameter-info){overflow:visible}.task-form .form-group:has(.media-split-mode-info){overflow:visible}.task-form .form-group:has(.config-section-header__model-control){overflow:visible}.task-form .form-group label{margin-bottom:.35rem;font-size:.8125rem}.task-form .form-group input[type=text],.task-form .form-group input[type=number],.task-form .form-group select,.task-form .form-group textarea{padding:.5rem .75rem;font-size:.8125rem}.task-form .form-group textarea{min-height:80px;max-height:min(40vh,320px);overflow-y:auto}.task-form .form-group input[type=text],.task-form .form-group input[type=number],.task-form .form-group select,.task-form .form-group textarea,.task-form .config-row .config-row__control,.task-form .tab-group,.task-form .tab-group .tab-button,.task-form-control{border-radius:var(--panel-radius-sm)}.task-form .form-group input[type=text],.task-form .form-group input[type=number],.task-form .form-group select,.task-form .form-group textarea,.task-form .config-row .config-row__control,.task-form-control{border-color:var(--color-border-soft-80);background:var(--color-surface-blend-92);box-shadow:inset 0 1px #ffffff8c}.task-form .radio-group{gap:.5rem}.task-form .radio-group label{padding:.4rem .75rem;font-size:.8125rem}.task-form .config-row{gap:.55rem 1rem;align-items:start}.task-form .form-group:has(.config-section-header)>.config-row{margin-top:.65rem}.task-form .config-row label{font-size:.75rem;gap:.25rem;min-height:1.5rem}.task-form .parameter-info__button{width:14px;height:14px;font-size:.5625rem}.task-form .config-row .config-row__control{padding:.4rem .6rem;font-size:.8125rem;width:var(--config-control-width, 100%);max-width:100%;margin-left:0}.task-form .config-row .config-row__control--select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:.4rem 2.7rem .4rem .75rem;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 1rem) calc(50% - .08rem),calc(100% - .73rem) calc(50% - .08rem);background-size:.42rem .42rem,.42rem .42rem;background-repeat:no-repeat;text-overflow:ellipsis;box-sizing:border-box}.task-form .prompt-display{font-size:.75rem;padding:.6rem .8rem}.task-form .prompt-input-preview__title{font-size:.8125rem}.task-form .prompt-input-inline-control{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.task-form .prompt-input-inline-control__label{display:inline-flex;align-items:center;gap:.5rem;margin:0;min-width:108px;white-space:nowrap}.task-form .prompt-input-inline-control__text{display:inline-flex;align-items:center}.task-form .prompt-input-inline-control__input{width:min(100%,var(--task-form-control-max-width));max-width:var(--task-form-control-max-width)}.create-task-page .workflow-form-group--inputs .prompt-input-inline-control__label{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr)}.create-task-page .workflow-form-group--inputs .prompt-input-inline-control__input{width:100%;max-width:none;min-width:0}.task-form .tts-input-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.35rem 0}.task-form .tts-input-tools__caption,.task-form .tts-inline-input__label{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-secondary);font-size:.75rem;line-height:1.4}.task-form .tts-input-tools__item{display:inline-flex;align-items:center;gap:.2rem;min-width:0}.task-form .tts-input-tools__button{min-height:30px;padding:.25rem .55rem;font-size:.75rem}.task-form .tts-inline-input{display:grid;gap:.35rem;margin-top:.75rem}.task-form .tts-content-input{display:grid;gap:.55rem}.task-form .tts-content-input__tabs,.task-form .tts-ssml-builder__controls{display:flex;flex-wrap:wrap;gap:.35rem}.task-form .tts-content-input__tab{min-height:32px;padding:.3rem .65rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:.75rem;cursor:pointer}.task-form .tts-content-input__tab--active{border-color:var(--color-cta);background:var(--color-cta-blend-10);color:var(--color-text-primary)}.task-form .tts-ssml-builder,.task-form .tts-ssml-manual{display:grid;gap:.55rem}.task-form .tts-ssml-builder__segment{position:relative;display:grid;gap:.5rem;padding:.65rem;border:1px solid var(--color-border);background:var(--color-surface-subtle)}.task-form .tts-ssml-builder__speak{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;padding:.65rem;border:1px solid var(--color-border);background:var(--color-surface-subtle)}.task-form .tts-ssml-builder__index{position:absolute;top:.45rem;right:.55rem;color:var(--color-text-muted);font-size:.75rem}.task-form .tts-ssml-builder__field{display:grid;gap:.3rem;min-width:min(100%,180px);color:var(--color-text-secondary);font-size:.75rem}.task-form .tts-ssml-builder__media-field{min-width:min(100%,240px)}.task-form .tts-ssml-builder__media-field .audio-selector__label{color:var(--color-text-secondary);font-size:.75rem}.task-form .tts-ssml-builder__field input,.task-form .tts-ssml-builder__field select{min-height:32px;padding:.35rem .55rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary)}.task-form .tts-ssml-builder__remove,.task-form .tts-ssml-builder__add{justify-self:start}.task-form .tts-ssml-builder__preview,.task-form .tts-ssml-manual__highlight{overflow:auto;max-height:180px;padding:.6rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:.75rem;line-height:1.45;white-space:pre-wrap}.task-form .tts-ssml-manual__textarea[aria-invalid=true]{border-color:var(--color-error)}.task-form .tts-ssml-manual__ok{color:var(--color-success);font-size:.75rem}.task-form .ssml-xml-highlight__tag{color:var(--color-cta);font-weight:600}.task-form .ssml-xml-highlight__attr{color:var(--color-warning)}.task-form .ssml-xml-highlight__punctuation{color:var(--color-text-muted)}.task-form .tts-instruct-form{gap:.55rem;justify-items:stretch;padding:.7rem;width:100%;border:1px solid var(--color-border);background:var(--color-surface-subtle);box-sizing:border-box}.task-form .tts-instruct-form__header{justify-self:stretch;display:block;width:100%}.task-form .tts-instruct-form__toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:0;width:100%}.task-form .tts-instruct-form__toggle .toggle-switch{justify-self:end}.task-form .tts-instruct-form__toggle-text{display:inline-flex;align-items:center;gap:.35rem}.task-form .tts-instruct-form__tabs{display:flex;flex-wrap:wrap;gap:.35rem}.task-form .tts-instruct-form__tab{min-height:32px;padding:.3rem .65rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:.75rem;cursor:pointer}.task-form .tts-instruct-form__tab--active{border-color:var(--color-cta);background:var(--color-cta-blend-10);color:var(--color-text-primary)}.task-form .tts-instruct-form__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.task-form .tts-instruct-form__field{display:grid;gap:.25rem;min-width:0;color:var(--color-text-secondary);font-size:.75rem}.task-form .tts-instruct-form__field select{width:100%;min-width:0;min-height:34px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:.8125rem}.task-form .tts-instruct-form__preview{display:grid;gap:.35rem;min-width:0;padding-top:.35rem;border-top:1px solid var(--color-border);color:var(--color-text-primary);font-size:.8125rem}.task-form .tts-instruct-form__preview code{display:block;max-width:100%;overflow-wrap:anywhere;white-space:normal;color:inherit}.task-form .tts-instruct-form__preview-value{display:inline-block;padding:0 .2rem;background:color-mix(in srgb,var(--color-warning) 18%,var(--color-surface));color:var(--color-text-primary);font-weight:600}.task-form .tab-group .tab-button{padding:.3rem .7rem;font-size:.8125rem}.task-form .tab-group{flex-wrap:wrap}.task-form .image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;padding:.75rem}.task-form .selector-row{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:.75rem;align-items:start}.task-form .fusion-references{max-width:100%}.task-form .auto-creative-section .form-group>div:first-child{flex-wrap:wrap}.task-form .toggle-btn{padding:.35rem .7rem;font-size:.75rem}.workflow-based-form--create{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;min-height:0;height:auto}.workflow-based-form--create-compact{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:0;min-height:0;height:100%;align-items:stretch}.workflow-based-form--create-composition{gap:.75rem}.workflow-composition-create-group{display:flex;flex-direction:column;gap:.375rem}.workflow-composition-create-group+.workflow-composition-create-group{margin-top:.25rem}.workflow-composition-create-group__title{font-size:.9rem;font-weight:600;color:var(--color-text);padding:0 .125rem}.workflow-composition-create-group__layout{display:flex;flex-direction:column;gap:.375rem}.workflow-composition-create-group__empty{display:flex;align-items:center;min-height:5rem;padding:.95rem 1rem;border:1px dashed color-mix(in srgb,var(--color-border) 78%,transparent);border-radius:14px;background:color-mix(in srgb,var(--color-surface-2, var(--color-panel)) 70%,transparent);color:var(--color-text-secondary);font-size:.92rem;line-height:1.45}.workflow-based-form--create.workflow-based-form--create-compact.workflow-based-form--create-composition{display:flex;flex-direction:column;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden}.workflow-based-form--create.workflow-based-form--create-compact.workflow-based-form--create-composition .workflow-composition-create-group__layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:.9rem;align-items:stretch}.create-task-page .workflow-based-form--create-compact{gap:.45rem}.create-task-page .workflow-based-form--create:not(.workflow-based-form--create-compact){gap:.375rem;background:linear-gradient(180deg,var(--color-surface-blend-99),var(--color-surface-muted-blend-44));border-radius:var(--panel-radius-lg)}.workflow-based-form__column{min-width:0;display:flex;flex-direction:column}.workflow-based-form--create:not(.workflow-based-form--create-compact) .workflow-based-form__column{width:100%;min-height:0;height:auto;align-self:stretch}.workflow-based-form--create-compact .workflow-based-form__column{min-height:0;height:100%}.workflow-based-form__column>.workflow-form-group{flex:0 0 auto}.workflow-based-form__column>.workflow-form-group:only-child{flex:1 1 auto}.workflow-based-form--create-compact .workflow-based-form__column>.workflow-form-group:only-child{flex:0 0 auto}.workflow-based-form--create-compact .workflow-based-form__column--config>.workflow-form-group--generation:first-child{flex:0 0 auto}.workflow-based-form__column--inputs{border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.workflow-based-form__column--config{border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden;margin-top:0;align-self:stretch;width:100%;max-width:100%}.workflow-based-form--create-compact .workflow-based-form__column--config{border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-left:none;margin-top:0;align-self:stretch;width:auto}.create-task-page .workflow-based-form--create-compact .workflow-based-form__column--config{--create-task-preview-block-gap: .375rem;--create-task-reference-preview-height: 260px;--create-task-video-preview-height: 312px;--create-task-media-card-height: 234px;--create-task-media-card-height-fluid: clamp(234px, 31.2vw, 338px)}.create-task-page .workflow-based-form__column--inputs,.create-task-page .workflow-based-form__column--config{border-radius:var(--panel-radius-lg);overflow:hidden;position:relative}.create-task-page .workflow-based-form__column--inputs{background:linear-gradient(180deg,var(--color-surface-blend-99),var(--color-surface-muted-blend-62));border:1px solid var(--panel-stroke-soft);box-shadow:var(--panel-shadow-crisp);box-shadow:0 24px 54px #0f172a14,0 1px #ffffffc7 inset}.create-task-page .workflow-based-form__column--config{background:linear-gradient(180deg,var(--color-surface-muted-blend-34),var(--color-surface-muted-blend-72));border:1px solid var(--color-border-soft-60);box-shadow:var(--panel-shadow-quiet);box-shadow:0 14px 30px #0f172a0b}[data-theme=dark] .create-task-page .workflow-based-form__column--config{background:var(--color-panel-detail);border-color:var(--color-border-soft-72);box-shadow:none}[data-theme=dark] .create-task-page .workflow-based-form__column--inputs,[data-theme=dark] .create-task-page .workflow-based-form__column--config{box-shadow:none}[data-theme=dark] .create-task-page .workflow-based-form__column--config .workflow-required-target__label,[data-theme=dark] .create-task-page .workflow-based-form__column--config .config-section-header>label,[data-theme=dark] .create-task-page .workflow-based-form__column--config .config-row label,[data-theme=dark] .create-task-page .workflow-based-form__column--config .config-advanced-group__toggle{color:var(--color-text-blend-90)}.create-task-page .workflow-based-form--create-compact .workflow-based-form__column--config{border-left:1px solid var(--color-border-soft-62)}.workflow-form-group{padding:0;background:transparent;border:none;border-radius:0;overflow:hidden}.workflow-form-group--inputs,.workflow-form-group--generation{display:flex;flex-direction:column}.workflow-based-form--create-compact .workflow-form-group--inputs,.workflow-based-form--create-compact .workflow-form-group--generation{min-height:0}.workflow-based-form__column--config>.workflow-form-group--generation:first-child{flex:1 1 auto;min-height:0}.workflow-form-group--inputs .workflow-form-group__body,.workflow-form-group--generation .workflow-form-group__body{flex:1 1 auto;display:flex;flex-direction:column}.workflow-form-group--generation .workflow-form-group__body{gap:.9rem}.create-task-page .workflow-based-form--create-compact .workflow-based-form__column--config .workflow-form-group__body{gap:.45rem}.create-task-page .workflow-based-form--create-compact .workflow-based-form__column--inputs .workflow-form-group__body{gap:.55rem}.workflow-form-group--generation .config-row{grid-template-columns:minmax(0,1fr)}.workflow-form-group--generation .config-section-header{align-items:center;gap:.55rem .75rem}.workflow-form-group--generation .config-section-header>label,.workflow-form-group--generation .config-section-header>.workflow-required-target,.workflow-form-group--generation .config-section-header__model-control{flex:1 1 100%;width:100%;margin-left:0}.workflow-form-group--generation .config-section-header>.workflow-required-target:has(.config-section-header__model-control){flex:0 1 auto;width:auto;margin-left:auto}.workflow-form-group--generation .config-section-header__model-control{flex:0 1 auto;width:auto;max-width:100%;justify-content:flex-end;gap:.5rem}.workflow-form-group--generation .config-section-header__model-select-wrap{flex:0 1 var(--task-form-control-max-width);width:min(100%,var(--task-form-control-max-width));max-width:var(--task-form-control-max-width)}.create-task-page .image-preview-container,.create-task-page .video-selector-preview{width:100%!important;max-width:none!important}.create-task-page .collage-image-selector .image-preview-container{width:auto!important;max-width:none!important}.create-task-page .task-form .image-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.create-task-page .multi-image-selector__grid,.create-task-page .reference-to-image-selector .multi-image-selector__grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:1rem!important;align-items:start;justify-content:stretch!important}.create-task-page .video-selector-with-clip__grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:1rem!important;align-items:start;justify-content:stretch!important}.create-task-page .single-image-selector__preview-wrap .image-preview-container,.create-task-page .multi-image-selector__item .image-preview-container,.create-task-page .reference-video-selector .image-preview-container,.create-task-page .video-selector-preview video,.create-task-page .video-selector-preview img{object-fit:contain}.create-task-page .image-preview-container,.create-task-page .video-selector-preview,.create-task-page .multi-image-selector__item,.create-task-page .video-selector-preview--grid-item,.create-task-page .single-image-selector__preview-wrap,.create-task-page .video-selector-with-clip__single,.create-task-page .image-grid,.create-task-page .tab-group{border-radius:var(--panel-radius-lg)}.create-task-page .multi-image-selector__item,.create-task-page .video-selector-preview--grid-item,.create-task-page .single-image-selector__preview-wrap,.create-task-page .video-selector-with-clip__single{width:100%;min-width:0;padding:.4rem;border:1px solid var(--color-border-soft-68);background:linear-gradient(180deg,var(--color-surface-blend-97),var(--color-surface-muted-blend-24));box-shadow:inset 0 1px #ffffffb3,0 8px 18px #10141b0a}.create-task-page .video-selector-preview--grid-item{height:var(--create-task-media-card-height-fluid, clamp(180px, 24vw, 260px))!important}.create-task-page .multi-image-selector__item .image-preview-container,.create-task-page .single-image-selector__preview-wrap .image-preview-container,.create-task-page .video-selector-with-clip__single .video-selector-preview,.create-task-page .video-selector-preview--grid-item .video-selector-preview{background:var(--color-surface-muted-blend-72)}.create-task-page .video-selector-with-clip__single{margin-bottom:var(--create-task-preview-block-gap, .75rem)!important}.create-task-page .video-selector-with-clip__single .video-selector-preview{height:var(--create-task-video-preview-height, 240px)!important}.create-task-page .multi-image-selector__item,.create-task-page .reference-to-image-selector .multi-image-selector__item{min-height:var(--create-task-media-card-height, 180px)}.create-task-page .multi-image-selector__item .image-preview-container,.create-task-page .reference-to-image-selector .multi-image-selector__item .image-preview-container{height:var(--create-task-media-card-height, 180px)!important;min-height:var(--create-task-media-card-height, 180px)!important}.create-task-page .reference-video-selector{--reference-selector-preview-height: clamp(176px, 24vh, 220px)}.create-task-page .reference-video-selector__section{padding:.4rem;border:1px solid var(--color-border-soft-68);background:linear-gradient(180deg,var(--color-surface-blend-97),var(--color-surface-muted-blend-24));box-shadow:inset 0 1px #ffffffb3,0 8px 18px #10141b0a;border-radius:var(--panel-radius-lg)}.create-task-page .reference-video-selector__media-card{margin-bottom:var(--create-task-preview-block-gap, .75rem)!important}.create-task-page .reference-video-selector__media-card .image-preview-container,.create-task-page .reference-video-selector__section .video-selector-preview{background:var(--color-surface-muted-blend-72)}.create-task-page .form-group:has(.config-section-header__model-control) .config-section-header__model-control{width:min(100%,var(--task-form-control-max-width));max-width:var(--task-form-control-max-width)}.create-task-page .form-group:has(.config-section-header__model-control) .config-section-header__model-control--preserve-provider-cue{width:auto}.create-task-page .form-group:has(.config-section-header__model-select-wrap) .config-section-header__model-select-wrap{flex:1 1 var(--task-form-control-max-width);width:min(100%,var(--task-form-control-max-width));max-width:var(--task-form-control-max-width);min-width:0;box-sizing:border-box}.create-task-page .form-group:has(.config-section-header__model-select-wrap) .config-section-header{align-items:center}.workflow-form-group+.workflow-form-group{margin-top:0;padding-top:0;border-top:1px solid var(--color-border-soft-58)}.workflow-form-group__body{padding:1rem 1.05rem}.create-task-page .workflow-based-form__column--inputs .workflow-form-group__body{padding:1.12rem 1.16rem 1.2rem}.create-task-page .workflow-based-form__column--config .workflow-form-group__body{padding:.88rem .92rem .96rem}.workflow-form-group__title{font-size:.92rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.workflow-form-group__body>.workflow-form-section:last-child .form-group{margin-bottom:calc(.55rem + 2px)}.workflow-form-group__body>.workflow-form-section>.workflow-required-target{margin-bottom:calc(1rem + 2px)}.workflow-form-group__body>.workflow-form-section:last-child>.workflow-required-target{margin-bottom:calc(.55rem + 2px)}.create-task-page .workflow-required-target{border-radius:0}.vidu-template-selector-overlay{position:fixed;inset:0;z-index:240;pointer-events:auto}.vidu-template-selector-overlay__panel{position:absolute;box-sizing:border-box;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:0 16px 36px #0003;padding:.75rem;overflow:hidden;display:grid;gap:.75rem;grid-template-rows:auto minmax(0,1fr);pointer-events:auto}@media(max-width:768px){.vidu-template-selector-overlay__panel{padding:.625rem}}.workflow-form-section--required .workflow-required-target__label:has(>.section-label-with-hint):after,.workflow-required-target--required .workflow-required-target__label:has(>.section-label-with-hint):after,.workflow-form-section--required .workflow-required-target__label:has(>.config-field-label-with-info):after,.workflow-required-target--required .workflow-required-target__label:has(>.config-field-label-with-info):after,.workflow-form-section--required .workflow-required-target__label:has(>.config-field-label-with-provider):after,.workflow-required-target--required .workflow-required-target__label:has(>.config-field-label-with-provider):after,.workflow-form-section--required .workflow-required-target__label:has(>.config-toggle-label__text):after,.workflow-required-target--required .workflow-required-target__label:has(>.config-toggle-label__text):after,.workflow-form-section--required .workflow-required-target__label:has(>.checkbox-label__text):after,.workflow-required-target--required .workflow-required-target__label:has(>.checkbox-label__text):after{content:none}.workflow-form-section--required .workflow-required-target__label:not(:has(>*)):after,.workflow-required-target--required .workflow-required-target__label:not(:has(>*)):after,.workflow-form-section--required .workflow-required-target__label>.section-label-with-hint>.section-label-with-hint__text:after,.workflow-required-target--required .workflow-required-target__label>.section-label-with-hint>.section-label-with-hint__text:after,.workflow-form-section--required .workflow-required-target__label>.section-label-with-hint>:first-child:not(.parameter-info):after,.workflow-required-target--required .workflow-required-target__label>.section-label-with-hint>:first-child:not(.parameter-info):after,.workflow-form-section--required .workflow-required-target__label>.config-field-label-text:after,.workflow-required-target--required .workflow-required-target__label>.config-field-label-text:after,.workflow-form-section--required .workflow-required-target__label>.config-field-label-with-info>.config-field-label-text:after,.workflow-required-target--required .workflow-required-target__label>.config-field-label-with-info>.config-field-label-text:after,.workflow-form-section--required .workflow-required-target__label>.config-field-label-with-provider>.config-field-label-main>.config-field-label-text:after,.workflow-required-target--required .workflow-required-target__label>.config-field-label-with-provider>.config-field-label-main>.config-field-label-text:after,.workflow-form-section--required .workflow-required-target__label>.config-field-label-with-provider>.config-field-label-main>.config-field-label-with-info>.config-field-label-text:after,.workflow-required-target--required .workflow-required-target__label>.config-field-label-with-provider>.config-field-label-main>.config-field-label-with-info>.config-field-label-text:after,.workflow-form-section--required .workflow-required-target__label>.config-toggle-label__text:after,.workflow-required-target--required .workflow-required-target__label>.config-toggle-label__text:after,.workflow-form-section--required .workflow-required-target__label>.checkbox-label__text:after,.workflow-required-target--required .workflow-required-target__label>.checkbox-label__text:after,.workflow-form-section--required .workflow-required-target__label>.prompt-input-inline-control__text:after,.workflow-required-target--required .workflow-required-target__label>.prompt-input-inline-control__text:after{content:"";display:inline-block;width:6px;height:6px;margin-left:.45rem;vertical-align:middle;background:var(--color-cta);border-radius:999px}@media(max-width:960px){.workflow-based-form--create-compact{grid-template-columns:minmax(0,1fr)}.workflow-based-form--create-compact .workflow-based-form__column--inputs{border-right:none;padding-right:0}.workflow-based-form--create-compact .workflow-based-form__column--config{border-left:1px solid var(--color-border);padding-left:0;margin-top:.375rem;width:100%}.workflow-based-form--create.workflow-based-form--create-compact.workflow-based-form--create-composition .workflow-composition-create-group__layout{grid-template-columns:minmax(0,1fr);gap:.6rem}}.create-task-page .media-split-mode-field{position:relative}.create-task-page .media-split-mode-field--inset{padding-top:2.4rem;padding-right:2.4rem}.create-task-page .media-split-mode-info{position:absolute;top:.6rem;right:.6rem;z-index:5}.create-task-page .media-split-mode-info__button{width:30px;height:30px;border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px #0f172a1f}.create-task-page .media-split-mode-info__button:hover,.create-task-page .media-split-mode-info__button[aria-expanded=true]{border-color:var(--color-cta);color:var(--color-cta)}.create-task-page .media-split-mode-info__button--split{background:#ecfdf5f0}.create-task-page .media-split-mode-info__button--combined{background:#f8fafcf0}.create-task-page .media-split-mode-info__panel{position:absolute;top:calc(100% + .5rem);right:0;width:min(22rem,calc(100vw - 2rem));padding:.75rem .875rem;border:1px solid var(--color-border);border-radius:12px;background:color-mix(in srgb,var(--color-surface) 96%,white 4%);box-shadow:0 18px 40px #0f172a2e}.create-task-page .media-split-mode-info__panel--split{border-color:#10b98159}.create-task-page .media-split-mode-info__panel--combined{border-color:#64748b59}.create-task-page .media-split-mode-info__header{display:flex;align-items:center;gap:.45rem;margin-bottom:.28rem}.create-task-page .media-split-mode-info__badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.66rem;font-weight:700;line-height:1;padding:.18rem .45rem;letter-spacing:.02em;white-space:nowrap}.create-task-page .media-split-mode-info--split .media-split-mode-info__badge{background:#10b9811f;color:#047857}.create-task-page .media-split-mode-info--combined .media-split-mode-info__badge{background:#64748b24;color:#334155}.create-task-page .media-split-mode-info__title{font-size:.78rem;font-weight:700;color:var(--color-text)}.create-task-page .media-split-mode-info__description{font-size:.75rem;color:var(--color-text-muted);line-height:1.5}@media(max-width:768px){.create-task-page .media-split-mode-field--inset{padding-top:2.2rem;padding-right:2.2rem}.create-task-page .media-split-mode-info{top:.45rem;right:.45rem}.create-task-page .media-split-mode-info__panel{width:min(20rem,calc(100vw - 1.5rem))}}.create-task-page .workflow-required-target--required .workflow-required-target__label,.create-task-page .workflow-required-target--required>label,.create-task-page .workflow-required-target--required>h4,.create-task-page .workflow-required-target--required .selector-section>h4,.create-task-page .workflow-required-target--required .audio-selector__label,.create-task-page .workflow-required-target--missing .workflow-required-target__label,.create-task-page .workflow-required-target--missing>label,.create-task-page .workflow-required-target--missing>h4,.create-task-page .workflow-required-target--missing .selector-section>h4,.create-task-page .workflow-required-target--missing .audio-selector__label{color:inherit}.create-task-page .workflow-required-target--missing{border:none;background:transparent;padding:0}.create-task-page .workflow-required-target--missing input[type=text],.create-task-page .workflow-required-target--missing input[type=number],.create-task-page .workflow-required-target--missing select,.create-task-page .workflow-required-target--missing textarea,.create-task-page .workflow-required-target--missing .tab-group,.create-task-page .workflow-required-target--missing .image-grid,.create-task-page .workflow-required-target--missing .image-preview-container,.create-task-page .workflow-required-target--missing .video-selector-preview,.create-task-page .workflow-required-target--missing .audio-selector__preview,.create-task-page .workflow-required-target--missing .audio-selector__dropzone{border-color:var(--color-cta);box-shadow:inset 0 0 0 1px var(--color-cta)}.create-task-page .workflow-api-field-errors{margin-top:.5rem;display:grid;gap:.25rem}.create-task-page .workflow-api-field-error{color:var(--color-error);font-size:.8125rem;line-height:1.4}.progress-bar{width:100%;height:8px;background:var(--color-background);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--color-cta);transition:width var(--transition-slow)}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:768px){h2{font-size:1.5rem}.task-list-page,.task-detail-page,.create-task-page{padding:0 1rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem}.subtask-grid{grid-template-columns:1fr}.task-form .prompt-input-inline-control__input{max-width:100%}.create-task-page .form-group:has(.config-section-header__model-select-wrap) .config-section-header{flex-wrap:nowrap;align-items:center;gap:.35rem}.create-task-page .form-group:has(.config-section-header__model-select-wrap) .config-section-header>label{flex:1 1 auto;min-width:0}.create-task-page .form-group:has(.config-section-header__model-select-wrap) .section-label-with-hint{flex-wrap:nowrap;min-width:0}.create-task-page .form-group:has(.config-section-header__model-select-wrap) .section-label-with-hint>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-task-page .form-group:has(.config-section-header__model-select-wrap) .section-label-with-hint .parameter-info{flex:0 0 auto}.create-task-page .form-group:has(.config-section-header__model-control) .config-section-header__model-control{flex:0 1 auto;max-width:var(--task-form-control-max-width);flex-wrap:nowrap;gap:0;margin-left:auto}.create-task-page .form-group:has(.config-section-header__model-control) .config-section-header__model-control--preserve-provider-cue{gap:.35rem}.create-task-page .form-group:has(.config-section-header__model-control) .config-section-header__model-control:not(.config-section-header__model-control--preserve-provider-cue) .model-provider-badge{display:none}.create-task-page .form-group:has(.config-section-header__model-select-wrap) .config-section-header__model-select-wrap{flex:1 1 var(--task-form-control-max-width);width:min(100%,var(--task-form-control-max-width));max-width:var(--task-form-control-max-width);min-width:0}}@media(max-width:360px){.config-row{grid-template-columns:1fr}}@media(max-width:375px){.image-grid{grid-template-columns:1fr}.radio-group{flex-direction:column}}*:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}#root :where(*,*:before,*:after){border-radius:var(--radius-reset)}.toggle-slider:before,.workspace-compact-mode-toggle__knob{--radius-reset: 50%}.fullscreen-modal__backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.fullscreen-modal__backdrop--immersive{background:#000000eb;padding:0}.fullscreen-modal__container{background:var(--color-surface);border-radius:12px;width:calc(100vw - 2rem);max-width:2400px;height:calc(100vh - 2rem);height:calc(100dvh - 2rem);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;box-shadow:0 20px 40px #0003;overflow:hidden}.fullscreen-modal__container--immersive{position:relative;--fullscreen-modal-immersive-safe-top: max(16px, env(safe-area-inset-top));--fullscreen-modal-immersive-safe-right: max(16px, env(safe-area-inset-right));--fullscreen-modal-immersive-safe-bottom: max(16px, env(safe-area-inset-bottom));--fullscreen-modal-immersive-safe-left: max(16px, env(safe-area-inset-left));--fullscreen-modal-immersive-overlay-height: 0px;--fullscreen-modal-immersive-overlay-gap: 12px;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;border-radius:0;background:#000;box-shadow:none;isolation:isolate}.fullscreen-modal__header{display:flex;align-items:flex-start;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface-muted)}.fullscreen-modal__title{margin:0;font-size:1.25rem;font-weight:600;flex:1}.fullscreen-modal__content{flex:1;padding:16px}.fullscreen-modal__content--immersive{position:relative;z-index:0;padding:calc(var(--fullscreen-modal-immersive-safe-top) + var(--fullscreen-modal-immersive-overlay-height) + var(--fullscreen-modal-immersive-overlay-gap)) var(--fullscreen-modal-immersive-safe-right) var(--fullscreen-modal-immersive-safe-bottom) var(--fullscreen-modal-immersive-safe-left)}.fullscreen-modal__overlay-bar{position:absolute;top:var(--fullscreen-modal-immersive-safe-top);right:var(--fullscreen-modal-immersive-safe-right);z-index:40;display:flex;align-items:flex-start;gap:10px}.fullscreen-modal__overlay-actions{display:flex;align-items:center;gap:8px}.fullscreen-modal__close-btn{width:32px;height:32px;border:none;background:var(--color-border);border-radius:6px;cursor:pointer;font-size:20px;color:var(--color-text);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.fullscreen-modal__close-btn:hover{background:var(--color-error, #ef4444);color:#fff}.fullscreen-modal__close-btn--immersive{width:40px;height:40px;border-radius:999px;background:#ffffff1a;color:#fff;font-size:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-modal__close-btn--immersive:hover{background:#fff3;color:#fff}.post-processing-options{background:var(--color-surface-muted);border-radius:8px;padding:16px;margin-top:16px}.post-processing-options--embedded{background:transparent;border-radius:0;padding:0;margin-top:0}.post-processing-options h4{margin:0 0 16px;color:var(--color-text);font-size:14px;font-weight:500}.option-group{margin-bottom:16px;padding:10px 12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.option-group:last-child{margin-bottom:0}.post-processing-options__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.post-processing-options__toggle-title{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.post-processing-options__toggle-row .toggle-switch{margin-left:0}.video-stitch-layout-order-control{margin-top:10px;padding:12px;border:1px solid var(--color-border);border-radius:10px;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-muted) 100%)}.video-stitch-layout-order-control__group+.video-stitch-layout-order-control__group{margin-top:12px}.video-stitch-layout-order-control__label{display:block;color:var(--color-text-muted);font-size:12px;margin-bottom:8px}.video-stitch-layout-order-control__buttons{display:flex;gap:8px}.video-stitch-layout-order-control__group--layout .video-stitch-layout-order-control__button{min-height:80px;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}.video-stitch-layout-order-control__button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:13px;cursor:pointer;transition:all .2s}.video-stitch-layout-order-control__button:hover{border-color:var(--color-cta);background:color-mix(in srgb,var(--color-cta) 6%,var(--color-surface))}.video-stitch-layout-order-control__button--active{border-color:var(--color-cta);background:color-mix(in srgb,var(--color-cta) 10%,var(--color-surface));color:var(--color-cta);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-cta) 45%,transparent)}.video-stitch-layout-order-control__button-text{font-size:.75rem;font-weight:600;line-height:1.2}.video-stitch-layout-order-control__layout-icon{width:36px;height:24px;margin-inline:auto;display:grid;gap:4px}.video-stitch-layout-order-control__layout-icon--side-by-side{grid-template-columns:repeat(2,minmax(0,1fr))}.video-stitch-layout-order-control__layout-icon--top-bottom{grid-template-rows:repeat(2,minmax(0,1fr))}.video-stitch-layout-order-control__layout-tile{border-radius:4px;border:1px solid color-mix(in srgb,var(--color-text-muted) 35%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-muted) 70%,transparent),color-mix(in srgb,var(--color-surface-muted) 30%,transparent))}.video-stitch-layout-order-control__button--active .video-stitch-layout-order-control__layout-tile{border-color:color-mix(in srgb,var(--color-cta) 45%,transparent);background:color-mix(in srgb,var(--color-cta) 18%,var(--color-surface))}.video-stitch-layout-order-control__group--order .video-stitch-layout-order-control__button{min-height:40px;font-size:.76rem;font-weight:600}.image-cropper-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.image-cropper-modal{background:var(--color-surface);border-radius:12px;padding:1.25rem 1.5rem;width:min(1200px,95vw);max-height:94vh;display:flex;flex-direction:column;gap:1rem;overflow:auto}.cropper-header{display:flex;justify-content:space-between;align-items:center}.cropper-header h3{margin:0;font-size:1.125rem}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:6px;font-size:1.25rem;cursor:pointer;color:var(--color-text-muted);transition:all .2s}.close-btn:hover{background:var(--color-border);color:var(--color-text)}.close-btn:disabled{opacity:.6;cursor:not-allowed}.ratio-selector{display:flex;gap:.5rem;flex-wrap:wrap}.ratio-btn{padding:.5rem 1rem;border:2px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.ratio-btn:hover{border-color:var(--color-cta);color:var(--color-cta)}.ratio-btn.active{border-color:var(--color-cta);background:var(--color-cta);color:#fff}.ratio-btn:disabled{opacity:.6;cursor:not-allowed}.cropper-container{position:relative;width:500px;height:500px;background:#1a1a1a;overflow:hidden;border-radius:8px;cursor:grab}.cropper-workspace{display:flex;align-items:stretch;gap:1rem}.cropper-side-panel{width:260px;display:flex;flex-direction:column;gap:.75rem}.cropper-panel-card{width:100%;box-sizing:border-box;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-muted);padding:.65rem}.cropper-panel-title{font-size:.78rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.cropper-overview-canvas,.cropper-detail-canvas{position:relative;max-width:100%;box-sizing:border-box;overflow:hidden;border-radius:8px;background:#111827;margin:0 auto}.cropper-overview-image,.cropper-detail-image{position:absolute;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none}.cropper-overview-image{object-fit:contain}.cropper-overview-rect{position:absolute;border:2px solid #22c55e;box-shadow:0 0 0 2000px #0000003d;pointer-events:none}.cropper-container:active{cursor:grabbing}.cropper-image{position:absolute;left:0;top:0;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform}.crop-overlay{position:absolute;background:#00000080;pointer-events:none;z-index:5}.crop-frame{position:absolute;border:2px solid white;pointer-events:none;z-index:10;box-sizing:border-box}.crop-frame.crop-frame-draggable{pointer-events:auto;cursor:move}.crop-frame:hover{border-color:#fff}.grid-overlay{position:absolute;inset:0;pointer-events:none}.grid-line{position:absolute;background:#ffffff4d}.grid-line.horizontal{left:0;right:0;height:1px}.grid-line.vertical{top:0;bottom:0;width:1px}.resize-handle{position:absolute;background:var(--color-surface);border:2px solid var(--color-cta, #007bff);z-index:20;pointer-events:auto}.resize-handle-nw,.resize-handle-ne,.resize-handle-sw,.resize-handle-se{width:12px;height:12px;border-radius:2px}.resize-handle-nw{top:-6px;left:-6px;cursor:nw-resize}.resize-handle-ne{top:-6px;right:-6px;cursor:ne-resize}.resize-handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.resize-handle-se{bottom:-6px;right:-6px;cursor:se-resize}.resize-handle-n,.resize-handle-s{width:32px;height:8px;left:50%;transform:translate(-50%);border-radius:4px}.resize-handle-n{top:-4px;cursor:n-resize}.resize-handle-s{bottom:-4px;cursor:s-resize}.resize-handle-w,.resize-handle-e{width:8px;height:32px;top:50%;transform:translateY(-50%);border-radius:4px}.resize-handle-w{left:-4px;cursor:w-resize}.resize-handle-e{right:-4px;cursor:e-resize}.resize-handle:hover{background:var(--color-cta, #007bff);border-color:#fff}.cropper-hint{font-size:.75rem;color:var(--color-text-muted);text-align:center}.cropper-actions{display:flex;justify-content:flex-end;gap:.75rem}.cancel-btn{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.875rem}.cancel-btn:hover{background:var(--color-surface-muted)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-btn{padding:.5rem 1.5rem;border:none;border-radius:6px;background:var(--color-cta);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;min-width:92px}.confirm-btn:hover{background:var(--color-cta-hover)}.confirm-btn:disabled{opacity:.75;cursor:wait}.confirm-btn.is-loading:before{content:"";width:12px;height:12px;margin-right:.45rem;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:cropper-confirm-spin .7s linear infinite}.zoom-controls{display:flex;align-items:center;gap:.5rem}.zoom-btn{width:32px;height:32px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center}.zoom-btn:hover{background:var(--color-surface-muted);color:var(--color-cta)}.zoom-btn:disabled{opacity:.5;cursor:not-allowed}.zoom-slider:disabled{opacity:.6;cursor:not-allowed}.zoom-preset-btn{min-width:44px;font-size:.75rem;font-weight:600;padding:0 .4rem}.zoom-slider{width:120px;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;outline:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-cta);border-radius:50%;cursor:pointer}.zoom-slider::-moz-range-thumb{width:16px;height:16px;background:var(--color-cta);border-radius:50%;cursor:pointer;border:none}.zoom-value{font-size:.75rem;color:var(--color-text-muted);min-width:40px;text-align:center;font-weight:500}.crop-ratio-value{font-size:.75rem;color:var(--color-text-muted);min-width:80px;text-align:center;font-weight:500;padding-left:.5rem;border-left:1px solid var(--color-border);margin-left:.5rem}@keyframes cropper-confirm-spin{to{transform:rotate(360deg)}}@media(max-width:980px){.image-cropper-modal{width:min(760px,96vw);padding:1rem}.cropper-workspace{flex-direction:column}.cropper-side-panel{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}}@media(max-width:680px){.cropper-side-panel{grid-template-columns:1fr}}.media-filter-sort-bar{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:nowrap;overflow:hidden}.media-filter-sort-bar--search-overlay{position:relative}.media-filter-sort-bar--search-overlay.media-filter-sort-bar--search-expanded>:not(.media-search-input--overlay){visibility:hidden;pointer-events:none}.media-filter-sort-bar--compact{padding:.25rem .5rem;gap:.375rem}.media-search-input{height:32px;box-sizing:border-box;flex:1 1 160px;min-width:96px;padding:0 .4rem;border:1px solid var(--color-border);border-radius:4px;font-size:.75rem;color:var(--color-text);background:var(--color-surface)}.media-search-input--full-row{flex-basis:100%;min-width:0}.media-search-input--overlay{position:absolute;inset:0;z-index:5;flex:none;width:100%;min-width:0;background:var(--color-surface)}.media-search-input:focus{outline:none;border-color:var(--color-primary, #0ea5a5)}.media-search-input::placeholder{color:var(--color-text-muted)}.media-filter-select,.media-sort-select{height:32px;box-sizing:border-box;padding:0 1.9rem 0 .5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.75rem;color:var(--color-text);background-color:var(--color-surface);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - .9rem) calc(50% - .08rem),calc(100% - .62rem) calc(50% - .08rem);background-size:.4rem .4rem,.4rem .4rem;background-repeat:no-repeat;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:0;max-width:136px;text-overflow:ellipsis}input.media-filter-select{padding-right:.5rem;background-image:none;appearance:auto}.media-filter-select:focus,.media-sort-select:focus{outline:none;border-color:var(--color-primary, #0ea5a5)}.media-filter-inline-field{display:contents}.media-sort-controls{display:flex;align-items:center;gap:.25rem;margin-left:auto;flex:0 0 auto}.media-filter-sort-bar--single-row .media-sort-controls{margin-left:0;flex-shrink:0}.media-filter-sort-bar--single-row .media-filter-select,.media-filter-sort-bar--single-row .media-sort-select{max-width:138px;flex-shrink:1}.media-filter-menu{position:relative;flex:0 0 auto;margin-left:auto}.media-filter-menu-btn{position:relative;width:32px;height:32px;box-sizing:border-box;background:none;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;color:var(--color-text-muted, #64748b);padding:0;display:inline-flex;align-items:center;justify-content:center}.media-filter-menu-btn:hover,.media-filter-menu-btn--active{color:var(--color-primary, #0ea5a5);border-color:var(--color-primary, #0ea5a5);background:#0ea5a514}.media-filter-menu-btn--active:after{content:"";position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--color-primary, #0ea5a5)}.media-filter-menu__panel{z-index:12020;padding:.65rem;display:flex;flex-direction:column;gap:.55rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-lg, 0 10px 24px rgba(0, 0, 0, .14))}.media-filter-field{display:flex;flex-direction:column;gap:.25rem;min-width:0;color:var(--color-text-muted);font-size:.68rem;font-weight:600}.media-filter-field .media-filter-select,.media-filter-field .media-sort-select{width:100%;max-width:none}.media-filter-field .media-sort-controls{width:100%;margin-left:0}.media-filter-field .media-sort-select{flex:1 1 auto}@media(max-width:860px){.media-filter-select,.media-sort-select{max-width:120px}}.media-sort-order-btn{width:32px;height:32px;box-sizing:border-box;background:none;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;color:var(--color-text-muted, #64748b);font-size:.8125rem;padding:0;line-height:1;display:flex;align-items:center;justify-content:center}.media-sort-order-btn:hover{color:var(--color-text, #1e293b);border-color:var(--color-primary, #0ea5a5);background:#0ea5a514}.media-search-toggle-btn{position:relative;width:32px;height:32px;box-sizing:border-box;background:none;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;color:var(--color-text-muted, #64748b);font-size:.875rem;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.media-search-toggle-btn:hover{color:var(--color-text, #1e293b);border-color:var(--color-primary, #0ea5a5)}.media-search-toggle-btn--active{color:var(--color-primary, #0ea5a5);border-color:var(--color-primary, #0ea5a5)}.media-search-dot{position:absolute;top:2px;right:2px;width:5px;height:5px;border-radius:50%;background:var(--color-primary, #0ea5a5)}.media-card-meta-container{display:flex;flex-direction:column;gap:1px}.media-card-meta{font-size:.625rem;color:var(--color-text-muted, rgba(255, 255, 255, .8));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.media-card-meta-uploader{font-size:.6rem;color:var(--color-text-muted, rgba(255, 255, 255, .6));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;opacity:.8}.media-card-meta-container--compact .media-card-meta{font-size:8px}.media-card-meta-container--compact .media-card-meta-uploader{font-size:7px}.external-image-search-panel,.media-picker-external-search,.media-assets-external-search{display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-height:0;color:var(--color-text)}.media-picker-external-search__form,.media-assets-external-search__form{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}.media-picker-external-search__search-row,.media-assets-external-search__search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.media-picker-external-search__options-row,.media-assets-external-search__options-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.media-picker-external-search__smart-enhancement-toggle,.media-assets-external-search__smart-enhancement-toggle{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 10px;border:1px solid var(--color-border, #d1d5db);border-radius:8px;background:var(--color-surface, #fff);font-size:.8125rem;cursor:pointer;-webkit-user-select:none;user-select:none}.media-picker-external-search__smart-enhancement-toggle input,.media-assets-external-search__smart-enhancement-toggle input{margin:0}.media-picker-external-search__input,.media-picker-external-search__provider-select,.media-assets-external-search__input,.media-assets-external-search__provider-select{flex:1;min-width:0;border:1px solid var(--color-border, #d1d5db);border-radius:8px;padding:10px 12px;background:color-mix(in srgb,var(--color-surface, #fff) 92%,var(--color-surface-muted, #f8fafc) 8%);color:var(--color-text, #0f172a);box-sizing:border-box}.media-picker-external-search__provider-select,.media-assets-external-search__provider-select{flex:0 1 11rem;max-width:11rem}.media-picker-external-search__search-btn,.media-assets-external-search__search-btn,.media-picker-external-search__info-btn,.media-assets-external-search__info-btn,.media-picker-external-search__confirm-btn,.media-assets-external-search__confirm-btn,.media-picker-external-search__load-more-btn,.media-assets-external-search__load-more-btn{border:1px solid var(--color-border, #d1d5db);border-radius:8px;background:color-mix(in srgb,var(--color-surface, #fff) 88%,var(--color-surface-muted, #f8fafc) 12%);color:var(--color-text-secondary, #475569);padding:0 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.media-picker-external-search__search-btn,.media-assets-external-search__search-btn{width:40px;min-width:40px}.media-picker-external-search__search-btn:hover,.media-assets-external-search__search-btn:hover,.media-picker-external-search__info-btn:hover,.media-assets-external-search__info-btn:hover,.media-picker-external-search__confirm-btn:hover,.media-assets-external-search__confirm-btn:hover,.media-picker-external-search__load-more-btn:hover,.media-assets-external-search__load-more-btn:hover{color:var(--color-text, #0f172a);border-color:color-mix(in srgb,var(--color-cta, #2563eb) 36%,var(--color-border, #d1d5db) 64%);background:color-mix(in srgb,var(--color-surface, #fff) 74%,var(--color-cta, #2563eb) 26%)}.media-picker-external-search__search-btn:focus-visible,.media-assets-external-search__search-btn:focus-visible,.media-picker-external-search__info-btn:focus-visible,.media-assets-external-search__info-btn:focus-visible,.media-picker-external-search__confirm-btn:focus-visible,.media-assets-external-search__confirm-btn:focus-visible,.media-picker-external-search__load-more-btn:focus-visible,.media-assets-external-search__load-more-btn:focus-visible,.media-picker-external-search__input:focus-visible,.media-assets-external-search__input:focus-visible,.media-picker-external-search__provider-select:focus-visible,.media-assets-external-search__provider-select:focus-visible,.media-picker-external-search__category-select:focus-visible,.media-assets-external-search__category-select:focus-visible,.media-picker-external-search__new-category-input:focus-visible,.media-assets-external-search__new-category-input:focus-visible,.media-picker-external-search__variant-select:focus-visible,.media-assets-external-search__variant-select:focus-visible,.media-picker-external-search__preview-select:focus-visible,.media-assets-external-search__preview-select:focus-visible,.media-picker-external-search__provider-settings-btn:focus-visible,.media-assets-external-search__provider-settings-btn:focus-visible{outline:none;border-color:var(--color-cta, #2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-cta, #2563eb) 18%,transparent)}.media-picker-external-search__search-icon,.media-assets-external-search__search-icon,.media-picker-external-search__info-icon,.media-assets-external-search__info-icon{width:16px;height:16px}.media-picker-external-search__search-loading,.media-assets-external-search__search-loading{font-size:.8125rem}.media-picker-external-search__search-spinner,.media-assets-external-search__search-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(148,163,184,.35);border-top-color:currentColor;animation:media-picker-external-search-spin .6s linear infinite}.media-picker-external-search__smart-enhancement-summary,.media-assets-external-search__smart-enhancement-summary{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:.8125rem;color:var(--color-text-secondary, #475569)}.media-picker-external-search__smart-enhancement-summary-label,.media-assets-external-search__smart-enhancement-summary-label{font-weight:600;color:var(--color-text-primary, #334155)}.media-picker-external-search__smart-enhancement-summary-value,.media-assets-external-search__smart-enhancement-summary-value{word-break:break-word}.media-picker-external-search__results,.media-assets-external-search__results{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:4px}.media-picker-external-search__card,.media-assets-external-search__card{border:1px solid var(--color-border, #d1d5db);border-radius:12px;overflow:hidden;background:var(--color-surface, #fff);display:grid;grid-template-rows:minmax(0,1fr) auto;position:relative;height:260px}.media-picker-external-search__thumb-frame,.media-assets-external-search__thumb-frame{position:relative;min-height:0;overflow:hidden;background:#f8fafc}.media-picker-external-search__card--selected,.media-assets-external-search__card--selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb59}.media-picker-external-search__card--already-selected,.media-assets-external-search__card--already-selected{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a73}.media-picker-external-search__thumb,.media-assets-external-search__thumb{width:100%;height:100%;object-fit:contain;object-position:center;background:#f8fafc;cursor:zoom-in;display:block}.media-picker-external-search__thumb-loading-overlay,.media-assets-external-search__thumb-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172a73;z-index:3;pointer-events:none}.media-picker-external-search__thumb-spinner,.media-assets-external-search__thumb-spinner{width:24px;height:24px;border-radius:999px;border:3px solid rgba(248,250,252,.45);border-top-color:#e5e7eb;animation:media-picker-external-search-spin .6s linear infinite}.media-picker-external-search__meta,.media-assets-external-search__meta{min-height:78px;padding:8px 10px 10px;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;box-sizing:border-box}.media-picker-external-search__sr-only,.media-assets-external-search__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.media-picker-external-search__variant-field,.media-assets-external-search__variant-field{display:block}.media-picker-external-search__variant-label,.media-assets-external-search__variant-label{font-size:.75rem;color:var(--color-text-muted, #64748b)}.media-picker-external-search__variant-single,.media-assets-external-search__variant-single{font-size:.75rem;color:var(--color-text-secondary, #475569);font-variant-numeric:tabular-nums;line-height:1.25}.media-picker-external-search__attribution,.media-assets-external-search__attribution{font-size:.75rem;line-height:1.35;color:var(--color-text-secondary, #475569);overflow-wrap:anywhere}.media-picker-external-search__attribution a,.media-assets-external-search__attribution a,.media-picker-external-search__preview-attribution a,.media-assets-external-search__preview-attribution a{color:var(--color-cta, #2563eb);text-decoration:none}.media-picker-external-search__attribution a:hover,.media-assets-external-search__attribution a:hover,.media-picker-external-search__preview-attribution a:hover,.media-assets-external-search__preview-attribution a:hover{text-decoration:underline}.media-picker-external-search__preview-attribution,.media-assets-external-search__preview-attribution{color:#e2e8f0;font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere}.media-picker-external-search__variant-select,.media-assets-external-search__variant-select,.media-picker-external-search__preview-select,.media-assets-external-search__preview-select{width:100%;min-width:0;border:1px solid var(--color-border, #d1d5db);border-radius:8px;padding:8px 10px;background:color-mix(in srgb,var(--color-surface, #fff) 92%,var(--color-surface-muted, #f8fafc) 8%);color:var(--color-text, #0f172a);box-sizing:border-box}.media-picker-external-search__variant-select,.media-assets-external-search__variant-select{font-size:.75rem;line-height:1.2;padding:7px 9px;font-variant-numeric:tabular-nums}.media-picker-external-search__author,.media-assets-external-search__author,.media-picker-external-search__empty,.media-assets-external-search__empty,.media-picker-external-search__error,.media-assets-external-search__error,.media-picker-external-search__category-label,.media-assets-external-search__category-label{font-size:.875rem;color:var(--color-text-secondary, #475569)}.media-picker-external-search__recent,.media-assets-external-search__recent{display:flex;flex-direction:column;gap:6px}.media-picker-external-search__recent-label,.media-assets-external-search__recent-label{font-size:.75rem;color:var(--color-text-muted, #6b7280)}.media-picker-external-search__recent-list,.media-assets-external-search__recent-list{display:flex;flex-wrap:wrap;gap:6px}.media-picker-external-search__recent-chip,.media-assets-external-search__recent-chip{border:none;background:none;padding:0;font-size:.75rem;color:var(--color-cta, #2563eb);cursor:pointer;text-decoration:none}.media-picker-external-search__recent-chip:hover,.media-assets-external-search__recent-chip:hover{text-decoration:underline}.media-picker-external-search__load-more,.media-assets-external-search__load-more{display:flex;justify-content:center}.media-picker-external-search__load-more-btn,.media-assets-external-search__load-more-btn{padding:0 14px}@keyframes media-picker-external-search-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.media-picker-external-search__action-btn,.media-assets-external-search__action-btn,.media-picker-external-search__use-direct-btn,.media-assets-external-search__use-direct-btn{margin:0;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;box-sizing:border-box;border-radius:999px;background:#0f172ad1;color:#e5e7eb;border:1px solid rgba(148,163,184,.65);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease,opacity .15s ease}.media-picker-external-search__action-btn:hover,.media-assets-external-search__action-btn:hover,.media-picker-external-search__use-direct-btn:hover,.media-assets-external-search__use-direct-btn:hover{background:#1e293bf0;transform:translateY(-1px)}.media-picker-external-search__action-btn--library,.media-assets-external-search__action-btn--library{background:#16a34a2e;border-color:#16a34abf;color:#16a34a}.media-picker-external-search__use-direct-btn--selected,.media-assets-external-search__use-direct-btn--selected{background:#2563eb2e;border-color:#2563ebc7;color:#2563eb}.media-picker-external-search__action-btn:disabled,.media-assets-external-search__action-btn:disabled,.media-picker-external-search__use-direct-btn:disabled,.media-assets-external-search__use-direct-btn:disabled{opacity:1;cursor:not-allowed;transform:none}.media-picker-external-search__category-prompt,.media-assets-external-search__category-prompt{border:1px solid var(--color-border, #d1d5db);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--color-surface-muted, #f8fafc) 76%,var(--color-surface, #fff) 24%)}.media-picker-external-search__card-actions,.media-assets-external-search__card-actions{position:absolute;top:6px;right:6px;display:flex;gap:4px;z-index:2}.media-picker-external-search__preview-overlay,.media-assets-external-search__preview-overlay{position:fixed;inset:0;background:#020617f5;z-index:9999}.media-picker-external-search__preview-dialog,.media-assets-external-search__preview-dialog{position:relative;width:100vw;height:100vh;overflow:hidden}.media-picker-external-search__preview-toolbar,.media-assets-external-search__preview-toolbar{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:10px;z-index:3}.media-picker-external-search__preview-toolbar-btn,.media-assets-external-search__preview-toolbar-btn,.media-picker-external-search__preview-close-btn,.media-assets-external-search__preview-close-btn{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0f172ab8;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .1s ease,color .15s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.media-picker-external-search__preview-toolbar-btn:hover,.media-assets-external-search__preview-toolbar-btn:hover,.media-picker-external-search__preview-close-btn:hover,.media-assets-external-search__preview-close-btn:hover{background:#1e293beb;transform:translateY(-1px)}.media-picker-external-search__preview-toolbar-btn--link,.media-assets-external-search__preview-toolbar-btn--link{text-decoration:none;color:#bfdbfe}.media-picker-external-search__preview-toolbar-btn:disabled,.media-assets-external-search__preview-toolbar-btn:disabled{opacity:.7;cursor:wait}.media-picker-external-search__preview-stage,.media-assets-external-search__preview-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:40px 380px 40px 40px;box-sizing:border-box}.media-picker-external-search__preview-image,.media-assets-external-search__preview-image{max-width:100%;max-height:100%;object-fit:contain}.media-picker-external-search__preview-video,.media-assets-external-search__preview-video{width:100%;height:100%;background:#020617}.media-picker-external-search__preview-meta-floating,.media-assets-external-search__preview-meta-floating{position:absolute;top:50%;right:24px;transform:translateY(-50%);width:min(340px,calc(100vw - 48px));max-height:calc(100vh - 120px);overflow-y:auto;padding:18px;border-radius:18px;background:#0f172ac7;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px #0006;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.media-picker-external-search__preview-meta,.media-assets-external-search__preview-meta{display:flex;flex-direction:column;gap:10px;font-size:.875rem}.media-picker-external-search__preview-meta-row,.media-assets-external-search__preview-meta-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.media-picker-external-search__preview-label,.media-assets-external-search__preview-label{color:#e2e8f0b8;white-space:nowrap;flex-shrink:0}.media-picker-external-search__preview-value,.media-assets-external-search__preview-value{color:#f8fafc;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.media-picker-external-search__preview-select,.media-assets-external-search__preview-select{flex:1 1 auto;max-width:180px;background:#1e293be6;border-color:#ffffff24;color:#f8fafc}.media-picker-external-search__preview-value a,.media-assets-external-search__preview-value a,.media-picker-external-search__preview-link,.media-assets-external-search__preview-link{color:#93c5fd;text-decoration:none}.media-picker-external-search__preview-value a:hover,.media-assets-external-search__preview-value a:hover,.media-picker-external-search__preview-link:hover,.media-assets-external-search__preview-link:hover{text-decoration:underline}@media(max-width:960px){.media-picker-external-search__preview-stage,.media-assets-external-search__preview-stage{padding:80px 24px 280px}.media-picker-external-search__preview-meta-floating,.media-assets-external-search__preview-meta-floating{inset:auto 16px 16px;width:auto;max-height:240px;transform:none}}.media-picker-external-search__category-actions,.media-assets-external-search__category-actions{display:flex;gap:8px;margin-top:8px}.media-picker-external-search__category-select,.media-assets-external-search__category-select,.media-picker-external-search__new-category-input,.media-assets-external-search__new-category-input{flex:1;min-width:0;border:1px solid var(--color-border, #d1d5db);border-radius:8px;padding:10px 12px;background:color-mix(in srgb,var(--color-surface, #fff) 92%,var(--color-surface-muted, #f8fafc) 8%);color:var(--color-text, #0f172a);box-sizing:border-box}.media-picker-external-search__provider-status,.media-assets-external-search__provider-status{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--color-border, #d1d5db);border-radius:10px;background:color-mix(in srgb,var(--color-surface, #fff) 92%,#f8fafc 8%);overflow-x:auto;white-space:nowrap}.media-picker-external-search__provider-status-header,.media-assets-external-search__provider-status-header{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.media-picker-external-search__provider-status-label,.media-assets-external-search__provider-status-label,.media-picker-external-search__provider-status-hint,.media-assets-external-search__provider-status-hint{font-size:.8125rem;color:var(--color-text-muted, #64748b);flex:0 0 auto}.media-picker-external-search__provider-status-list,.media-assets-external-search__provider-status-list{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.media-picker-external-search__provider-pill,.media-assets-external-search__provider-pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;font-size:.75rem;border:1px solid transparent}.media-picker-external-search__provider-pill--configured,.media-assets-external-search__provider-pill--configured{color:var(--color-success, #16a34a);background:color-mix(in srgb,var(--color-success, #16a34a) 16%,transparent);border-color:color-mix(in srgb,var(--color-success, #16a34a) 28%,transparent)}.media-picker-external-search__provider-pill--unconfigured,.media-assets-external-search__provider-pill--unconfigured{color:var(--color-warning, #f59e0b);background:color-mix(in srgb,var(--color-warning, #f59e0b) 16%,transparent);border-color:color-mix(in srgb,var(--color-warning, #f59e0b) 28%,transparent)}.media-picker-external-search__provider-settings-btn,.media-assets-external-search__provider-settings-btn{border:1px solid transparent;border-radius:8px;background:transparent;padding:.35rem .55rem;font-size:.8125rem;color:var(--color-cta, #2563eb);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.media-picker-external-search__provider-settings-btn:hover,.media-assets-external-search__provider-settings-btn:hover{text-decoration:none;border-color:color-mix(in srgb,var(--color-cta, #2563eb) 32%,transparent);background:color-mix(in srgb,var(--color-cta, #2563eb) 10%,transparent)}.media-picker-external-search__search-btn:disabled,.media-assets-external-search__search-btn:disabled,.media-picker-external-search__input:disabled,.media-assets-external-search__input:disabled,.media-picker-external-search__provider-select:disabled,.media-assets-external-search__provider-select:disabled{cursor:not-allowed;opacity:.6}@media(max-width:520px){.media-picker-external-search__search-row,.media-assets-external-search__search-row{grid-template-columns:minmax(0,1fr) 40px}.media-picker-external-search__options-row,.media-assets-external-search__options-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.media-picker-external-search__provider-select,.media-assets-external-search__provider-select,.media-picker-external-search__smart-enhancement-toggle,.media-assets-external-search__smart-enhancement-toggle{width:100%;max-width:none}.media-picker-external-search__info-btn,.media-assets-external-search__info-btn{justify-self:start}}.media-picker-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:12000;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.media-picker-modal{background:var(--color-surface);border-radius:12px;padding:1.5rem;width:90vw;max-width:1000px;max-height:80vh;max-height:80dvh;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}.media-picker-modal.is-dragging{box-shadow:inset 0 0 0 3px var(--color-cta, #0ea5a5),0 0 20px #0ea5a533}.picker-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;flex-shrink:0;min-width:0}.picker-header-title-row{display:flex;align-items:center;gap:16px;min-width:0}.picker-header h3{margin:0;color:var(--color-text);font-size:1.125rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-header-right{display:flex;align-items:center;gap:.75rem;min-width:0}.category-filter{height:32px;padding:0 2rem 0 .75rem;border:1.5px solid var(--color-border);border-radius:6px;font-size:.875rem;color:var(--color-text);background-color:var(--color-surface);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 1rem) calc(50% - .08rem),calc(100% - .72rem) calc(50% - .08rem);background-size:.42rem .42rem,.42rem .42rem;background-repeat:no-repeat;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;min-width:150px;text-overflow:ellipsis}.category-filter:hover{border-color:var(--color-cta)}.category-filter:focus{outline:none;border-color:var(--color-cta);box-shadow:0 0 0 2px #6366f11a}.media-picker-modal .filter-select{padding-right:2rem;background-color:var(--color-surface);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 1rem) calc(50% - .08rem),calc(100% - .72rem) calc(50% - .08rem);background-size:.42rem .42rem,.42rem .42rem;background-repeat:no-repeat;appearance:none;-webkit-appearance:none;-moz-appearance:none;text-overflow:ellipsis}.picker-header .close-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-muted);padding:0;line-height:1;flex-shrink:0}.picker-header .close-btn:hover{color:var(--color-text)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;border:none;max-height:none;padding:0;background:none}.media-grid.video-grid,.media-grid.audio-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.audio-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#9333ea;background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-radius:4px}.media-item{display:flex;flex-direction:column;padding:.5rem;border:2px solid var(--color-border);border-radius:4px;overflow:hidden;cursor:pointer;position:relative;background:var(--color-surface);transition:border-color .2s,transform .2s,box-shadow .2s}.media-item:hover:not(.used){border-color:var(--color-cta);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.media-item.used{opacity:.5;cursor:not-allowed}.media-item.selected{border-color:var(--color-cta);box-shadow:0 0 0 2px #6366f14d}.media-item img,.media-item video{width:100%;height:100%;object-fit:contain;border-radius:4px}.media-thumb-container{position:relative;width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-muted);border-radius:4px;overflow:hidden;flex-shrink:0}.media-info{display:flex;flex-direction:column;gap:2px;padding-top:.25rem;min-height:0}.media-name{padding:0;font-size:.7rem;color:var(--color-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;line-height:1.3}.media-meta{display:flex;justify-content:center;gap:.375rem;font-size:.6rem;color:var(--color-text-muted);line-height:1.2}.media-ratio,.media-size{color:var(--color-text-muted)}.media-picker-card-meta .media-card-meta{text-align:center}.media-toolbar-wrapper{display:flex;align-items:center;gap:.5rem;padding:0 0 .5rem;min-width:0}.media-toolbar-wrapper .media-filter-sort-bar{flex:1 1 auto;min-width:0;padding-left:0;padding-right:0;border-bottom:none}.used-badge{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;font-size:.65rem;padding:2px 6px;border-radius:4px}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);pointer-events:none}.media-toolbar{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;min-width:0}.grid-upload-btn{width:32px;height:32px;background:var(--color-cta);color:#fff;border:none;border-radius:6px;font-size:1.25rem;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:background .2s}.grid-upload-btn:hover{background:var(--color-cta-hover, #4f46e5)}.media-grid-wrapper{padding-top:0}.media-picker-content{min-height:0;flex:1;display:flex;flex-direction:column;overflow-y:auto}.media-picker-content--external-search{overflow-y:hidden}.local-upload-add-btn{border-style:dashed;border-color:var(--color-border)}.local-upload-add-btn:hover{border-color:var(--color-cta-hover)}.local-upload-add-btn.uploading{opacity:.6;cursor:wait}.upload-add-icon{font-size:2rem;color:var(--color-cta-hover);font-weight:300}.local-upload-item .media-thumb-container{position:relative}.local-upload-item--pending{opacity:.72}.local-upload-item--failed{border-color:var(--color-error, #dc2626)}.local-upload-status{color:var(--color-text-secondary);font-size:.75rem}.local-upload-item--failed .local-upload-status{color:var(--color-error, #dc2626)}.local-upload-loading{position:absolute;inset:50% auto auto 50%;width:24px;height:24px;margin:-12px;border:3px solid rgb(255 255 255 / 55%);border-top-color:var(--color-cta-hover);border-radius:50%;animation:media-picker-upload-spin .8s linear infinite}@keyframes media-picker-upload-spin{to{transform:rotate(360deg)}}.upload-form{display:flex;gap:1rem;padding:1rem;background:var(--color-surface-muted);border-radius:8px;margin-bottom:1rem;align-items:center}.upload-preview{width:120px;height:120px;border-radius:8px;overflow:hidden;background:var(--color-border);flex-shrink:0}.upload-preview.video-preview{width:200px}.upload-preview.audio-preview{width:200px;display:flex;align-items:center;justify-content:center}.upload-preview img,.upload-preview video{width:100%;height:100%;object-fit:cover}.upload-controls{flex:1;display:flex;flex-direction:column;gap:.75rem}.category-select{padding:.5rem 2rem .5rem .75rem;border:1.5px solid var(--color-border);border-radius:6px;font-size:.875rem;color:var(--color-text);background-color:var(--color-surface);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 1rem) calc(50% - .08rem),calc(100% - .72rem) calc(50% - .08rem);background-size:.42rem .42rem,.42rem .42rem;background-repeat:no-repeat;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;width:100%;text-overflow:ellipsis}.category-select:focus{outline:none;border-color:var(--color-cta);box-shadow:0 0 0 2px #6366f11a}.upload-actions{display:flex;gap:.5rem}.cancel-upload-btn,.confirm-upload-btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .2s}.cancel-upload-btn{background:var(--color-border);border:1px solid var(--color-border);color:var(--color-text-muted)}.cancel-upload-btn:hover:not(:disabled){background:var(--color-border)}.confirm-upload-btn{background:var(--color-cta);border:none;color:#fff}.confirm-upload-btn:hover:not(:disabled){background:var(--color-cta-hover, #4f46e5)}.confirm-upload-btn:disabled,.cancel-upload-btn:disabled{opacity:.6;cursor:not-allowed}.category-input-group{display:flex;flex-direction:column;gap:.5rem}.new-category-input,.upload-name-input{padding:.5rem .75rem;border:1.5px solid var(--color-border);border-radius:6px;font-size:.875rem;color:var(--color-text);background:var(--color-surface);width:100%}.upload-name-input:focus,.new-category-input:focus{outline:none;border-color:var(--color-cta);box-shadow:0 0 0 2px #6366f11a}.upload-name-input::placeholder,.new-category-input::placeholder{color:var(--color-text-muted)}.selected-badge{position:absolute;top:8px;right:8px;background:var(--color-cta);color:#fff;font-size:.75rem;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.picker-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface)}.picker-footer-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.picker-footer-thumbnails{display:flex;align-items:center;gap:4px;max-width:340px;overflow-x:auto;padding:2px 0}.picker-footer-thumb{position:relative;width:32px;height:32px;border-radius:4px;overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface-muted);flex-shrink:0}.picker-footer-thumb img,.picker-footer-thumb video{width:100%;height:100%;object-fit:cover;display:block}.picker-footer-thumb-audio{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#9333ea;background:linear-gradient(135deg,#f3e8ff,#ede9fe)}.picker-footer-thumb-remove{position:absolute;top:0;right:0;transform:translate(25%,-25%);width:16px;height:16px;border-radius:50%;border:none;background:#000000bf;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;padding:0}.picker-footer .cancel-btn,.picker-footer .confirm-btn{padding:.5rem 1.25rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .2s}.picker-footer .cancel-btn{background:var(--color-border);border:1px solid var(--color-border);color:var(--color-text-muted)}.picker-footer .cancel-btn:hover{background:var(--color-border)}.picker-footer .confirm-btn{background:var(--color-cta);border:none;color:#fff}.picker-footer .confirm-btn:hover{background:var(--color-cta-hover, #4f46e5)}.multi-select-container{display:flex;flex-direction:column;gap:1rem}.category-tags-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem}.category-tag-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8rem;border:1.5px solid var(--color-border);border-radius:16px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all .2s}.category-tag-btn:hover{border-color:var(--color-cta);color:var(--color-cta)}.category-tag-btn.some-selected{border-color:var(--color-cta);background:#6366f11a;color:var(--color-cta)}.category-tag-btn.all-selected{border-color:var(--color-cta);background:var(--color-cta);color:#fff}.category-tag-count{font-size:.7rem;opacity:.8}.media-groups{overflow-y:auto}.media-category-group{margin-bottom:1.5rem}.media-category-group:last-child{margin-bottom:0}.category-header{display:flex;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.category-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--color-text)}.category-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-cta)}.category-checkbox-label .category-name{font-weight:500}.category-checkbox-label .category-count{color:var(--color-text-muted);font-size:.85rem}.selected-count{font-size:.875rem;color:var(--color-text-muted);flex-shrink:0}.media-picker-modal .media-type-tabs{display:flex;gap:0;border:1.5px solid var(--color-border);border-radius:8px;overflow:hidden}.media-picker-modal .media-type-tab{padding:.375rem 1rem;font-size:.8rem;border:none;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all .2s;font-weight:500}.media-picker-modal .media-type-tab:not(:last-child){border-right:1.5px solid var(--color-border)}.media-picker-modal .media-type-tab:hover:not(.active){background:var(--color-surface-muted)}.media-picker-modal .media-type-tab.active{background:var(--color-cta);color:#fff}.picker-footer .confirm-btn:disabled{opacity:.6;cursor:not-allowed}.source-toggle{display:flex;gap:0;border:1.5px solid var(--color-border);border-radius:8px;overflow:hidden;max-width:100%}.source-toggle-btn{padding:.375rem .75rem;font-size:.8rem;border:none;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all .2s;font-weight:500;white-space:nowrap}.source-toggle-btn:not(:last-child){border-right:1.5px solid var(--color-border)}.source-toggle-btn:hover:not(.active){background:var(--color-surface-muted)}.source-toggle-btn.active{background:var(--color-cta);color:#fff}.source-toggle-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:.65rem;font-weight:600;background:#ffffff4d;margin-left:4px}.source-toggle-btn:not(.active) .source-toggle-count{background:var(--color-cta);color:#fff}.upload-error-banner{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;margin-bottom:.5rem;background:color-mix(in srgb,var(--color-error) 8%,white);border:1px solid color-mix(in srgb,var(--color-error) 25%,white);border-radius:6px;color:var(--color-error);font-size:.8rem}.upload-error-banner span{min-width:0;word-break:break-word}.upload-error-dismiss{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:1.1rem;padding:0 2px;line-height:1;flex-shrink:0}@media(max-width:860px){.media-picker-overlay{padding:0;align-items:stretch}.media-picker-modal{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:100dvh;border-radius:0;padding:calc(.75rem + env(safe-area-inset-top)) .75rem calc(.75rem + env(safe-area-inset-bottom))}.picker-header{margin-bottom:.65rem}.picker-header h3{font-size:1rem}.picker-header>div:first-child{min-width:0}.media-picker-modal .media-type-tabs{max-width:100%;overflow-x:auto}.media-picker-modal .media-type-tab{padding:.35rem .7rem}.media-toolbar{gap:.4rem;flex:0 1 auto}.category-filter{min-width:0;flex:1 1 auto;max-width:150px}.media-picker-content{padding-bottom:env(safe-area-inset-bottom)}.media-picker-modal--upload-focused .picker-header,.media-picker-modal--upload-focused .media-picker-content,.media-picker-modal--upload-focused .picker-footer{display:none}.media-picker-modal--upload-focused .upload-form{margin:0;border-radius:0;padding:0;background:transparent;flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.media-picker-modal--upload-focused .upload-preview,.media-picker-modal--upload-focused .upload-preview.video-preview,.media-picker-modal--upload-focused .upload-preview.audio-preview{width:100%;height:min(46vh,46dvh);display:flex;align-items:center;justify-content:center;background:var(--color-surface-muted)}.media-picker-modal--upload-focused .upload-preview img,.media-picker-modal--upload-focused .upload-preview video{object-fit:contain}.media-picker-modal--upload-focused .upload-controls{display:flex;flex-direction:column;gap:.7rem}.media-picker-modal--upload-focused .category-input-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,42%);gap:.5rem}.media-picker-modal--upload-focused .category-input-group .new-category-input{grid-column:1 / -1}.media-picker-modal--upload-focused .upload-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.media-picker-modal--upload-focused .upload-actions button{width:100%}.media-picker-modal--upload-focused .upload-error-banner{margin:0;flex-shrink:0}}.task-results-panel{display:flex;flex-direction:column;gap:.75rem;min-height:0;min-width:0;flex:1}.task-results-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.task-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:.75rem;align-content:start;overflow-y:auto;min-height:220px;min-width:0;padding-right:.25rem}.task-result-card{display:flex;flex-direction:column;gap:.625rem;min-width:0;padding:.625rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text)}.task-result-card--wide{grid-column:1 / -1}.task-result-card__body{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.task-result-card__title{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-result-card__meta{color:var(--color-text-secondary);font-size:.8rem;white-space:nowrap;text-align:right}.task-result-card__outputs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;min-width:0}.task-result-card__output{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 120px;width:100%;max-width:220px;min-width:0;height:75px;padding:.375rem;overflow:hidden;text-align:left;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-secondary);color:var(--color-text);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.task-result-card__output:hover:not(.used),.task-result-card__output:focus-within:not(.used){border-color:var(--color-cta);box-shadow:0 8px 24px #0f172a1f;outline:none}.task-result-card__output.selected{border-color:var(--color-cta);border-width:2px;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-cta) 26%,transparent),0 8px 20px color-mix(in srgb,var(--color-cta) 16%,transparent)}.task-result-card__output.selected:after{content:"✓";position:absolute;top:.25rem;right:.25rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--color-cta);color:#fff;font-size:.75rem;font-weight:700;line-height:1;box-shadow:0 2px 8px #0f172a3d}.task-result-card__output.selected:has(.task-result-card__select-video):after{display:none}.task-result-card__output.used{opacity:.5;cursor:not-allowed;transform:none}.task-result-card__preview-button{display:block;width:100%;height:100%;padding:0;border:none;overflow:hidden;background:transparent;color:inherit;cursor:pointer}.task-result-card__preview-button:disabled{cursor:not-allowed}.task-result-card__preview{position:relative;overflow:hidden;align-self:stretch;width:100%;height:100%;max-width:100%;min-height:0;border-radius:6px;background:var(--color-surface)}.task-result-card__preview img,.task-result-card__preview video{width:100%;height:100%;object-fit:contain;display:block}.task-result-card__audio{display:flex;align-items:center;justify-content:center;height:100%;min-height:63px;font-size:1.5rem;color:#9333ea}.task-result-card__video-placeholder,.video-poster-placeholder{width:100%;height:100%;min-height:63px;background:linear-gradient(135deg,#0f172a33,#0f172a14),var(--color-surface-muted)}.task-result-card__play{position:absolute;inset:auto .5rem .5rem auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#0000008c;color:#fff;font-size:.75rem}.task-result-card__select-video{position:absolute;top:.375rem;right:.375rem;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:#0f172aad;color:#fff;font-size:.75rem;cursor:pointer}.task-result-card__select-video:disabled{cursor:not-allowed}.task-result-card__select-video[aria-pressed=true]{border-color:var(--color-cta);background:var(--color-cta);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-cta) 26%,transparent)}.task-results-loading,.task-results-empty,.task-results-error,.task-results-load-more{grid-column:1 / -1;padding:1rem;text-align:center;color:var(--color-text-secondary)}.media-picker-source-error{display:grid;justify-items:center;gap:.75rem;padding:1.25rem;border:1px solid var(--color-danger-border, #fecaca);border-radius:8px;background:var(--color-danger-surface, #fef2f2);color:var(--color-danger, #b91c1c);text-align:center}.media-picker-source-inline-error{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding:.75rem;border:1px solid var(--color-danger-border, #fecaca);border-radius:8px;background:var(--color-danger-surface, #fef2f2);color:var(--color-danger, #b91c1c);text-align:center}.media-picker-load-more-row{display:flex;justify-content:center;padding:1rem 0 .25rem}.media-picker-load-more-btn{min-width:120px;min-height:36px;padding:.5rem .875rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-secondary);color:var(--color-text);cursor:pointer}.media-picker-load-more-btn:hover:not(:disabled),.media-picker-load-more-btn:focus-visible:not(:disabled){border-color:var(--color-cta);outline:none}.media-picker-load-more-btn:disabled{opacity:.6;cursor:wait}.task-results-load-more{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-secondary);cursor:pointer}.task-results-error{border:1px solid var(--color-danger-border, #fecaca);border-radius:8px;background:var(--color-danger-surface, #fef2f2);color:var(--color-danger, #b91c1c)}@media(max-width:720px){.media-picker-modal{width:calc(100vw - 1rem);padding:1rem}.picker-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.picker-header-title-row{grid-column:1 / 2;gap:.5rem}.picker-header-right{grid-column:1 / -1;justify-content:flex-start;min-width:0}.picker-header-right .source-toggle{overflow-x:auto}.picker-header>.close-btn{grid-column:2 / 3;grid-row:1}}.batch-upload{width:100%;min-width:0}.batch-upload__summary{margin-bottom:.5rem;font-weight:600}.batch-upload__list{display:grid;gap:.5rem;max-height:320px;overflow:auto;margin:0;padding:0;list-style:none}.batch-upload__item{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.5rem;border:1px solid var(--border-color, #ddd);border-radius:6px}.batch-upload__item img,.batch-upload__placeholder{width:48px;height:48px;object-fit:cover;border-radius:4px}.batch-upload__placeholder{display:grid;place-items:center;background:#fff3cd;color:#7a5200;font-weight:700}.batch-upload__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-upload__status{font-size:.85rem}.batch-upload__item--failed,.batch-upload__item--invalid{border-color:#c83b3b}@media(max-width:860px){.batch-upload__item{grid-template-columns:40px minmax(0,1fr) auto}.batch-upload__status{grid-column:2 / -1}}.provider-asset-panel{display:flex;flex-direction:column;gap:.75rem;min-height:0}.provider-asset-panel__toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.provider-asset-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.provider-asset-card{display:flex;flex-direction:column;gap:.35rem;padding:.5rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);text-align:left}button.provider-asset-card{cursor:pointer}.provider-asset-card--disabled{opacity:.72;cursor:not-allowed}.provider-asset-card--selected{border-color:var(--color-cta)}.provider-asset-card__preview{width:100%;height:120px;object-fit:contain;background:var(--color-surface-muted);border-radius:4px}.provider-asset-card__status{align-self:flex-start;padding:.1rem .4rem;border-radius:999px;font-size:.75rem}.provider-asset-card__status--active{background:#dcfce7;color:#166534}.provider-asset-card__status--processing{background:#fef3c7;color:#92400e}.provider-asset-card__status--failed{background:#fee2e2;color:#991b1b}.provider-asset-card__status--unknown{background:#e5e7eb;color:#374151}.fusion-selector{margin-bottom:1rem}.fusion-references{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.fusion-reference-item{display:flex;flex-direction:column;gap:.5rem}.reference-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.reference-name{font-size:.875rem;font-weight:500;color:var(--color-cta);cursor:pointer;padding:.25rem .5rem;background:#6366f11a;border-radius:4px;transition:background .2s}.reference-name:hover{background:#6366f133}.reference-name-input{font-size:.875rem;font-weight:500;padding:.25rem .5rem;border:1px solid var(--color-cta);border-radius:4px;outline:none;width:80px}.remove-reference-btn{background:none;border:none;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.remove-reference-btn:hover{color:#dc2626}.reference-image-container{background:var(--color-surface-muted);border:2px dashed var(--color-border);border-radius:8px;overflow:hidden;cursor:pointer;position:relative;transition:border-color .2s,box-shadow .2s}.reference-image-container:hover{border-color:var(--color-cta);box-shadow:0 2px 8px #6366f133}.reference-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--color-text-muted)}.reference-placeholder .plus-icon{font-size:1.5rem;line-height:1}.reference-placeholder .placeholder-text{font-size:.75rem}.crop-btn{position:absolute;bottom:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.reference-image-container:hover .crop-btn{opacity:1}.fusion-add-reference{cursor:pointer}.add-reference-container{background:var(--color-surface-muted);border:2px dashed var(--color-border);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--color-text-muted);transition:border-color .2s,background .2s}.add-reference-container:hover{border-color:var(--color-cta);background:#6366f10d;color:var(--color-cta)}.add-reference-container .plus-icon{font-size:1.5rem;line-height:1}.add-reference-container .add-text{font-size:.75rem;font-weight:500}.add-reference-container .count-text{font-size:.7rem;opacity:.7}.fusion-hint{font-size:.75rem;color:var(--color-text-muted);text-align:center}.fusion-hint--error{color:#dc2626;margin-top:.25rem}.fusion-hint--warning{color:var(--color-warning-text, #92400e);background:color-mix(in srgb,var(--color-warning, #f59e0b) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-warning, #f59e0b) 32%,transparent);border-radius:4px;margin-top:.25rem;padding:.35rem .5rem}.crop-ratio-badge{font-size:.65rem;color:var(--color-text-muted);text-align:center;background:var(--color-surface-muted);padding:2px 6px;border-radius:4px}.video-edit-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100}.video-edit-modal{background:#1a1a2e;border-radius:12px;width:90%;max-width:700px;max-height:90vh;max-height:90dvh;overflow-y:auto}.edit-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #333}.edit-header h3{margin:0;color:#fff;font-size:18px}.edit-header .close-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:0;line-height:1}.edit-header .close-btn:hover{color:#fff}.video-edit-preview{position:relative;background-color:#ffffff0f;background-image:linear-gradient(90deg,rgba(255,255,255,.08) 50%,transparent 50%),linear-gradient(0deg,rgba(255,255,255,.08) 50%,transparent 50%);background-size:24px 24px;aspect-ratio:var(--preview-aspect-ratio, 16/9);width:100%;max-height:min(40vh,320px);max-height:min(40dvh,320px);border:1px solid rgba(255,255,255,.1)}.video-edit-preview video{width:100%;height:100%;object-fit:contain;max-height:100%;display:block;background:transparent}.video-edit-preview.audio-mode{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;aspect-ratio:auto;max-height:none;min-height:96px;padding:12px 16px;overflow:hidden}.audio-preview-player{width:100%}.audio-preview-player audio{display:block;width:100%}.video-edit-preview .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#0009;border:2px solid white;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s,background .2s}.video-edit-preview .play-btn:hover{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.video-edit-preview .play-btn:focus-visible{background:#000c;outline:2px solid rgba(255,255,255,.9);outline-offset:3px}@media(hover:hover)and (pointer:fine){.video-edit-preview .play-btn{opacity:0;pointer-events:none}.video-edit-preview:hover .play-btn,.video-edit-preview:focus-within .play-btn,.video-edit-preview .play-btn:focus-visible{opacity:1;pointer-events:auto}}.video-edit-preview .playback-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap}.video-edit-preview .playback-hint.audio-hint{position:static;transform:none;align-self:flex-start;white-space:normal}.timeline-container{padding:20px;background:#2a2a3e}.timeline-track{position:relative;height:40px;background:#1a1a2e;border-radius:4px;cursor:pointer}.timeline-selection{position:absolute;top:0;height:100%;background:#4a9eff4d;border-left:2px solid #4a9eff;border-right:2px solid #4a9eff;cursor:grab}.timeline-selection:hover{background:#4a9eff66}.timeline-selection.dragging{cursor:grabbing;background:#4a9eff80}.timeline-handle{position:absolute;top:-4px;width:16px;height:48px;background:#4a9eff;border-radius:4px;cursor:ew-resize;transform:translate(-50%);z-index:10}.timeline-handle:hover{background:#3a8eef}.timeline-handle .handle-label{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:#4a9eff;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;white-space:nowrap}.timeline-playhead{position:absolute;top:0;width:2px;height:100%;background:#ff6b6b;transform:translate(-50%);pointer-events:none;will-change:left}.timeline-labels{display:flex;justify-content:space-between;margin-top:8px;color:#888;font-size:12px}.edit-controls{padding:20px}.time-inputs{display:flex;gap:16px;margin-bottom:16px}.time-input-group{flex:1}.time-input-group label{display:block;color:#888;font-size:12px;margin-bottom:4px}.time-input-group input,.time-input-group select{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #444;background:#2a2a3e;color:#fff;font-size:14px}.time-input-group input[readonly]{color:#111;background:#f5f5f5;border-color:#d6d6d6}.time-input-group input:focus,.time-input-group select:focus{outline:none;border-color:#4a9eff}.duration-info{text-align:center;color:#eaf3ff;font-size:14px;padding:8px;background:#0f2036d9;border:1px solid rgba(74,158,255,.5);border-radius:6px}.duration-info.invalid{color:#ffe7e7;background:#361010e6;border-color:#ff6b6b8c}.duration-info .error-text{display:block;font-size:12px;margin-top:4px}.edit-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #333}.edit-actions .cancel-btn,.edit-actions .confirm-btn,.edit-actions .use-full-btn{padding:10px 24px;border-radius:6px;border:none;font-size:14px;cursor:pointer;transition:background .2s}.edit-actions .cancel-btn{background:#444;color:#fff}.edit-actions .cancel-btn:hover{background:#555}.edit-actions .use-full-btn{background:#2d7d46;color:#fff}.edit-actions .use-full-btn:hover{background:#3a9957}.edit-actions .confirm-btn{background:#4a9eff;color:#fff}.edit-actions .confirm-btn:hover{background:#3a8eef}.edit-actions .confirm-btn:disabled{background:#333;cursor:not-allowed}.edit-actions-feedback{padding:0 20px 16px;color:#ffd6d6;font-size:13px;line-height:1.5}.video-selector-with-clip__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.video-selector-with-clip__title{margin:0;font-size:14px;font-weight:500}.video-selector-with-clip__count{margin-left:auto;color:var(--color-text-muted);font-size:12px;white-space:nowrap}.video-selector-with-clip .video-selector-preview{position:relative!important}.video-selector-with-clip .icon-btn{position:absolute!important;width:32px!important;height:32px!important;border-radius:6px;border:none!important;background:#0009!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .2s!important;z-index:10!important;padding:0!important}.video-selector-with-clip .icon-btn:hover{background:#000c!important}.video-selector-with-clip .icon-btn-change{top:8px!important;left:8px!important}.video-selector-with-clip .icon-btn-edit{bottom:8px!important;right:8px!important}.video-selector-with-clip .icon-btn-play{bottom:8px!important;left:8px!important;font-size:14px!important}.video-selector-with-clip .video-selector-preview:has(.clip-info-overlay) .icon-btn-edit{bottom:44px!important}.video-selector-with-clip .video-selector-preview:has(.clip-info-overlay) .icon-btn-play{bottom:44px!important}.video-selector-with-clip .clip-info-overlay{position:absolute!important;bottom:0!important;left:0!important;right:0!important;padding:24px 12px 8px!important;background:linear-gradient(transparent,#000c)!important;color:#fff!important;font-size:12px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;z-index:5!important}.reference-video-selector{margin-top:16px;min-width:0}.reference-video-selector--multi{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}.selector-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}.selector-row>*{min-width:0}.selector-section{background:var(--color-surface-muted);border-radius:8px;padding:16px;min-width:0}.reference-video-selector__section{display:flex;flex-direction:column;gap:.75rem;max-height:min(56vh,420px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.reference-video-selector__section h4{margin:0;color:var(--color-text);font-size:14px;font-weight:500}.reference-video-selector__media-card{width:100%;min-width:0}.reference-video-selector__media-card .image-preview-container{width:100%;max-width:none;min-height:var(--reference-selector-preview-height, 220px)}.reference-video-selector__section .video-selector-with-clip{min-width:0}.reference-video-selector__section .video-selector-with-clip__single{margin-bottom:0!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important}.reference-video-selector__section .video-selector-preview{height:var(--reference-selector-preview-height, 220px)!important}.reference-video-selector__hint{text-align:center;margin-top:0}@media(max-width:768px){.selector-row{grid-template-columns:1fr}.reference-video-selector__section{max-height:none;overflow:visible}}.video-edit-selector{display:flex;flex-direction:column;gap:1.5rem}.video-edit-selector .video-section{background:var(--color-surface-muted);border-radius:8px;padding:1rem;border:1px solid var(--color-border)}.video-edit-selector .video-section h4{margin:0 0 .75rem;font-size:.875rem;color:var(--color-text);text-align:center}.video-edit-selector .video-section.compact{background:var(--color-surface-muted);padding:.75rem;margin-top:.75rem}.video-edit-selector .video-section.compact .section-label{font-size:.8rem;color:var(--color-text-muted);font-weight:500;margin-bottom:.5rem}.video-edit-selector .video-preview-container{display:flex;justify-content:center;margin-bottom:.75rem}.video-edit-selector .video-preview-box{width:100%;max-width:500px;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden;position:relative}.video-edit-selector .video-preview-box:not(:has(video)){background:var(--color-surface-muted);border:2px dashed var(--color-border)}.video-edit-selector .video-section.compact .video-preview-box{max-width:320px}.video-edit-selector .video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.875rem;flex-direction:column;gap:.5rem}.video-edit-selector .video-placeholder .plus-icon{font-size:2rem;line-height:1}.video-edit-selector .video-name-display{text-align:center;font-size:.8rem;color:var(--color-text);font-weight:500;word-break:break-all;margin-bottom:.5rem;padding:0 1rem}.video-edit-selector .media-actions{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem}.video-edit-selector .video-edit-info{text-align:center;padding:.5rem .75rem;background:var(--color-surface-muted);border-radius:6px;font-size:.75rem;color:var(--color-cta);display:flex;align-items:center;justify-content:center;gap:.5rem}.video-edit-selector .clip-warning{text-align:center;padding:8px 12px;background:var(--color-surface-muted);border-radius:6px;color:var(--color-warning);font-size:12px}.video-edit-selector .duration-badge{background:var(--color-cta);color:#fff;padding:.125rem .5rem;border-radius:4px;font-weight:500}.video-edit-selector .action-btn{padding:.375rem .75rem;font-size:.75rem;border-radius:4px;cursor:pointer;transition:all .2s;background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text)}.video-edit-selector .video-selector-with-clip .icon-btn{padding:0;font-size:inherit}.video-edit-selector .action-btn:hover{background:var(--color-border)}.video-edit-selector .action-btn.primary{background:var(--color-cta);border-color:var(--color-cta);color:#fff}.video-edit-selector .action-btn.primary:hover{background:var(--color-cta-hover)}.video-edit-selector .edit-operations{background:var(--color-surface-muted);border-radius:8px;padding:1rem;border:1px solid var(--color-border)}.video-edit-selector .edit-operations h4{margin:0 0 1rem;font-size:.875rem;color:var(--color-text)}.video-edit-selector .operation-group{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.video-edit-selector .operation-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.video-edit-selector .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:500}.video-edit-selector .option-description{margin:.5rem 0 0 1.5rem;font-size:.75rem;color:var(--color-text-muted)}.video-edit-selector .operation-content{margin-top:.75rem;margin-left:1.5rem;display:flex;flex-direction:column;gap:.75rem}.video-edit-selector .layout-options{display:flex;align-items:center;gap:.75rem}.video-edit-selector .layout-label{font-size:.75rem;color:var(--color-text-muted);min-width:50px}.video-edit-selector .layout-buttons{display:flex;gap:.5rem}.video-edit-selector .layout-btn{padding:.375rem .75rem;font-size:.75rem;border-radius:4px;cursor:pointer;transition:all .2s;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.video-edit-selector .layout-btn:hover{background:var(--color-surface-muted)}.video-edit-selector .layout-btn.active{background:var(--color-cta);border-color:var(--color-cta);color:#fff}.fusion-prompt-input{display:flex;flex-direction:column;gap:.75rem}.prompt-container{position:relative}.prompt-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:100px;line-height:1.5}.prompt-textarea:focus{outline:none;border-color:var(--color-cta);box-shadow:0 0 0 3px #6366f11a}.mention-menu{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;z-index:100;min-width:180px}.mention-item{padding:.5rem .75rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:background .15s}.mention-item:hover,.mention-item.selected{background:#6366f11a}.mention-item.no-match{color:var(--color-text-muted);cursor:default;font-style:italic}.mention-item.no-match:hover{background:transparent}.mention-name{font-weight:500;color:var(--color-cta)}.mention-status{font-size:.7rem;color:#22c55e;background:#22c55e1a;padding:2px 6px;border-radius:4px}.prompt-preview{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:8px;padding:.75rem}.preview-label{font-size:.75rem;color:var(--color-text-muted);display:block;margin-bottom:.5rem}.preview-content{font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.mention-highlight{padding:1px 4px;border-radius:4px;font-weight:500}.mention-highlight.valid{background:#6366f126;color:var(--color-cta)}.mention-highlight.invalid{background:#ef444426;color:#dc2626;text-decoration:line-through}.reference-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.chips-label{font-size:.75rem;color:var(--color-text-muted)}.reference-chip{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:all .15s;font-weight:500}.reference-chip.has-image{background:#6366f11a;color:var(--color-cta);border:1px solid rgba(99,102,241,.3)}.reference-chip.has-image:hover{background:#6366f133}.reference-chip.no-image{background:var(--color-surface-muted);color:var(--color-text-muted);border:1px solid var(--color-border)}.reference-chip.no-image:hover{background:var(--color-border);color:var(--color-text-muted)}.audio-selector{display:flex;flex-direction:column;gap:8px}.audio-selector__label{font-size:14px;font-weight:500;color:var(--color-text)}.audio-selector__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;border:2px dashed var(--color-border);border-radius:12px;background:var(--color-surface-muted);cursor:pointer;transition:all .2s ease;color:var(--color-text-muted)}.audio-selector__dropzone:hover{border-color:var(--color-cta);background:color-mix(in srgb,var(--color-cta) 6%,var(--color-surface-muted))}.audio-selector__dropzone--dragging{border-color:var(--color-cta);background:color-mix(in srgb,var(--color-cta) 10%,var(--color-surface-muted))}.audio-selector__dropzone--uploading{cursor:wait;opacity:.7}.audio-selector__hint{font-size:14px;font-weight:500}.audio-selector__formats{font-size:12px;color:var(--color-text-muted)}.audio-selector__uploading{display:flex;flex-direction:column;align-items:center;gap:8px}.audio-selector__spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-cta);border-radius:50%;animation:audio-spinner .8s linear infinite}@keyframes audio-spinner{to{transform:rotate(360deg)}}.audio-selector__preview{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-muted)}.audio-selector__preview--clickable{cursor:pointer}.audio-selector__preview--clickable:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.audio-selector__file-info{display:flex;align-items:center;gap:8px;color:var(--color-text)}.audio-selector__filename{flex:1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-selector__remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .2s}.audio-selector__remove-btn:hover{background:var(--color-surface);color:var(--color-error)}.audio-selector__player{display:block;width:100%;min-height:40px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color-scheme:light dark}.audio-selector__video-player{width:100%;max-height:220px;border-radius:8px;border:1px solid var(--color-border);background:#000;color-scheme:light dark}.audio-selector__load-state{display:inline-flex;align-items:center;align-self:flex-start;min-height:22px;padding:3px 8px;border-radius:6px;background:color-mix(in srgb,var(--color-cta) 10%,var(--color-surface));color:var(--color-text-muted);font-size:12px}.audio-selector__load-state--error{background:color-mix(in srgb,var(--color-error) 10%,var(--color-surface));color:var(--color-error)}.audio-selector__change-btn{display:flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 12px;font-size:12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all .2s}.audio-selector__change-btn:hover{border-color:var(--color-cta);color:var(--color-cta);background:color-mix(in srgb,var(--color-cta) 8%,var(--color-surface))}.audio-selector__actions{display:flex;gap:8px;flex-wrap:wrap}.audio-selector__clip-info{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12px;color:var(--color-text-muted)}.audio-selector__error{font-size:12px;color:var(--color-error);padding:4px 0}.video-edit-operation{border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);padding:10px 12px}.video-edit-operation__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.video-edit-operation__title{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.video-edit-operation__title--compact-gap{margin-bottom:.25rem}.video-edit-operation__title .checkbox-text{font-weight:600}.video-edit-operation__toggle-row .toggle-switch{margin-left:0}.video-edit-operation__content{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--color-border);display:flex;flex-direction:column;gap:.75rem}.remotion-player-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary, #1a1a1a);border-radius:8px;overflow:hidden}.player-preview-container{flex:1;display:flex;align-items:center;justify-content:center;background:#3a3a3a;min-height:0;padding:0;contain:layout style;overflow:hidden;position:relative}.player-preview-container>div{max-width:100%;max-height:100%;aspect-ratio:var(--player-aspect-ratio, 16 / 9);border:none;box-shadow:none}.player-transform-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.timeline-control{background:var(--bg-tertiary, #252525);border-top:1px solid var(--border-color, #333);padding:12px 16px;flex-shrink:0;contain:style;container-type:inline-size}.timeline-slider-container{padding:8px 0}.timeline-progress-bar{position:relative;width:100%;height:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.timeline-progress-track{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--border-color, #444);border-radius:3px}.timeline-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--primary-color, #4a90d9);border-radius:3px;pointer-events:none;will-change:width}.timeline-progress-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--primary-color, #4a90d9);border:2px solid #fff;box-shadow:0 2px 4px #0000004d;transform:translate(-50%,-50%);pointer-events:none;will-change:left}.timeline-progress-bar:hover .timeline-progress-thumb{transform:translate(-50%,-50%) scale(1.1)}.timeline-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:3px;cursor:pointer;background:var(--border-color, #444);accent-color:var(--primary-color, #4a90d9)}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary-color, #4a90d9);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}.timeline-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary-color, #4a90d9);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}.timeline-controls-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.timeline-controls-left,.timeline-controls-center,.timeline-controls-right{display:flex;align-items:center;gap:8px}.timeline-controls-left{flex:1 1 0;min-width:0;overflow:hidden}.timeline-controls-center{flex:0 0 auto}.timeline-controls-right{flex:1 0 0;justify-content:flex-end}@container (max-width: 1024px){.timeline-controls-row{flex-wrap:wrap;gap:4px 0}.timeline-controls-center{order:-1;flex:1 0 100%;justify-content:center}.timeline-controls-left{flex:1 1 auto}.timeline-controls-right{flex:0 0 auto}}.timeline-time{font-size:13px;font-family:Monaco,Menlo,monospace;color:var(--text-primary, #fff);white-space:nowrap}.timeline-frame{font-size:11px;color:var(--text-secondary, #888);white-space:nowrap}.timeline-btn{width:32px;height:32px;border:none;background:var(--bg-secondary, #333);color:var(--text-primary, #fff);border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s}.timeline-btn:hover{background:var(--primary-color, #4a90d9)}.timeline-btn-play{width:40px;height:40px;border-radius:50%;background:var(--primary-color, #4a90d9);font-size:16px}.timeline-btn-play:hover{background:var(--primary-color-hover, #3a7bc8)}.timeline-btn-loop{opacity:.5}.timeline-btn-loop.active{opacity:1;background:var(--primary-color, #4a90d9)}.playback-rate-control{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #888)}.playback-rate-select{padding:4px 8px;border-radius:4px;border:1px solid var(--border-color, #444);background:var(--bg-secondary, #333);color:var(--text-primary, #fff);font-size:12px;cursor:pointer}.player-error-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bg-error, #2a1a1a);color:var(--text-primary, #fff);padding:24px}.player-error-content{text-align:center;max-width:400px}.player-error-icon{width:48px;height:48px;border-radius:50%;background:var(--error-color, #e74c3c);color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.player-error-content h3{margin:0 0 8px;font-size:18px}.player-error-message{font-size:13px;color:var(--text-secondary, #888);margin:0 0 16px}.player-error-retry-btn{padding:8px 24px;border:none;border-radius:4px;background:var(--primary-color, #4a90d9);color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.player-error-retry-btn:hover{background:var(--primary-color-hover, #3a7bc8)}body:has(.remotion-editor-page){overflow:hidden}body:has(.remotion-editor-page) main{padding:0}.remotion-editor-page{display:grid;grid-template-columns:280px 1fr 320px;height:100%;gap:0;background:var(--bg-primary, #121212);overflow:hidden}.remotion-editor-sidebar{background:var(--bg-secondary, #1a1a1a);border-right:1px solid var(--border-color, #333);display:flex;flex-direction:column;overflow:hidden}.remotion-editor-main{display:flex;flex-direction:column;padding:12px 12px 0;overflow:hidden}.remotion-editor-props{background:var(--bg-secondary, #1a1a1a);border-left:1px solid var(--border-color, #333);overflow:hidden;display:flex;flex-direction:column}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary, #252525);border-bottom:1px solid var(--border-color, #333)}.editor-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #fff)}.editor-actions{display:flex;gap:8px}.editor-btn{padding:8px 16px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s}.editor-btn-primary{background:var(--primary-color, #4a90d9);color:#fff}.editor-btn-primary:hover{background:var(--primary-color-hover, #3a7bc8)}.editor-btn-secondary{background:var(--bg-secondary, #333);color:var(--text-primary, #fff);border:1px solid var(--border-color, #444)}.editor-btn-secondary:hover{background:var(--bg-tertiary, #444)}.template-selector{padding:16px;border-bottom:1px solid var(--border-color, #333);display:flex;flex-direction:column;max-height:50%;min-height:120px;flex-shrink:0}.template-selector h3{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.template-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;min-height:0}.template-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-tertiary, #252525);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}.template-item:hover{background:var(--bg-hover, #2a2a2a)}.template-item.active{border-color:var(--primary-color, #4a90d9);background:#4a90d91a}.template-thumbnail{width:40px;height:40px;background:var(--bg-secondary, #333);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--primary-color, #4a90d9);flex-shrink:0}.template-item.active .template-thumbnail{background:#4a90d926;color:#6cb0f0}.template-thumbnail img{width:100%;height:100%;object-fit:cover}.template-info{flex:1;min-width:0}.template-name{font-size:13px;font-weight:500;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-type{font-size:11px;color:var(--text-secondary, #888)}.template-category{margin-bottom:8px}.template-category-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.3px;text-align:left;transition:color .15s}.template-category-toggle:hover{color:var(--text-primary, #fff)}.template-category-toggle.has-active{color:var(--primary-color, #4a90d9)}.template-category-toggle .template-category-arrow{font-size:9px;width:10px;flex-shrink:0}.template-category-toggle .template-category-name{flex:1}.template-category-toggle .template-category-badge{font-size:10px;font-weight:500;color:var(--text-secondary, #888);background:var(--bg-tertiary, #252525);padding:1px 6px;border-radius:8px;min-width:18px;text-align:center;text-transform:none;letter-spacing:0}.props-editor-panel{display:flex;flex-direction:column;height:100%}.props-section{margin-bottom:20px}.props-section-title{font-size:12px;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #333)}.props-field{margin-bottom:14px}.props-field label{display:block;font-size:12px;color:var(--text-secondary, #888);margin-bottom:6px}.props-field input,.props-field select,.props-field textarea{width:100%;padding:8px 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-tertiary, #252525);color:var(--text-primary, #fff);font-size:13px}.props-field input:focus,.props-field select:focus,.props-field textarea:focus{outline:none;border-color:var(--primary-color, #4a90d9)}.props-field input[type=color]{padding:2px;height:32px;cursor:pointer}.props-field input[type=checkbox]{width:auto;padding:0;margin:0;accent-color:var(--primary-color, #4a90d9)}.props-field input[type=range]{padding:0;-webkit-appearance:none;appearance:none;height:6px;background:var(--border-color, #444);border-radius:3px}.props-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary-color, #4a90d9);cursor:pointer}.props-field-row{display:flex;gap:12px}.props-field-row .props-field{flex:1}.props-field-help{font-size:11px;color:var(--text-muted, #666);margin-top:4px}.props-field-error{font-size:11px;color:var(--error-color, #e74c3c);margin-top:4px}.props-composition-content{padding:16px;overflow-y:auto}.props-editor-panel>.clip-properties-panel{margin-top:0;padding-top:0;border-top:none;flex:1;min-height:0}.props-editor-panel>.clip-properties-panel>.clip-properties-content.props-composition-content{padding:16px}.asset-panel{flex:1;overflow-y:auto;padding:16px;min-height:150px}.asset-panel h3{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.asset-item{position:relative;aspect-ratio:1;background:var(--bg-tertiary, #252525);border-radius:4px;overflow:hidden;cursor:pointer}.asset-item img{width:100%;height:100%;object-fit:cover}.asset-item-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.asset-item:hover .asset-item-overlay{opacity:1}.asset-item-delete{width:32px;height:32px;border-radius:50%;background:var(--error-color, #e74c3c);color:#fff;border:none;cursor:pointer;font-size:16px}.asset-add-btn{aspect-ratio:1;background:var(--bg-tertiary, #252525);border:2px dashed var(--border-color, #444);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-secondary, #888);transition:all .2s}.asset-add-btn:hover{border-color:var(--primary-color, #4a90d9);color:var(--primary-color, #4a90d9)}.asset-add-btn span:first-child{font-size:24px}.asset-add-btn span:last-child{font-size:11px}.remotion-editor-launcher{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:8px;padding:24px;margin:16px 0}.launcher-header{margin-bottom:20px}.launcher-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-text)}.launcher-description{margin:0;font-size:14px;color:var(--color-text-muted)}.launcher-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:24px;margin-bottom:20px;min-height:120px;display:flex;align-items:center;justify-content:center}.preview-info{width:100%}.preview-label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.preview-item{padding:8px 12px;background:var(--color-surface-muted);border-radius:4px;font-size:14px;color:var(--color-text);margin-bottom:8px}.preview-item:last-child{margin-bottom:0}.preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted, #adb5bd)}.placeholder-icon{font-size:48px}.launcher-actions{display:flex;justify-content:center}.open-editor-btn{padding:12px 32px;background:var(--primary-color, #4a90d9);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.open-editor-btn:hover{background:var(--primary-color-hover, #3a7bc8)}.open-editor-btn:active{transform:scale(.98)}.multi-track-editor-page{display:flex;flex-direction:column;height:calc(100vh - 60px);background:var(--bg-primary, #121212)}.multi-track-editor-content{display:grid;grid-template-columns:280px 1fr 280px;flex:1;min-height:0;overflow:hidden}.multi-track-sidebar{background:var(--bg-secondary, #1a1a1a);border-right:1px solid var(--border-color, #333);padding:16px;overflow-y:auto}.multi-track-sidebar:last-child{border-right:none;border-left:1px solid var(--border-color, #333)}.multi-track-sidebar h3{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.multi-track-sidebar h4{margin:16px 0 12px;font-size:13px;font-weight:600;color:var(--text-primary, #fff)}.multi-track-preview{display:flex;flex-direction:column;padding:16px;gap:12px}.player-container{flex:1;display:flex;align-items:center;justify-content:center;background:#000;border-radius:8px;overflow:hidden;min-height:0}.player-container>div{max-width:100%;max-height:100%;aspect-ratio:16 / 9}.playback-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:var(--bg-tertiary, #252525);border-radius:8px}.multi-track-timeline-container{height:300px;border-top:1px solid var(--border-color, #333);flex-shrink:0}.media-drop-zone{border:2px dashed var(--border-color, #444);border-radius:8px;padding:32px 16px;text-align:center;cursor:pointer;transition:all .2s}.media-drop-zone:hover{border-color:var(--primary-color, #4a90d9);background:#4a90d91a}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary, #888)}.drop-icon{font-size:32px;opacity:.7}.drop-zone-content p{margin:0;font-size:13px}.drop-hint{font-size:11px!important;opacity:.7}.no-selection{color:var(--text-secondary, #888);font-size:13px;text-align:center;padding:20px}.duration-input-group{display:flex;align-items:center;gap:8px;margin-right:16px}.duration-input-group label{font-size:12px;color:var(--text-secondary, #888)}.duration-input{width:80px;padding:6px 8px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-secondary, #333);color:var(--text-primary, #fff);font-size:13px}.editor-btn-danger{background:var(--error-color, #e74c3c);color:#fff;margin-top:12px;width:100%}.editor-btn-danger:hover{background:#c0392b}.editor-error{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px;background:#e74c3c33;border-bottom:1px solid var(--error-color, #e74c3c);color:var(--error-color, #e74c3c);font-size:13px}.editor-error__content{min-width:0;flex:1}.editor-error__summary{line-height:1.4}.editor-error__detail{margin:8px 0 0;padding:8px 10px;max-height:160px;overflow:auto;border:1px solid rgba(231,76,60,.35);border-radius:4px;background:#00000038;color:inherit;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.editor-error__actions{display:flex;gap:8px;align-items:center;flex:none}.editor-error button{padding:4px 12px;border:1px solid var(--error-color, #e74c3c);background:transparent;color:var(--error-color, #e74c3c);border-radius:4px;cursor:pointer;font-size:12px}.editor-error button.editor-error__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0}.editor-error button:hover{background:var(--error-color, #e74c3c);color:#fff}.video-asset-panel{padding:16px;border-bottom:1px solid var(--border-color, #333);flex:1;overflow-y:auto;min-height:150px}.video-preview-container{display:flex;flex-direction:column;gap:12px}.video-preview-container video{width:100%;max-height:200px;background:#000;border-radius:8px}.video-actions{display:flex;gap:8px}.asset-btn{flex:1;padding:8px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s}.asset-btn-change{background:var(--bg-tertiary, #333);color:var(--text-primary, #fff);border:1px solid var(--border-color, #444)}.asset-btn-change:hover{background:var(--bg-hover, #444)}.asset-btn-remove{background:#e74c3c33;color:var(--error-color, #e74c3c);border:1px solid rgba(231,76,60,.3)}.asset-btn-remove:hover{background:var(--error-color, #e74c3c);color:#fff}.video-upload-area{display:flex;flex-direction:column;gap:12px}.video-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;background:var(--bg-tertiary, #252525);border:2px dashed var(--border-color, #444);border-radius:8px;cursor:pointer;color:var(--text-secondary, #888);transition:all .2s}.video-upload-btn:hover{border-color:var(--primary-color, #4a90d9);color:var(--primary-color, #4a90d9)}.upload-icon{font-size:32px}.video-url-input{display:flex;flex-direction:column;gap:6px}.video-url-input span{font-size:11px;color:var(--text-secondary, #888);text-align:center}.video-url-input input{width:100%;padding:8px 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-tertiary, #252525);color:var(--text-primary, #fff);font-size:12px}.video-url-input input:focus{outline:none;border-color:var(--primary-color, #4a90d9)}.multitrack-timeline-container{flex:1;min-height:150px;border:1px solid var(--border-color, #333);border-radius:8px;overflow:hidden}.asset-item-actions{display:flex;gap:4px}.asset-item-btn{width:24px;height:24px;border:none;border-radius:4px;background:var(--bg-secondary, #333);color:var(--text-primary, #fff);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .2s}.asset-item-btn:hover:not(:disabled){background:var(--primary-color, #4a90d9)}.asset-item-btn:disabled{opacity:.3;cursor:not-allowed}.asset-item-index{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:4px;background:#000000b3;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.template-name-input{padding:8px 12px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-tertiary, #252525);color:var(--text-primary, #fff);font-size:13px;min-width:200px}.template-name-input:focus{outline:none;border-color:var(--primary-color, #4a90d9)}.editor-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:16px;color:var(--text-secondary, #888)}.resizable-divider{flex-shrink:0;background:var(--border-color, #333);transition:background .2s;position:relative;z-index:10}.resizable-divider-horizontal{width:6px;cursor:col-resize}.resizable-divider-vertical{height:6px;cursor:row-resize}.resizable-divider:hover,.resizable-divider.dragging{background:var(--primary-color, #4a90d9)}.resizable-divider-handle{position:absolute;background:var(--text-secondary, #888);border-radius:2px;opacity:.5;transition:opacity .2s}.resizable-divider:hover .resizable-divider-handle,.resizable-divider.dragging .resizable-divider-handle{opacity:1;background:#fff}.resizable-divider-vertical .resizable-divider-handle{width:40px;height:4px;left:50%;top:50%;transform:translate(-50%,-50%)}.resizable-divider-horizontal .resizable-divider-handle{width:4px;height:40px;left:50%;top:50%;transform:translate(-50%,-50%)}.resizable-player-container{display:flex;flex-direction:column;min-height:200px;overflow:hidden}.resizable-player-container .remotion-player-panel{flex:1;min-height:0}.video-config-panel{border-bottom:1px solid var(--border-color, #333);flex-shrink:0}.video-config-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;cursor:pointer;background:var(--bg-tertiary, #252525);transition:background .2s}.video-config-header:hover{background:var(--bg-hover, #2a2a2a)}.video-config-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.video-config-content{padding:12px}.config-field{margin-bottom:12px}.config-field label{display:block;font-size:12px;color:var(--text-secondary, #888);margin-bottom:6px}.config-field input,.config-field select{width:100%;padding:8px 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-tertiary, #252525);color:var(--text-primary, #fff);font-size:13px}.config-field input:focus,.config-field select:focus{outline:none;border-color:var(--primary-color, #4a90d9)}.config-field-row{display:flex;gap:10px}.config-field-row .config-field{flex:1}.config-field-help{font-size:11px;color:var(--text-muted, #666);margin-top:4px}.config-color-picker{display:flex;gap:2px;align-items:center}.config-color-picker input[type=color]{width:32px;height:24px;padding:2px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-secondary, #333);cursor:pointer}.config-color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.config-color-picker input[type=color]::-webkit-color-swatch{border-radius:2px;border:none}.config-color-picker .config-color-text{flex:1;font-family:monospace;text-transform:uppercase}.config-color-picker .config-color-text.invalid{border-color:var(--error-color, #e74c3c)}.collapse-btn{width:28px;height:28px;border:none;background:transparent;color:var(--text-secondary, #888);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:color .2s}.collapse-btn:hover{color:var(--text-primary, #fff)}.clip-properties-header.collapsible{cursor:pointer;transition:background .2s}.clip-properties-header.collapsible:hover{background:var(--bg-hover, #2a2a2a)}.clip-properties-header-actions{display:flex;align-items:center;gap:6px}.clip-delete-btn-header{width:28px;height:28px;padding:0;font-size:16px;font-weight:600;line-height:1;background:#e74c3c26;color:var(--error-color, #e74c3c);border:1px solid rgba(231,76,60,.3);border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.clip-delete-btn-header:hover{background:var(--error-color, #e74c3c);color:#fff;border-color:var(--error-color, #e74c3c)}.player-edit-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary, #252525);border-bottom:1px solid var(--border-color, #333)}.edit-mode-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border-color, #444);background:var(--bg-secondary, #1a1a1a);color:var(--text-secondary, #888);border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.edit-mode-btn:hover{background:var(--bg-hover, #2a2a2a);color:var(--text-primary, #fff);border-color:var(--text-secondary, #666)}.edit-mode-btn.active{background:var(--primary-color, #4a90d9);color:#fff;border-color:var(--primary-color, #4a90d9)}.edit-mode-btn .btn-icon{font-size:14px}.edit-mode-btn .btn-label{font-size:12px}.crop-actions{display:flex;align-items:center;gap:8px;margin-left:16px;padding-left:16px;border-left:1px solid var(--border-color, #444)}.crop-ratio-select,.crop-shape-select{padding:6px 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-secondary, #333);color:var(--text-primary, #fff);font-size:12px;cursor:pointer;min-width:80px}.crop-ratio-select:hover,.crop-shape-select:hover{border-color:var(--primary-color, #3498db)}.crop-ratio-select:focus,.crop-shape-select:focus{outline:none;border-color:var(--primary-color, #3498db);box-shadow:0 0 0 2px #3498db33}.crop-action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.crop-action-btn.confirm{background:var(--success-color, #27ae60);color:#fff}.crop-action-btn.confirm:hover{background:#229954}.crop-action-btn.cancel{background:var(--bg-secondary, #333);color:var(--text-secondary, #888);border:1px solid var(--border-color, #444)}.crop-action-btn.cancel:hover{background:var(--bg-hover, #444);color:var(--text-primary, #fff)}.crop-hint{font-size:11px;color:var(--text-secondary, #666);font-style:italic}.gradient-color-field{margin-bottom:14px}.gradient-color-field-label{display:block;font-size:12px;color:var(--text-secondary, #888);margin-bottom:8px}.gradient-type-toggle{display:flex;gap:4px;margin-bottom:12px;background:var(--bg-tertiary, #252525);border-radius:4px;padding:3px}.gradient-type-btn{flex:1;padding:6px 8px;border:none;border-radius:3px;background:transparent;color:var(--text-secondary, #888);font-size:11px;cursor:pointer;transition:all .2s}.gradient-type-btn:hover{color:var(--text-primary, #fff)}.gradient-type-btn.active{background:var(--primary-color, #4a90d9);color:#fff}.gradient-solid-editor{display:flex;flex-direction:column;gap:8px}.gradient-transparent-checkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary, #888);cursor:pointer}.gradient-transparent-checkbox input[type=checkbox]{width:auto;margin:0;accent-color:var(--primary-color, #4a90d9)}.gradient-color-picker-row{display:flex;gap:8px;align-items:center}.gradient-color-picker-row input[type=color]{width:40px;height:32px;padding:2px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-secondary, #333);cursor:pointer}.gradient-color-input{flex:1;padding:6px 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-tertiary, #252525);color:var(--text-primary, #fff);font-size:12px;font-family:monospace}.gradient-color-input:focus{outline:none;border-color:var(--primary-color, #4a90d9)}.gradient-editor{display:flex;flex-direction:column;gap:12px}.gradient-preview-bar{position:relative;height:24px;border-radius:4px;border:1px solid var(--border-color, #444);margin-bottom:8px}.gradient-stop-marker{position:absolute;bottom:-8px;width:12px;height:12px;border-radius:50%;background:var(--bg-tertiary, #252525);border:2px solid var(--border-color, #666);transform:translate(-50%);cursor:pointer;transition:border-color .2s,transform .2s}.gradient-stop-marker:hover{border-color:var(--primary-color, #4a90d9);transform:translate(-50%) scale(1.1)}.gradient-stop-marker.selected{border-color:var(--primary-color, #4a90d9);background:var(--primary-color, #4a90d9)}.gradient-stops-list{display:flex;flex-direction:column;gap:4px}.gradient-stops-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.gradient-stops-header span{font-size:11px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.gradient-add-stop-btn{width:22px;height:22px;padding:0;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-tertiary, #252525);color:var(--text-primary, #fff);font-size:14px;cursor:pointer;transition:all .2s}.gradient-add-stop-btn:hover:not(:disabled){border-color:var(--primary-color, #4a90d9);background:var(--primary-color, #4a90d9)}.gradient-add-stop-btn:disabled{opacity:.3;cursor:not-allowed}.gradient-stop-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;background:var(--bg-tertiary, #252525);border:1px solid transparent;cursor:pointer;transition:border-color .2s}.gradient-stop-row:hover{border-color:var(--border-color, #444)}.gradient-stop-row.selected{border-color:var(--primary-color, #4a90d9);background:#4a90d91a}.gradient-stop-row input[type=color]{width:28px;height:24px;padding:2px;border:1px solid var(--border-color, #444);border-radius:3px;background:var(--bg-secondary, #333);cursor:pointer}.gradient-stop-position{width:50px;padding:4px 6px;border:1px solid var(--border-color, #444);border-radius:3px;background:var(--bg-secondary, #333);color:var(--text-primary, #fff);font-size:12px;text-align:center}.gradient-stop-position:focus{outline:none;border-color:var(--primary-color, #4a90d9)}.gradient-stop-percent{font-size:11px;color:var(--text-secondary, #888)}.gradient-remove-stop-btn{width:20px;height:20px;padding:0;margin-left:auto;border:none;border-radius:3px;background:transparent;color:var(--text-secondary, #888);font-size:11px;cursor:pointer;transition:all .2s}.gradient-remove-stop-btn:hover:not(:disabled){background:var(--error-color, #e74c3c);color:#fff}.gradient-remove-stop-btn:disabled{opacity:.3;cursor:not-allowed}.gradient-linear-controls,.gradient-radial-controls{padding-top:12px;border-top:1px solid var(--border-color, #333)}.gradient-linear-controls>label,.gradient-radial-controls>label{display:block;font-size:11px;color:var(--text-secondary, #888);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.gradient-angle-control{display:flex;align-items:center;gap:8px}.gradient-angle-control input[type=range]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--border-color, #444);border-radius:3px}.gradient-angle-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary-color, #4a90d9);cursor:pointer}.gradient-angle-input,.gradient-center-input{width:50px;padding:4px 6px;border:1px solid var(--border-color, #444);border-radius:3px;background:var(--bg-tertiary, #252525);color:var(--text-primary, #fff);font-size:12px;text-align:center}.gradient-angle-input:focus,.gradient-center-input:focus{outline:none;border-color:var(--primary-color, #4a90d9)}.gradient-angle-control>span{font-size:12px;color:var(--text-secondary, #888)}.gradient-center-controls{display:flex;flex-direction:column;gap:8px}.gradient-center-row{display:flex;align-items:center;gap:8px}.gradient-center-row>span:first-child{width:16px;font-size:12px;color:var(--text-secondary, #888);text-align:center}.gradient-center-row>span:last-child{font-size:12px;color:var(--text-secondary, #888)}.gradient-center-row input[type=range]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--border-color, #444);border-radius:3px}.gradient-center-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary-color, #4a90d9);cursor:pointer}.font-selector{display:flex;flex-direction:column;gap:12px}.font-selector-toggle{display:flex;background:var(--bg-tertiary, #252525);border-radius:6px;padding:2px;gap:2px}.font-selector-toggle-btn{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary, #888);font-size:12px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s ease}.font-selector-toggle-btn:hover{color:var(--text-primary, #fff);background:var(--bg-hover, #2a2a2a)}.font-selector-toggle-btn.active{background:var(--primary-color, #4a90d9);color:#fff}.font-selector-content{min-height:200px}.font-preset-picker{display:flex;flex-direction:column;gap:12px}.font-preset-categories{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #333)}.font-preset-category-btn{padding:4px 10px;border:1px solid var(--border-color, #444);background:var(--bg-tertiary, #252525);color:var(--text-secondary, #888);font-size:11px;border-radius:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.font-preset-category-btn:hover{border-color:var(--primary-color, #4a90d9);color:var(--text-primary, #fff)}.font-preset-category-btn.active{background:var(--primary-color, #4a90d9);border-color:var(--primary-color, #4a90d9);color:#fff}.font-preset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:300px;overflow-y:auto;padding-right:4px}.font-preset-item{display:flex;flex-direction:column;padding:10px 8px 6px;background:var(--bg-tertiary, #252525);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;overflow:hidden;min-height:60px}.font-preset-item:hover{background:var(--bg-hover, #2a2a2a);border-color:var(--border-color, #444)}.font-preset-item.selected{border-color:var(--primary-color, #4a90d9);background:#4a90d926}.font-preset-preview{height:32px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:4px;white-space:nowrap;text-overflow:ellipsis}.font-preset-info{display:flex;flex-direction:column;gap:2px}.font-preset-family{font-size:10px;color:var(--text-secondary, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.font-settings-panel{display:flex;flex-direction:column;gap:12px}.font-settings-panel .property-row{display:flex;flex-direction:column;gap:6px}.font-settings-panel .property-row>label{font-size:12px;color:var(--text-secondary, #888)}.font-settings-panel .property-row select{width:100%;padding:8px 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-tertiary, #252525);color:var(--text-primary, #fff);font-size:13px}.font-settings-panel .property-row select:focus{outline:none;border-color:var(--primary-color, #4a90d9)}.font-settings-panel .property-row-style-buttons{flex-direction:row;gap:8px}.font-preset-item.font-error{opacity:.7;border-color:#ffc1074d}.font-preset-item.font-error:hover{border-color:#ffc10780}.font-error-icon{color:#ffc107;margin-right:4px;font-size:10px}.multi-track-preset-panel{background:#1b1f2a;border:1px solid #2a2f3a;border-radius:10px;padding:12px;margin-bottom:12px}.multi-track-preset-header h3{margin:0 0 8px;font-size:14px;color:#e6e9f2}.multi-track-preset-header p{margin:0 0 10px;font-size:12px;color:#9aa3b2}.multi-track-preset-select{width:100%;background:#0f131a;color:#e6e9f2;border:1px solid #2a2f3a;border-radius:8px;padding:8px 10px}.multi-track-preset-select:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d933}.multi-track-preset-actions{display:flex;gap:2px;margin-top:3px;flex-wrap:wrap}.multi-track-preset-actions .dialog-btn{padding:4px 8px;font-size:11px}.dialog-btn-danger{background:#8b1a1a;color:#fff;border:1px solid #b91c1c}.dialog-btn-danger:hover{background:#991b1b}.add-clip-dialog.preset-dialog{width:min(900px,92vw);max-width:none;max-height:80vh;display:flex;flex-direction:column}.preset-dialog-tabs{display:flex;gap:.5rem;padding:0 16px;border-bottom:1px solid #e2e8f0}.preset-dialog-tab{padding:8px 16px;border:none;background:none;cursor:pointer;font-size:.875rem;color:#64748b;border-bottom:2px solid transparent;font-weight:400;transition:all .2s}.preset-dialog-tab:hover{color:#3b82f6}.preset-dialog-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.preset-dialog .add-clip-dialog-content{overflow-y:auto;flex:1;min-height:0;max-height:60vh}.preset-dialog-error{background:#e74c3c26;border:1px solid rgba(231,76,60,.4);color:#f1b0b7;border-radius:8px;padding:8px 12px;margin-bottom:12px;font-size:13px}.preset-media-actions{display:flex;align-items:center;gap:10px;margin-bottom:8px}.preset-media-selected{font-size:12px;color:#7bd88f}.preset-media-preview{border:1px solid #2a2f3a;border-radius:8px;padding:6px;background:#0f131a;max-width:240px;max-height:120px;overflow:hidden}.preset-media-preview img,.preset-media-preview video{width:100%;height:auto;max-height:108px;object-fit:contain;display:block;border-radius:6px}.preset-media-row{display:flex;gap:16px;flex-wrap:wrap}.preset-media-row-item{flex:1;min-width:180px;max-width:280px}.dialog-field-compact .preset-media-preview{max-width:100%;max-height:100px}.dialog-field-compact .preset-media-preview img,.dialog-field-compact .preset-media-preview video{max-height:88px}.preset-media-library{margin-top:8px}.preset-media-library-title{font-size:12px;color:#9aa3b2;margin-bottom:6px}.preset-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.preset-media-item{border:1px solid #2a2f3a;border-radius:8px;background:#0f131a;color:#e6e9f2;padding:6px;display:flex;flex-direction:column;gap:6px;align-items:center;cursor:pointer}.preset-media-item img,.preset-media-item .preset-media-placeholder{width:100%;height:72px;object-fit:cover;border-radius:6px;background:#1b1f2a;display:flex;align-items:center;justify-content:center;font-size:20px}.preset-media-item span{font-size:11px;text-align:center;color:#c9d1e0;word-break:break-word}.preset-media-item.active{border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d933}.preset-dialog .required{color:#f29d9d;margin-left:4px}.preset-template-dialog .add-clip-dialog-content{display:flex;flex-direction:column;gap:12px}.preset-field-config-header{display:flex;justify-content:space-between;font-size:12px;color:#9aa3b2}.preset-field-config-list{display:flex;flex-direction:column;gap:8px}.preset-field-config-item{border:1px solid #2a2f3a;border-radius:8px;padding:10px;background:#0f131a;display:flex;justify-content:space-between;gap:8px}.preset-field-config-main{min-width:0;flex:1}.preset-field-label-editor{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.preset-field-label-editor label{font-size:11px;color:#9aa3b2}.preset-field-label-editor input{width:100%;padding:6px 8px;font-size:12px;color:#e6e9f2;background:#161b24;border:1px solid #2a2f3a;border-radius:6px}.preset-field-label-editor input:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d933}.preset-field-key{font-size:13px;color:#e6e9f2}.preset-field-binding{font-size:11px;color:#9aa3b2;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);word-break:break-all}.preset-field-flags{display:flex;gap:12px;align-items:center;font-size:12px;color:#cbd5e1}.preset-field-flags label{display:flex;align-items:center;gap:4px}.sidebar-layout--narrow .editor-header{justify-content:flex-start;flex-wrap:wrap;gap:8px}.sidebar-layout--narrow .editor-header h2{font-size:18px;flex:none}.template-preset-selector{margin:16px 0;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-muted);overflow:hidden}.template-preset-header{padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.template-preset-header h4{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--color-text)}.template-preset-hint{margin:0;font-size:12px;color:var(--color-text-muted)}.template-category-list{display:flex;flex-direction:column}.template-category-group{border-bottom:1px solid var(--color-border)}.template-category-group:last-child{border-bottom:none}.template-category-group.has-selected{background:#4a90d908}.template-category-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:var(--color-surface);cursor:pointer;font-size:13px;font-weight:600;color:var(--color-text);text-align:left;transition:background .15s}.template-category-header:hover{background:var(--color-surface-muted)}.template-category-arrow{font-size:10px;color:var(--color-text-muted);width:12px;flex-shrink:0}.template-category-label{flex:1}.template-category-count{font-size:11px;font-weight:500;color:var(--color-text-muted);background:var(--color-surface-muted);padding:1px 7px;border-radius:10px;min-width:20px;text-align:center}.template-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:8px 16px 12px}.template-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent;background:var(--color-surface);text-align:center;position:relative}.template-card:hover{background:var(--color-surface-muted);border-color:#4a90d933}.template-card.active{border-color:var(--color-cta);background:#4a90d914}.template-card.custom{border-style:dashed;border-color:var(--color-border)}.template-card.custom.active{border-style:solid;border-color:var(--color-cta)}.template-card-name{font-size:13px;font-weight:600;color:var(--color-text);line-height:1.3}.template-card-desc{font-size:11px;color:var(--color-text-muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.template-preset-empty{padding:24px;text-align:center;color:var(--color-text-muted);font-size:14px}.template-preset-error{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:#f871711a;border-top:1px solid var(--color-border);color:var(--color-error);font-size:13px}.template-preset-error button{padding:4px 12px;border:1px solid var(--color-error);border-radius:4px;background:transparent;color:var(--color-error);font-size:12px;cursor:pointer;transition:all .2s}.template-preset-error button:hover{background:var(--color-error);color:#fff}.template-loading{padding:32px;text-align:center;color:var(--color-text-muted);font-size:14px}.tts-voice-selector{display:grid;gap:.5rem;min-width:0;overflow:visible}.tts-voice-selector__selector-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.tts-voice-selector__selector-title{font-size:.875rem;font-weight:600;color:var(--color-text)}.tts-voice-selector__inline-panel{display:grid;gap:.75rem}.tts-voice-selector__filters{display:grid;gap:.5rem;align-items:center;grid-template-columns:minmax(220px,1fr) repeat(auto-fit,minmax(132px,190px))}.tts-voice-selector__filters--single{grid-template-columns:minmax(220px,1fr) repeat(auto-fit,minmax(132px,190px))}.tts-voice-selector__input,.tts-voice-selector__select{width:100%;padding:.375rem;border:1px solid var(--color-border);border-radius:4px;font-size:.8125rem;min-width:0}.tts-voice-selector__content{display:grid;gap:.5rem}.tts-voice-selector__create-guidance{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-muted)}.tts-voice-selector__create-guidance-text{min-width:0;color:var(--color-text-muted);font-size:.8125rem}.tts-voice-selector__create-guidance-link{flex:0 0 auto;text-decoration:none}.tts-voice-selector__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.625rem}.tts-voice-selector__card{border:1px solid var(--color-border);border-radius:8px;padding:.625rem;background:var(--color-surface);display:grid;gap:.45rem;min-width:0;min-height:138px;overflow:hidden;max-width:none;width:100%}.tts-voice-selector__card.is-clickable{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.tts-voice-selector__card.is-clickable:hover,.tts-voice-selector__card.is-clickable:focus-visible{transform:translateY(-1px)}.tts-voice-selector__card.is-clickable:not(.is-selected):hover,.tts-voice-selector__card.is-clickable:not(.is-selected):focus-visible{border-color:#0ea5a566;background:#0ea5a50d;box-shadow:0 0 0 1px #0ea5a524 inset}.tts-voice-selector__card.is-selected{border-color:#0ea5a58c;box-shadow:0 0 0 1px #0ea5a533 inset;background:#0ea5a50f}.tts-voice-selector__card.is-disabled{opacity:.72}.tts-voice-selector__card-head{display:flex;align-items:start;gap:.35rem;min-width:0}.tts-voice-selector__name{flex:1 1 auto;min-width:0;font-weight:600;font-size:.8rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tts-voice-selector__voice-id,.tts-voice-selector__meta,.tts-voice-selector__no-preview{font-size:.72rem;color:var(--color-text-muted);overflow-wrap:anywhere}.tts-voice-selector__voice-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tts-voice-selector__badges,.tts-voice-selector__capability-badges{display:flex;flex-wrap:wrap;gap:.25rem;min-width:0}.tts-voice-selector__badge{display:inline-flex;align-items:center;max-width:100%;min-width:0;border-radius:999px;padding:.12rem .45rem;border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.68rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tts-voice-selector__badge--provider{border-color:#0ea5a559;background:#0ea5a51a;color:var(--color-primary)}.tts-voice-selector__badge--model{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tts-voice-selector__badge--capability.is-supported{border-color:#16a34a59;background:#16a34a1a;color:var(--color-success, #15803d)}.tts-voice-selector__badge--capability.is-unsupported{border-color:#94a3b859;background:#94a3b81f;color:var(--color-text-muted)}.tts-voice-selector__card-footer{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.tts-voice-selector__meta{min-width:0}.tts-voice-selector__selected-tag{border-radius:999px;padding:.1rem .45rem;font-size:.67rem;font-weight:600;background:#0ea5a529;color:var(--color-primary);border:1px solid rgba(14,165,165,.4);flex-shrink:0}.tts-voice-selector__mock-tag{border-radius:999px;padding:.1rem .45rem;font-size:.67rem;font-weight:600;background:#a855f71f;color:#7e22ce;border:1px solid rgba(168,85,247,.35);flex-shrink:0}.tts-voice-selector__disabled-reason{color:var(--color-text-muted);font-size:.72rem;line-height:1.35}.tts-voice-selector__preview-btn{width:28px;height:28px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-muted);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.tts-voice-selector__preview-btn.is-playing{border-color:#0ea5a566;background:#0ea5a529;color:var(--color-primary)}.tts-voice-selector__preview-btn.is-loading{cursor:progress;border-color:#0ea5a559;background:#0ea5a51a;color:var(--color-primary)}.tts-voice-selector__preview-options{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem;min-width:0;max-width:100%}.tts-voice-selector__preview-options--compact{justify-content:flex-start}.tts-voice-selector__preview-option-btn{min-width:0;max-width:100%;min-height:28px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-muted);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.2rem .45rem;cursor:pointer;flex:0 1 auto;font-size:.7rem;line-height:1.2}.tts-voice-selector__preview-option-btn.is-playing{border-color:#0ea5a566;background:#0ea5a529;color:var(--color-primary)}.tts-voice-selector__preview-option-btn.is-loading{cursor:progress;border-color:#0ea5a559;background:#0ea5a51a;color:var(--color-primary)}.tts-voice-selector__preview-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tts-voice-selector__preview-icon{font-size:.7rem;line-height:1}.tts-voice-selector__selected-voice{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:8px;padding:.375rem .625rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tts-voice-selector__selected-voice-main{min-width:0;display:flex;align-items:center;gap:.45rem;flex:1 1 auto}.tts-voice-selector__selected-voice--collapsible{gap:.625rem}.tts-voice-selector__selected-voice-name{min-width:0;font-weight:600;font-size:.8125rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tts-voice-selector__selected-custom-tag{border-radius:999px;padding:.05rem .4rem;font-size:.67rem;font-weight:600;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0}.tts-voice-selector__switch-btn{flex-shrink:0;white-space:nowrap}.tts-voice-selector__overlay{position:absolute;inset:0;z-index:1500;background:#0f172a59;display:flex;align-items:stretch;justify-content:center;padding:.75rem}.tts-voice-selector__overlay--viewport{position:fixed;z-index:2600}.tts-voice-selector__overlay-panel{width:100%;height:100%;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:0 18px 36px #0003;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.tts-voice-selector__overlay-header{padding:.75rem .875rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tts-voice-selector__overlay-title{font-size:.875rem;font-weight:600;color:var(--color-text)}.tts-voice-selector__overlay-filters{padding:.75rem .75rem .5rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);display:grid;gap:.5rem}.tts-voice-selector__manual-input{width:100%}.tts-voice-selector__overlay-content{overflow-y:auto;overflow-x:hidden;padding:.75rem}.tts-voice-selector__overlay-content .tts-voice-selector__content{gap:.75rem}@media(max-width:840px){.tts-voice-selector__filters{grid-template-columns:1fr}}@media(max-width:640px){.tts-voice-selector__selector-header{align-items:stretch;flex-direction:column}.tts-voice-selector__overlay{padding:.4rem}}._multiFrameSelector_locj9_1 ._multiFrameRow_locj9_1{display:flex;align-items:flex-start;overflow:hidden}._multiFrameFramesScroll_locj9_7{flex:1;min-width:0;display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}._multiFrameItem_locj9_16{flex-shrink:0;min-width:140px;cursor:grab}._multiFrameItem_locj9_16:active{cursor:grabbing}._multiFrameItem_locj9_16._dragging_locj9_26{opacity:.5}._multiFrameItem_locj9_16._dragOver_locj9_30{outline:2px solid var(--color-cta);outline-offset:2px;border-radius:8px}._multiFrameItemInner_locj9_36{display:flex;flex-direction:column;align-items:center;gap:.5rem}._multiFrameDragHandle_locj9_43{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:grab}._multiFramePreviewWrap_locj9_51{width:120px;height:120px;min-width:100px;min-height:100px;flex-shrink:0}._frameIndex_locj9_59{font-size:.75rem;color:var(--color-text-secondary)}._framePromptInput_locj9_64{width:100%;padding:.375rem;border:1px solid var(--color-border);border-radius:4px;font-size:.8125rem}._frameDurationInput_locj9_72{width:3.5rem;padding:.375rem;border:1px solid var(--color-border);border-radius:4px;font-size:.8125rem}._multiFrameAddBtn_locj9_80{flex-shrink:0;min-width:80px;padding:.5rem;border:2px dashed var(--color-border);border-radius:8px;background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.875rem;cursor:pointer;transition:border-color .2s}._multiFrameAddBtn_locj9_80:hover:not(:disabled){border-color:var(--color-cta);color:var(--color-cta)}._multiFrameAddBtn_locj9_80:disabled{opacity:.5;cursor:not-allowed}.error-details{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.error-details__button{width:24px;height:24px;padding:0;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.error-details__button:hover,.error-details__button:focus-visible{color:var(--color-text);border-color:var(--color-border-strong)}.error-details__popover{z-index:1000}.error-details-panel{padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);box-shadow:0 12px 32px #0f172a2e;font-size:12px;line-height:1.45}.error-details-panel__summary{font-weight:600;margin-bottom:8px}.error-details-panel__list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 10px;margin:0}.error-details-panel__list dt{color:var(--color-text-muted)}.error-details-panel__list dd{margin:0;min-width:0;overflow-wrap:anywhere}.error-details-panel__technical-message{color:var(--color-error, #dc2626)}.error-details-panel__copy-row{display:flex;align-items:center;gap:8px}.error-details-panel__details{margin-top:10px}.error-details-panel__details-title{color:var(--color-text-muted);margin-bottom:4px}.error-details-panel__details pre{max-height:220px;overflow:auto;margin:0;padding:8px;border-radius:6px;background:var(--color-background);color:var(--color-error, #dc2626);white-space:pre-wrap;overflow-wrap:anywhere}.error-details-panel__copy-summary{display:flex;justify-content:flex-end;margin-top:10px}.sidebar-page{width:100%;height:100%;margin:0;padding:0;position:relative}.sidebar-layout{display:grid;grid-template-columns:var(--sidebar-width, 240px) minmax(0,1fr);gap:0;align-items:stretch;padding:0;height:100%;border:none}.sidebar-layout--collapsed{grid-template-columns:36px minmax(0,1fr);gap:0}.sidebar-layout--narrow{grid-template-columns:1fr;gap:0}.sidebar-main{min-width:0;min-height:0;height:100%;padding:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sidebar-panel{background:var(--color-panel-sidebar);border-right:1px solid var(--color-border);border-radius:0;padding:.35rem;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;height:100%}.sidebar-panel--floating{position:absolute;top:0;bottom:0;left:0;width:min(220px,calc(100% - .5rem));min-height:0;max-height:none;overflow-y:auto;z-index:40;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 10px 40px rgba(0,0,0,.15))}.sidebar-panel--floating-full{width:100%;height:100%;min-width:0;max-width:none;border-right:none;border-radius:0;box-shadow:none;background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel-sidebar) 96%,#ffffff 4%),color-mix(in srgb,var(--color-surface) 24%,var(--color-panel-sidebar) 76%))}.sidebar-panel__content{margin-top:.25rem;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sidebar-backdrop{position:absolute;inset:0;background:#0f172a33;z-index:35;border-radius:inherit}.sidebar-backdrop--full{z-index:40;display:flex;align-items:stretch;justify-content:stretch;padding:.2rem;pointer-events:auto}.sidebar-backdrop--full>.sidebar-panel--floating{position:relative;inset:auto;z-index:auto;max-height:100%}.sidebar-header{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-bottom:.15rem;flex-shrink:0}.sidebar-header-actions{--sidebar-header-actions-end-offset: calc(28px + .25rem) ;flex:1;min-width:0;display:flex;align-items:center;position:relative}.sidebar-header>button.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;min-width:unset;border:none;border-radius:var(--radius-sm, 4px);background:transparent;color:var(--color-text-muted, #888);flex-shrink:0;font-size:0;box-shadow:none;opacity:.6;transition:opacity var(--transition-fast)}.sidebar-header>button.sidebar-toggle:hover{opacity:1;background:#0000000f;box-shadow:none;transform:none}.sidebar-header>button.sidebar-toggle:active{transform:none;box-shadow:none}.sidebar-narrow-fab{position:absolute;top:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);color:var(--color-text);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-narrow-fab:hover{background:#0ea5a51a;box-shadow:var(--shadow-md);transform:none}.sidebar-collapsed-expand{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:.15rem;border:none;background:#0000000d;color:var(--color-primary);cursor:pointer;border-radius:var(--radius-md);font-size:1.1rem;line-height:1;transition:color var(--transition-base),background var(--transition-base)}.sidebar-collapsed-expand:hover{color:var(--color-cta);background:#0ea5a51a}.sidebar-layout--collapsed .sidebar-panel{padding:.25rem}.sidebar-collapsed-menu{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%}.sidebar-collapsed-item{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);font-family:var(--font-display);font-size:.75rem;font-weight:700;cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-base),background var(--transition-base)}.sidebar-collapsed-item-icon{display:inline-flex;align-items:center;justify-content:center}.sidebar-collapsed-item:hover{color:var(--color-text);background:var(--color-surface-muted)}.sidebar-collapsed-item.active{color:var(--color-cta);background:color-mix(in srgb,var(--color-cta) 10%,transparent)}.sidebar-fab{padding:.45rem .65rem;border-radius:0}.subtask-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);min-width:0;max-width:100%;overflow:hidden}.subtask-card--compact{background:var(--color-surface);border-radius:6px;padding:.5rem;box-shadow:0 1px 3px #0000001a;border:none}.subtask-card__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.subtask-card--compact .subtask-card__header{margin-bottom:.35rem}.subtask-card__title{margin:0;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;min-width:0;flex:1;overflow:hidden}.subtask-card__index-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .25rem;border-radius:999px;border:1px solid var(--color-border, #e5e7eb);background:var(--color-surface-muted, #f8fafc);color:var(--color-text-muted, #64748b);font-size:.66rem;line-height:1;font-weight:700;flex-shrink:0}.subtask-card__title-id{display:inline-flex;align-items:center;gap:.2rem;min-width:0;overflow:hidden}.subtask-card__title-id>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtask-card__id-copy-btn{background:transparent;border:none;padding:0;margin:0;color:var(--color-text-secondary, #94a3b8);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;opacity:0;transition:opacity .15s}.subtask-card__title-id:hover .subtask-card__id-copy-btn{opacity:1}.subtask-card__id-copy-btn:hover{color:var(--color-text, #111827)}.subtask-card__id-copy-btn.is-copying,.subtask-card__id-copy-btn.is-copied,.subtask-card__id-copy-btn.is-copy-failed{opacity:1}.subtask-card__id-copy-btn.is-copying{cursor:wait}.subtask-card__id-copy-btn.is-copied{color:var(--color-success, #10b981)}.subtask-card__id-copy-btn.is-copy-failed{color:var(--color-error, #ef4444)}.subtask-card--compact .subtask-card__title{font-size:.7rem;color:var(--color-text)}.subtask-card__status-spinner{flex-shrink:0}.subtask-card__status-spinner.is-attention{color:var(--color-warning, #f59e0b)}.subtask-card__status-spinner.is-attention path{stroke-dasharray:4 3}.subtask-card__status-spinner.is-waiting{color:var(--color-info, #3b82f6)}.subtask-card__status-spinner.is-waiting path{stroke-dasharray:4 3}.subtask-card__mock-badge{display:inline-flex;align-items:center;padding:.0625rem .375rem;font-size:.625rem;font-weight:600;line-height:1.4;color:var(--color-warning, #d97706);background:color-mix(in srgb,var(--color-warning, #d97706) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-warning, #d97706) 30%,transparent);border-radius:999px;letter-spacing:.03em;white-space:nowrap;margin-left:.25rem}.subtask-card__progress-wrapper{position:relative}.subtask-card__toggle-btn{width:22px;height:22px;border:1px solid var(--color-border, #e5e7eb);border-radius:4px;background:var(--color-surface, #fff);color:var(--color-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:background .15s,border-color .15s}.subtask-card__toggle-btn:hover{background:var(--color-surface-muted);border-color:var(--color-cta)}.subtask-card__non-result{margin-top:.2rem;margin-bottom:.45rem}.subtask-card__result-process-divider{height:1px;margin:.75rem 0;background:linear-gradient(90deg,transparent,var(--color-border, #d1d5db) 12%,var(--color-border, #d1d5db) 88%,transparent)}.subtask-card--compact .subtask-card__result-process-divider{margin:.5rem 0}.subtask-card__prompt-section{margin-bottom:.75rem;padding:.6rem .7rem;border:1px solid var(--color-border, #d1d5db);border-radius:6px;background:var(--color-surface-muted, #f8fafc)}.subtask-card__prompt-section--compact{margin-bottom:.5rem;padding:.45rem .5rem}.subtask-card__prompt-header{display:flex;align-items:center;gap:.25rem;margin-bottom:.45rem}.subtask-card__prompt-header strong{font-size:.75rem;color:var(--color-text, #111827)}.subtask-card__prompt-section--compact .subtask-card__prompt-header{margin-bottom:.25rem}.subtask-card__prompt-section--compact .subtask-card__prompt-header strong{font-size:.7rem}.subtask-card__prompt-body{font-size:.875rem;color:var(--color-text-muted, #666);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.subtask-card__prompt-section--compact .subtask-card__prompt-body{font-size:.7rem;max-height:60px;overflow-y:auto}.subtask-card__prompt-body--source-url{white-space:normal;overflow:hidden}.subtask-card__hover-actions{position:absolute;top:0;right:0;display:flex;align-items:center;gap:.3rem;opacity:0;pointer-events:none;transition:opacity .15s;z-index:1}.subtask-card:hover .subtask-card__hover-actions{opacity:1;pointer-events:auto}.subtask-card__workflow-btn{background:var(--color-surface, white);color:var(--color-accent-purple, #8B5CF6);border:1px solid var(--color-accent-purple, #8B5CF6);width:22px;height:22px;padding:0;font-size:.75rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s}.subtask-card__workflow-btn:hover{background:color-mix(in srgb,var(--color-accent-purple, #8B5CF6) 12%,transparent)}.subtask-card__transition-btn{background:var(--color-surface, white);color:var(--color-success, #10B981);border:1px solid var(--color-success, #10B981);width:22px;height:22px;padding:0;font-size:.75rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s}.subtask-card__transition-btn:hover{background:color-mix(in srgb,var(--color-success, #10B981) 12%,transparent)}.subtask-card__mode-badge{font-size:.7rem;color:var(--color-text-muted);background:var(--color-background);padding:.15rem .4rem;border-radius:var(--radius-sm)}.subtask-card__provider-tasks{margin-bottom:.45rem;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:6px;padding:.35rem .45rem}.subtask-card__provider-task-title{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:var(--color-text-muted);margin-bottom:.3rem}.subtask-card__provider-task-count{font-size:.62rem;color:var(--color-info-text, #1e40af);background:var(--color-info-bg, #dbeafe);border:1px solid var(--color-info-border, #93c5fd);border-radius:999px;padding:0 6px}.subtask-card__provider-workflow-groups{display:flex;flex-direction:column;gap:.45rem}.subtask-card__provider-workflow-group{display:flex;flex-direction:column;gap:.35rem;padding-top:.15rem}.subtask-card__provider-workflow-group+.subtask-card__provider-workflow-group{border-top:1px solid color-mix(in srgb,var(--color-border) 84%,transparent);padding-top:.45rem}.subtask-card__provider-workflow-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.subtask-card__provider-workflow-name{font-size:.68rem;font-weight:600;color:var(--color-text)}.subtask-card__provider-task-list{display:flex;flex-direction:column;gap:.3rem}.subtask-card__provider-task-item{display:flex;align-items:center;gap:.3rem;min-width:0}.subtask-card__provider-node-value{font-size:.64rem;color:var(--color-text);background:color-mix(in srgb,var(--color-cta, #8B5CF6) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-cta, #8B5CF6) 25%,transparent);border-radius:4px;padding:1px 5px;flex-shrink:0}.subtask-card__provider-badge{font-size:.62rem;color:var(--color-info, #3b82f6);background:color-mix(in srgb,var(--color-info, #3b82f6) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-info, #3b82f6) 25%,transparent);border-radius:4px;padding:1px 5px;flex-shrink:0}.subtask-card__provider-task-value{font-size:.68rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.subtask-card__provider-prompt-row{display:flex;align-items:flex-start;gap:.35rem}.subtask-card__provider-prompt-value{flex:1;min-width:0;font-size:.7rem;line-height:1.45;color:var(--color-text);white-space:pre-wrap;word-break:break-word;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:.35rem .45rem}.subtask-card--compact .subtask-card__provider-tasks{margin-bottom:.35rem;padding:.3rem .35rem}.subtask-card--compact .subtask-card__provider-task-title,.subtask-card--compact .subtask-card__provider-node-value,.subtask-card--compact .subtask-card__provider-task-value,.subtask-card--compact .subtask-card__provider-workflow-name,.subtask-card--compact .subtask-card__provider-prompt-value{font-size:.64rem}.subtask-card__rerun-btn{background:var(--color-surface, white);color:var(--color-success, #10B981);border:1px solid var(--color-success, #10B981);width:22px;height:22px;padding:0;font-size:.75rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s}.subtask-card__rerun-btn:hover{background:color-mix(in srgb,var(--color-success, #10B981) 12%,transparent)}.subtask-card__cancel-btn{background:var(--color-surface, white);color:var(--color-error, #ef4444);border:1px solid var(--color-error, #ef4444);width:22px;height:22px;padding:0;font-size:.75rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s}.subtask-card__cancel-btn:hover{background:color-mix(in srgb,var(--color-error, #ef4444) 12%,transparent)}.subtask-card__continue-btn{background:var(--color-surface, white);color:var(--color-status-processing, #3b82f6);border:1px solid var(--color-status-processing, #3b82f6);width:22px;height:22px;padding:0;font-size:.75rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s}.subtask-card__continue-btn:hover{background:color-mix(in srgb,var(--color-status-processing, #3b82f6) 12%,transparent)}.subtask-card--cancelled{opacity:.7;border-color:var(--color-border)}.subtask-card__error{display:flex;align-items:center;gap:.35rem;padding:.5rem;background:var(--color-error-bg, #fef2f2);border:1px solid var(--color-error-border, #fecaca);border-radius:var(--radius-md);color:var(--color-error, #dc2626);font-size:.8rem;margin-bottom:.5rem}.subtask-card--compact .subtask-card__error{padding:.35rem;font-size:.7rem;margin-bottom:.35rem}.subtask-card__error-icon{flex-shrink:0}.subtask-card__error-text{flex:1}.subtask-card__inline-error{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.4rem;margin-top:.5rem;padding:.45rem .5rem;min-width:0;border:1px solid var(--color-error-border, #fecaca);border-radius:4px;background:var(--color-error-bg, #fef2f2);color:var(--color-error, #dc2626)}.subtask-card__inline-error--compact{margin-top:.375rem;padding:.35rem .45rem}.subtask-card__inline-error-message{min-width:0;max-height:5.4em;margin:0;color:var(--color-error, #dc2626);white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:auto;overflow-x:hidden;font-size:.68rem;line-height:1.35}.subtask-card__inline-error--compact .subtask-card__inline-error-message{font-size:.65rem}.subtask-card__provider-outcome-notices{display:grid;gap:.375rem;margin:.5rem 0}.subtask-card__provider-outcome-notices--compact{margin:.375rem 0}.subtask-card__provider-outcome-notice{display:grid;gap:.125rem;padding:.45rem .55rem;border:1px solid color-mix(in srgb,var(--color-warning, #d97706) 32%,transparent);border-radius:5px;background:color-mix(in srgb,var(--color-warning, #d97706) 9%,transparent);color:var(--color-text, #334155);font-size:.7rem;line-height:1.4}.subtask-card__provider-outcome-notice strong{color:var(--color-warning, #b45309);font-weight:600}.subtask-card__provider-outcome-notices--compact .subtask-card__provider-outcome-notice{padding:.35rem .45rem;font-size:.65rem}.subtask-card__compare-btn{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;font-size:.65rem;color:var(--color-text-muted);line-height:1;vertical-align:middle;transition:background .15s,border-color .15s}.subtask-card__compare-btn:hover{background:var(--color-surface-muted);border-color:var(--color-cta)}.credit-summary-badge{display:inline-flex;align-items:center;gap:.18rem;width:fit-content;max-width:100%;padding:0;border-radius:0;border:0;background:transparent;color:var(--color-text-muted, #64748b);font-size:.75rem;font-weight:600;line-height:1}.credit-summary-badge--compact{padding:0;font-size:.66rem;font-weight:600}.credit-summary-badge--inline{padding:0;background:transparent}.credit-summary-badge--inline.credit-summary-badge--compact{padding:0}.credit-summary-badge--actual{color:var(--color-success, #059669)}.credit-summary-badge--estimate{color:var(--color-warning, #b45309)}.credit-summary-badge--missing{color:var(--color-text-muted, #64748b)}.credit-summary-badge--warning{color:var(--color-error, #dc2626)}.credit-summary-badge--muted{padding:0;background:transparent;color:var(--color-text-muted, #64748b)}.sidebar-content{display:flex;flex-direction:column;gap:.15rem}.create-task-panel-root{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0;height:100%}.create-task-menu-search{min-height:28px;width:100%;position:relative;display:flex;align-items:center;justify-content:flex-end}.create-task-menu-search-trigger,.create-task-menu-search-close{width:28px;height:28px;border:none;border-radius:0;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:transparent;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.create-task-menu-search-trigger:hover,.create-task-menu-search-close:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-cta) 10%,transparent);border-radius:var(--panel-radius-sm)}.create-task-menu-search-trigger:disabled,.create-task-menu-search-close:disabled{opacity:.45;cursor:not-allowed}.create-task-menu-search-panel{position:absolute;top:0;left:0;right:calc(-1 * var(--sidebar-header-actions-end-offset));height:28px;min-width:0;z-index:12;display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .15rem .1rem .35rem;border:1px solid var(--panel-stroke-soft);border-radius:var(--panel-radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel-sidebar) 92%,#ffffff 8%),var(--color-panel-sidebar));box-shadow:var(--panel-shadow-soft)}.create-task-menu-search-input{width:100%;min-width:0;border:none;background:transparent;color:var(--color-text);font-size:.72rem;outline:none}.create-task-menu-search:not(.expanded) .create-task-menu-search-panel{display:none}.create-task-menu-search.expanded .create-task-menu-search-trigger{visibility:hidden}.menu-empty{padding:.5rem .2rem;font-size:.72rem;color:var(--color-text-muted)}.menu-section{margin-top:.15rem}.menu-section:first-child .menu-item{border-top-left-radius:0}.menu-section:last-child .menu-item{border-bottom-left-radius:0}.menu-section:last-child .menu-sublist .menu-subitem:last-child{border-bottom-left-radius:0}.menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.35rem;background:color-mix(in srgb,var(--color-surface) 90%,transparent);border:1px solid transparent;border-radius:var(--panel-radius-sm);padding:.46rem .4rem;text-align:left;color:var(--color-text);cursor:pointer;transition:all var(--transition-base)}.menu-item-main{min-width:0;display:inline-flex;align-items:center;gap:.42rem}.menu-item-side{flex-shrink:0;display:inline-flex;align-items:center;gap:.28rem}.menu-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color var(--transition-base)}.menu-item:hover .menu-icon,.menu-item.active .menu-icon{color:currentColor}.menu-icon-svg{display:block}.menu-item:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-muted) 72%,#ffffff 28%),color-mix(in srgb,var(--color-surface) 92%,#ffffff 8%));border-color:color-mix(in srgb,var(--color-border) 70%,transparent);box-shadow:inset 0 1px #ffffffad}.menu-item.active{background:color-mix(in srgb,var(--color-cta) 10%,transparent);border-color:color-mix(in srgb,var(--color-cta) 26%,transparent);color:var(--color-text)}.menu-label{font-weight:600;font-size:.76rem;letter-spacing:.01em}.menu-meta{font-size:.7rem;font-weight:600;color:var(--color-text-muted);background:var(--color-surface-muted);padding:.15rem .5rem;border-radius:0}.menu-chevron{width:8px;height:8px;border-right:1.25px solid currentColor;border-bottom:1.25px solid currentColor;transform:rotate(45deg);transition:transform var(--transition-fast);opacity:.45;flex-shrink:0}.menu-section.expanded .menu-chevron{transform:rotate(225deg);opacity:.7}.menu-sublist{margin:.4rem 0 .2rem;padding-left:.25rem;display:flex;flex-direction:column;gap:.35rem;max-height:0;overflow:hidden;opacity:0;transition:max-height var(--transition-slow),opacity var(--transition-base)}.menu-section.expanded .menu-sublist{max-height:500px;opacity:1}.menu-subitem{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.35rem;border-radius:var(--panel-radius-sm);padding:.45rem .325rem;border:1px solid transparent;background:transparent;color:var(--color-text-muted);font-size:.74rem;text-align:left;cursor:pointer;transition:all var(--transition-base)}.menu-subitem:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-surface-muted) 72%,#ffffff 28%);border-color:color-mix(in srgb,var(--color-border) 66%,transparent)}.menu-subitem.active{color:var(--color-cta);background:color-mix(in srgb,var(--color-cta) 10%,transparent);border-color:color-mix(in srgb,var(--color-cta) 26%,transparent);font-weight:600}.menu-subitem-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-subitem-badge{flex-shrink:0;font-size:.62rem;font-weight:700;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-pill);padding:.05rem .35rem}.create-task-page .sidebar-main{overflow-y:hidden;padding-right:0}.create-task-page .sidebar-panel--floating{border-top-left-radius:0;border-bottom-left-radius:0}.create-task-page--panel-compact .sidebar-layout{grid-template-columns:var(--sidebar-width, 240px) minmax(min(320px,100%),1fr)}.create-task-page--panel-compact .sidebar-layout--collapsed{grid-template-columns:36px minmax(min(320px,100%),1fr)}.create-task-page--panel-compact .sidebar-layout--narrow{grid-template-columns:1fr}.create-task-page--panel-compact .sidebar-panel--floating-full{border-top-left-radius:0;border-bottom-left-radius:0}.create-task-page--panel-compact .sidebar-backdrop{background:#0f172a47}.create-task-page--panel-compact .sidebar-main{min-width:min(320px,100%)}.create-task-page--panel-compact .create-task-form-scroll--compact{container-type:inline-size;container-name:compact-create-form;overflow-x:hidden}.create-task-page--panel-compact .create-task-form-scroll--compact>.workflow-based-form--create.workflow-based-form--create-compact:not(.workflow-based-form--create-composition){min-width:0}.create-task-page--panel-compact .workflow-based-form--create.workflow-based-form--create-compact.workflow-based-form--create-composition .workflow-composition-create-group__layout{min-width:0}@container compact-create-form (max-width: 679px){.create-task-form-scroll--compact{overflow-y:auto}.create-task-form-scroll--compact>.workflow-based-form--create.workflow-based-form--create-compact{flex:0 0 auto;min-height:100%;height:auto}.create-task-page .create-task-form-scroll--compact>.workflow-based-form--create.workflow-based-form--create-compact .workflow-based-form__column{height:auto;overflow:visible;overscroll-behavior:auto}.workflow-based-form--create.workflow-based-form--create-compact:not(.workflow-based-form--create-composition){grid-template-columns:minmax(0,1fr)}.workflow-based-form--create.workflow-based-form--create-compact .workflow-based-form__column--inputs{border-right:none;padding-right:0}.workflow-based-form--create.workflow-based-form--create-compact .workflow-based-form__column--config{width:100%;margin-top:.375rem}.workflow-based-form--create.workflow-based-form--create-compact.workflow-based-form--create-composition .workflow-composition-create-group__layout{grid-template-columns:minmax(0,1fr);gap:.6rem}}.create-task-sidebar-cards{display:flex;flex-direction:column;gap:.7rem}.create-task-sidebar-card-group{display:flex;flex-direction:column;gap:.35rem}.create-task-sidebar-card-group__title{margin:0;display:inline-flex;align-items:center;gap:.32rem;color:var(--color-text-muted);font-size:.68rem;font-weight:700;letter-spacing:.03em}.create-task-sidebar-card-group__icon{display:inline-flex}.create-task-sidebar-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.35rem}.create-task-sidebar-card{display:inline-flex;align-items:center;justify-content:space-between;gap:.3rem;border:1px solid color-mix(in srgb,var(--color-border) 68%,transparent);border-radius:var(--panel-radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 96%,#ffffff 4%),color-mix(in srgb,var(--color-surface-muted) 22%,var(--color-surface) 78%));color:var(--color-text);padding:.48rem .52rem;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.create-task-sidebar-card:hover{border-color:color-mix(in srgb,var(--color-cta) 30%,transparent);box-shadow:inset 0 1px #ffffffad,var(--panel-shadow-soft)}.create-task-sidebar-card.active{border-color:color-mix(in srgb,var(--color-cta) 30%,transparent);background:color-mix(in srgb,var(--color-cta) 10%,transparent);color:var(--color-primary)}.create-task-sidebar-card__title{min-width:0;font-size:.72rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-task-sidebar-card__badge{flex-shrink:0;font-size:.58rem;font-weight:700;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;padding:.05rem .32rem}.create-task-main{min-width:0;min-height:0;display:flex;flex:1 1 auto;flex-direction:column;height:100%;overflow:hidden;padding-inline:clamp(.14rem,.32vw,.24rem);box-sizing:border-box}.create-task-header{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.2rem 0;flex-shrink:0;min-width:0}.create-task-header--inline{align-items:center;flex-wrap:wrap;padding:.28rem 0 .34rem;margin-bottom:.2rem;border-bottom:1px solid color-mix(in srgb,var(--color-border) 56%,transparent)}.create-task-header--compact-narrow{align-items:center;flex-wrap:nowrap}.create-task-header--compact-narrow .create-task-header__main{flex:1 1 auto;min-width:0}.create-task-header--compact-narrow .create-task-header__actions{flex:0 0 auto;margin-left:auto}.create-task-header__main{min-width:0;flex:1}.create-task-composition-header-tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.38rem;min-width:0}.create-task-composition-header-tabs--top-row{width:100%;flex:0 0 100%;order:-1;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.08rem}.create-task-composition-header-tab{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:28px;max-width:100%;padding:.2rem .6rem;border:1px solid color-mix(in srgb,var(--color-border) 62%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-surface) 94%,transparent);color:var(--color-text-muted);font-size:.74rem;font-weight:600;line-height:1.2;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.create-task-composition-header-tab:hover,.create-task-composition-header-tab:focus-visible{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-cta) 30%,transparent);background:color-mix(in srgb,var(--color-cta) 10%,var(--color-surface))}.create-task-composition-header-tab.active{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-cta) 44%,transparent);background:color-mix(in srgb,var(--color-cta) 14%,var(--color-surface))}.create-task-header__title-wrap{display:flex;align-items:center;gap:.45rem;min-width:0}.create-task-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid color-mix(in srgb,var(--color-border) 66%,transparent);border-radius:var(--panel-radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 95%,#ffffff 5%),color-mix(in srgb,var(--color-surface-muted) 24%,var(--color-surface) 76%));color:var(--color-text-muted);cursor:pointer;flex-shrink:0;box-shadow:inset 0 1px #ffffffa8}.create-task-menu-trigger:hover{background:color-mix(in srgb,var(--color-cta) 10%,transparent);color:var(--color-primary)}.create-task-header__title{margin:0;min-width:0;display:flex;align-items:center;gap:.28rem;font-size:.88rem;font-weight:700;line-height:1.25;color:var(--color-text);white-space:nowrap;overflow:hidden}.create-task-header__title-trigger{display:inline-flex;align-items:center;gap:.28rem;min-width:0;max-width:100%;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.create-task-header__title-trigger:hover{color:var(--color-primary)}.create-task-header__title-trigger:focus-visible{outline:2px solid rgba(14,165,165,.45);outline-offset:3px;border-radius:6px}.create-task-header__category,.create-task-header__workflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-task-header__category{color:var(--color-cta)}.create-task-header__separator{color:var(--color-text-muted)}.create-task-header__actions{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.create-task-run-group{position:relative;display:inline-flex;align-items:center}.create-task-run-btn{height:32px;box-sizing:border-box;border-top-right-radius:0;border-bottom-right-radius:0;padding-inline:.72rem .66rem;min-width:32px}.create-task-run-toggle{height:32px;box-sizing:border-box;padding:0 .34rem;border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:#ffffff47;min-width:24px;width:24px;justify-content:center}.create-task-run-toggle:hover,.create-task-run-toggle:focus-visible{border-left-color:#fff6}.create-task-run-btn:hover,.create-task-run-btn:focus-visible,.create-task-run-toggle:hover,.create-task-run-toggle:focus-visible{transform:none}.create-task-run-menu{position:absolute;top:calc(100% + .3rem);right:0;min-width:120px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-md);padding:.2rem;z-index:40}.create-task-run-menu__item{width:100%;border:none;background:transparent;color:var(--color-text);font-size:.76rem;padding:.35rem .45rem;border-radius:6px;text-align:left;cursor:pointer}.create-task-run-menu__item:hover{background:var(--color-surface-muted)}.create-task-run-menu__item.active{color:var(--color-cta);background:#0ea5a51f;font-weight:600}.create-task-header__workflow{color:var(--color-text)}.create-task-header__title-wrap .create-task-icon-btn{flex-shrink:0}.create-task-header--inline .create-task-header__main{min-width:0;flex:1 1 auto;order:2;display:flex;align-items:center;min-height:36px}.create-task-header--inline .create-task-header__actions{order:3;width:auto;justify-content:flex-end;margin-left:auto}.create-task-header--inline .create-task-menu-trigger{order:1;align-self:center}.create-task-header--inline .create-task-header__title-wrap{min-height:36px;align-items:center}.create-task-header--inline .create-task-header__title{font-size:.82rem}.create-task-header--inline .create-task-header__title-wrap{overflow:hidden}.create-task-header--inline .create-task-run-btn{max-width:170px}.create-task-page .form-section-hint,.create-task-page .option-description,.create-task-page .empty-state,.create-task-page .info-notice-content,.create-task-page .template-preset-hint,.create-task-page .template-card-desc,.create-task-page .launcher-description,.create-task-page .playback-hint,.create-task-page .cropper-hint,.create-task-page .fusion-hint{font-size:12px}.create-task-desc-inline{color:var(--color-text-muted);font-size:11px;letter-spacing:.01em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-task-action-btn{padding:.35rem .85rem;font-size:.8rem}.create-task-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.3rem;min-width:28px;min-height:28px;border-radius:6px;color:var(--color-text-muted)}.create-task-icon-btn:hover{color:var(--color-text);background:var(--color-surface-muted)}.create-task-warning-btn{display:inline-flex;align-items:center;justify-content:center;padding:.3rem;min-width:28px;min-height:28px;border-radius:6px;color:var(--color-warning, #d97706);border-color:color-mix(in srgb,var(--color-warning, #d97706) 32%,transparent);background:color-mix(in srgb,var(--color-warning, #d97706) 12%,transparent)}.create-task-warning-btn:hover,.create-task-warning-btn:focus-visible{color:var(--color-warning, #d97706);background:color-mix(in srgb,var(--color-warning, #d97706) 18%,transparent)}.create-task-form{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;padding:0;border:none;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.create-task-submit{align-self:flex-end;margin-right:.5rem;margin-top:.25rem;margin-bottom:.25rem;flex-shrink:0}.create-task-form-scroll{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;position:relative;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:.38rem 0 .08rem}.create-task-form-scroll--compact{overflow-y:hidden}.create-task-form-scroll--compact>.workflow-based-form--create.workflow-based-form--create-compact{flex:1 1 auto;min-height:0;height:100%}.create-task-page .create-task-form-scroll--compact>.workflow-based-form--create.workflow-based-form--create-compact .workflow-based-form__column{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.create-task-page .create-task-form-scroll--compact>.workflow-based-form--create.workflow-based-form--create-compact.workflow-based-form--create-composition .workflow-based-form__column{overflow:visible;overscroll-behavior:auto}@media(max-width:960px){.create-task-form-scroll--compact{overflow-y:auto}.create-task-form-scroll--compact>.workflow-based-form--create.workflow-based-form--create-compact{flex:0 0 auto;min-height:100%;height:auto}.create-task-page .create-task-form-scroll--compact>.workflow-based-form--create.workflow-based-form--create-compact .workflow-based-form__column{height:auto;overflow:visible;overscroll-behavior:auto}}.create-task-form-scroll>.workflow-based-form--create.workflow-based-form--create-compact{padding:.04rem .02rem .12rem}.create-task-form-scroll>.workflow-based-form--create{flex:1 1 auto}.create-task-form-scroll>.workflow-based-form--create:not(.workflow-based-form--create-compact){flex:0 0 auto;width:100%}.create-task-page .create-task-form-scroll:not(.create-task-form-scroll--compact)>.workflow-based-form--create.workflow-based-form--create-compact{flex:0 0 auto}.empty-state{padding:2.1rem 1.6rem;text-align:center;color:var(--color-text-muted);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 94%,#ffffff 6%),color-mix(in srgb,var(--color-surface-muted) 20%,var(--color-surface) 80%));border-radius:var(--panel-radius-lg);border:1px solid color-mix(in srgb,var(--color-border) 62%,transparent);box-shadow:inset 0 1px #ffffffb3}.task-json-import-dialog{display:flex;flex-direction:column;gap:.65rem;width:min(620px,calc(100vw - 3rem));padding:.75rem}.fullscreen-modal__container:has(.task-json-import-dialog){width:min(680px,calc(100vw - 2rem));height:auto;max-height:min(82vh,720px)}.fullscreen-modal__content:has(.task-json-import-dialog){flex:0 1 auto;padding:12px}.create-task-json-import-entry{margin-bottom:.35rem}.task-json-import-dialog__label{font-size:.88rem;font-weight:600;color:var(--color-text)}.task-json-import-dialog__textarea{width:100%;min-height:clamp(180px,38vh,340px);max-height:min(48vh,420px);resize:vertical;overflow:auto;padding:.85rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);font-size:.83rem;line-height:1.5;tab-size:2}.task-json-import-dialog__textarea:focus{outline:2px solid color-mix(in srgb,var(--color-primary) 54%,transparent);outline-offset:2px}.task-json-import-dialog__error{padding:.7rem .8rem;border:1px solid color-mix(in srgb,var(--color-error, #ef4444) 42%,transparent);border-radius:8px;background:color-mix(in srgb,var(--color-error, #ef4444) 10%,var(--color-surface) 90%);color:var(--color-error, #b91c1c);font-size:.84rem;line-height:1.4;overflow-wrap:anywhere}.task-json-import-dialog__footer{display:flex;justify-content:flex-end;gap:.6rem;padding-top:.65rem;border-top:1px solid var(--color-border)}.task-json-import-dialog__button{min-width:96px;border-radius:8px;border:1px solid var(--color-border);padding:.52rem .85rem;font-size:.86rem;font-weight:600;cursor:pointer}.task-json-import-dialog__button:disabled{cursor:not-allowed;opacity:.58}.task-json-import-dialog__button--secondary{background:var(--color-surface);color:var(--color-text)}.task-json-import-dialog__button--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast, #fff)}@media(max-width:768px){.create-task-main{padding-inline:.07rem}.create-task-header__title{font-size:.86rem}.create-task-composition-header-tabs{width:100%}.create-task-header__actions{width:100%;justify-content:flex-end}.create-task-header--compact-narrow .create-task-header__actions{width:auto}.create-task-header--compact-narrow .create-task-header__title-wrap,.create-task-header--compact-narrow .create-task-header__title-trigger,.create-task-header--compact-narrow .create-task-header__workflow{min-width:0}.create-task-header--compact-narrow .create-task-header__title{max-width:100%}.create-task-header--inline .create-task-header__actions{width:auto}.create-task-run-btn{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-json-import-dialog{width:calc(100vw - 2rem);padding:.65rem}.fullscreen-modal__container:has(.task-json-import-dialog){width:calc(100vw - 1rem);max-height:min(88vh,680px)}.fullscreen-modal__content:has(.task-json-import-dialog){padding:8px}.task-json-import-dialog__textarea{min-height:clamp(160px,42vh,300px);max-height:48vh}.task-json-import-dialog__footer{flex-wrap:wrap}.task-json-import-dialog__button{flex:1 1 130px}}.page-loading-state{--loading-ring-size: 2.75rem;--loading-inner-ring-size: 1.8rem;--loading-panel-padding: 1.5rem;--loading-panel-min-height: 13rem;width:100%;min-height:var(--loading-panel-min-height);padding:var(--loading-panel-padding);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;border-radius:var(--radius-lg);border:1px solid rgba(14,165,165,.2);background:linear-gradient(140deg,#0ea5a51f,#0ea5a508 45%),var(--color-surface);box-shadow:inset 0 1px #ffffff73;text-align:center}.page-loading-state--compact{--loading-ring-size: 2.35rem;--loading-inner-ring-size: 1.45rem;--loading-panel-padding: 1.25rem;--loading-panel-min-height: 9.5rem}.page-loading-state__spinner{position:relative;width:var(--loading-ring-size);height:var(--loading-ring-size)}.page-loading-state__ring{position:absolute;inset:0;border-radius:999px;border:2px solid transparent;border-top-color:var(--color-primary);border-left-color:#0ea5a58c;animation:page-loading-spin .9s linear infinite}.page-loading-state__ring--inner{width:var(--loading-inner-ring-size);height:var(--loading-inner-ring-size);inset:50%;opacity:.6;animation:page-loading-spin-inner 1.35s linear infinite reverse}.page-loading-state__text{display:flex;flex-direction:column;align-items:center;gap:.25rem}.page-loading-state__label{color:var(--color-text);font-size:.95rem;font-weight:600}.page-loading-state__description{color:var(--color-text-muted);font-size:.8rem}.page-loading-state__skeleton{width:min(16rem,100%);display:grid;gap:.42rem}.page-loading-state__line{height:.4rem;border-radius:999px;background:linear-gradient(90deg,#94a3b84d,#94a3b814,#94a3b84d);background-size:210% 100%;animation:page-loading-shimmer 1.4s ease-in-out infinite}.page-loading-state__line--long{width:100%}.page-loading-state__line--short{width:65%;justify-self:center}@keyframes page-loading-spin{to{transform:rotate(360deg)}}@keyframes page-loading-spin-inner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes page-loading-shimmer{0%{background-position:200% 50%}to{background-position:-100% 50%}}.task-detail-content__project-attribution{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;margin-top:.5rem;padding:.5rem 0;color:var(--color-text-secondary);font-size:.8rem}.task-detail-content__project-attribution strong{min-width:0;color:var(--color-text);overflow-wrap:anywhere}.task-detail-content__ai-mv-status{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.625rem 0;border-top:1px solid var(--color-border, #e5e7eb);border-bottom:1px solid var(--color-border, #e5e7eb);font-size:.8rem}.task-detail-content__ai-mv-status-header{display:flex;flex-wrap:wrap;gap:.375rem .75rem;align-items:center;color:var(--color-text-secondary)}.task-detail-content__ai-mv-status-header strong{color:var(--color-text)}.task-detail-content__ai-mv-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.5rem}.task-detail-content__ai-mv-status-grid>div{display:flex;min-width:0;flex-direction:column;gap:.125rem}.task-detail-content__ai-mv-status-grid span,.task-detail-content__ai-mv-diagnostics dt{color:var(--color-text-muted)}.task-detail-content__ai-mv-status-grid strong,.task-detail-content__ai-mv-diagnostics dd{min-width:0;color:var(--color-text);overflow-wrap:anywhere}.task-detail-content__ai-mv-diagnostics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.375rem .75rem;margin:0}.task-detail-content__ai-mv-diagnostics>div{min-width:0}.task-detail-content__ai-mv-diagnostics dt,.task-detail-content__ai-mv-diagnostics dd{margin:0}.task-detail-content__ai-mv-actions{display:flex;flex-direction:column;gap:.375rem}.task-detail-content__ai-mv-compose,.task-detail-content__ai-mv-storyboard-action{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.task-detail-content__ai-mv-storyboard-action label{display:inline-flex;min-width:8rem;align-items:center;gap:.25rem;color:var(--color-text);overflow-wrap:anywhere}.task-detail-content__ai-mv-storyboard-action input[type=text]{min-width:min(16rem,100%);flex:1 1 16rem;border:1px solid var(--color-border, #d1d5db);border-radius:6px;padding:.35rem .5rem;color:var(--color-text);background:var(--color-surface, #fff)}.task-detail-content__ai-mv-storyboard-preview{width:min(14rem,100%);aspect-ratio:16 / 9;border-radius:6px;background:#000;object-fit:contain}.task-detail-content__ai-mv-actions button{border:1px solid var(--color-border, #d1d5db);border-radius:6px;padding:.35rem .625rem;color:var(--color-text);background:var(--color-surface-muted, #f8fafc);font-weight:600;cursor:pointer}.task-detail-content__ai-mv-actions button:disabled{cursor:not-allowed;opacity:.55}.task-detail-content__error{display:flex;align-items:flex-start;gap:.25rem;margin-top:.5rem;color:var(--color-error);font-size:.8rem}.task-detail-content__error-message{min-width:0;max-height:5.4em;line-height:1.35;overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;white-space:pre-wrap}.before-after-compare{position:relative;width:100%;height:100%;overflow:hidden;background:#111;-webkit-user-select:none;user-select:none;touch-action:none}.before-after-compare--dragging{cursor:ew-resize}.before-after-compare__toolbar{position:absolute;top:12px;right:12px;z-index:20;display:flex;align-items:center;justify-content:flex-end}.before-after-compare__mode-controls{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #ffffff24}.before-after-compare__mode-btn{width:30px;height:30px;border:none;background:transparent;color:#fff;border-radius:999px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .12s ease,color .12s ease,transform .12s ease}.before-after-compare__mode-btn:hover{background:#fff3;transform:translateY(-1px)}.before-after-compare__mode-btn--active{background:linear-gradient(180deg,#fffffffa,#f3f3f3eb);color:#1d1d1d;box-shadow:0 1px 4px #0000002e}.before-after-compare__mode-btn svg{display:block}.before-after-compare__playback-controls{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:8px;width:min(640px,calc(100% - 24px));min-width:220px;padding:6px 10px;border-radius:10px;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.before-after-compare__playback-toggle{width:28px;height:28px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#ffffff29;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.before-after-compare__playback-toggle:hover{background:#ffffff40}.before-after-compare__playback-range{flex:1;min-width:0;accent-color:#fff}.before-after-compare__playback-time{color:#fff;font-size:.75rem;font-variant-numeric:tabular-nums;min-width:82px;text-align:right}.before-after-compare__media{display:block;object-fit:contain}.before-after-compare__media-layout{position:absolute;inset:0;display:flex}.before-after-compare__media-layout--overlay{display:block}.before-after-compare__media-layout--horizontal{flex-direction:row}.before-after-compare__media-layout--vertical{flex-direction:column}.before-after-compare__pane{position:relative;flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0c0c0c}.before-after-compare__pane--overlay{position:absolute;inset:0;background:transparent}.before-after-compare__media-layout--horizontal .before-after-compare__pane+.before-after-compare__pane{border-left:1px solid rgba(255,255,255,.12)}.before-after-compare__media-layout--vertical .before-after-compare__pane+.before-after-compare__pane{border-top:1px solid rgba(255,255,255,.12)}.before-after-compare__pane-label{position:absolute;top:8px;left:8px;z-index:6;background:#0009;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem}.before-after-compare__slider-line{position:absolute;top:0;bottom:0;width:3px;background:#fff;transform:translate(-50%);z-index:10;box-shadow:0 0 6px #00000080;pointer-events:none}.before-after-compare__slider-hit{position:absolute;top:0;bottom:0;width:32px;transform:translate(-50%);z-index:11;cursor:ew-resize}.before-after-compare__handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:2px solid #fff;box-shadow:0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;z-index:12;pointer-events:none}.before-after-compare__label{position:absolute;top:8px;z-index:5;background:#0009;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem}.before-after-compare__label--before{left:8px}.before-after-compare__label--after{right:8px}.renderer-container{margin-bottom:.75rem;min-width:0;max-width:100%}.renderer-container--compact{margin-bottom:.5rem}.renderer-image{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-md);background:var(--color-background);cursor:zoom-in}.renderer-image--compact{max-height:100px;border-radius:4px;background:var(--color-surface)}.renderer-label{font-size:.7rem;color:var(--color-text-muted);margin-bottom:.25rem;font-weight:500}.renderer-label--compact{font-size:.6rem;font-weight:400}.start-end-container{display:flex;gap:.75rem;margin-bottom:.75rem;min-width:0}.start-end-container--compact{gap:.5rem;margin-bottom:.5rem}.start-end-frame{flex:1;min-width:0;text-align:center}.start-end-image{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-md);background:var(--color-background);cursor:zoom-in;transition:opacity .2s}.start-end-image:hover{opacity:.8}.start-end-image--compact{height:80px;border-radius:4px;background:var(--color-surface)}.start-end-arrow{display:flex;align-items:center;color:var(--color-text-muted);font-size:1.25rem}.fusion-container{margin-bottom:.75rem;min-width:0}.fusion-container--compact{margin-bottom:.5rem}.fusion-grid{display:flex;gap:.5rem;flex-wrap:wrap}.fusion-grid--compact{gap:.25rem}.fusion-item{text-align:center}.fusion-image{width:70px;height:80px;object-fit:cover;border-radius:var(--radius-sm);cursor:zoom-in}.fusion-image--compact{width:50px;height:60px;border-radius:4px}.fusion-name{font-size:.6rem;color:var(--color-text-muted);margin-top:.125rem}.fusion-name--compact{font-size:.55rem}.video-edit-container{margin-bottom:.75rem;min-width:0}.video-edit-container--compact{margin-bottom:.5rem}.video-edit-result-notes{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.5rem}.video-edit-result-note{color:var(--color-text-muted);font-size:.75rem;line-height:1.4}.video-edit-video{width:100%;max-height:150px;border-radius:var(--radius-md);background:#000;cursor:pointer}.video-edit-video--compact{max-height:100px;border-radius:4px}.video-edit-inputs{display:flex;gap:.75rem;flex-wrap:wrap}.video-edit-container--compact .video-edit-inputs{gap:.5rem}.video-edit-input-item{flex:1;min-width:0}.video-edit-images{margin-top:.5rem}.video-edit-image-grid{display:flex;gap:.5rem;flex-wrap:wrap}.video-edit-container--compact .video-edit-images{margin-top:.25rem}.video-edit-container--compact .video-edit-image-grid{gap:.25rem}.reference-video-details{display:flex;flex-direction:column;gap:.65rem}.reference-video-details--compact{gap:.45rem}.reference-video-details__media{min-width:0}.reference-video-details__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:.65rem}.reference-video-details__grid--compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.45rem}.reference-video-details__group{min-width:0;padding:.5rem .6rem;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-surface-muted, rgba(148, 163, 184, .08))}.reference-video-details__rows{display:grid;gap:.22rem;font-size:.75rem;color:var(--color-text-muted)}.reference-video-details__rows span{color:var(--color-text);font-weight:500}.collage-container{margin-bottom:.75rem}.collage-container--compact{margin-bottom:.5rem}.collage-image{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-md);background:var(--color-background);cursor:zoom-in}.collage-image--compact{max-height:100px;border-radius:4px;background:var(--color-surface)}.video-extend-start-end-container{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:flex-start}.video-extend-start-end-container--compact{gap:.5rem;margin-bottom:.5rem}.video-extend-start-end-item{flex:1;text-align:center;min-width:0}.video-extend-start-end-arrow{display:flex;align-items:center;color:var(--color-text-muted);font-size:1.25rem;padding-top:1.5rem}.video-extend-start-end-placeholder{display:flex;align-items:center;justify-content:center;height:100px;background:var(--color-surface-muted);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.75rem}.subtask-results-preview__toolbar{display:flex;align-items:center;gap:6px}.subtask-results-preview-modal .fullscreen-modal__close-btn--immersive{width:32px;height:32px}.subtask-results-preview__action{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .15s ease,color .15s ease}.subtask-results-preview__action[aria-pressed=true]{background:#4a9eff52}.subtask-results-preview__action:disabled{color:#ffffff6b;cursor:not-allowed}.subtask-results-preview__compact-menu{display:none;position:relative}.subtask-results-preview__menu{position:absolute;top:calc(100% + 8px);right:0;width:max-content;min-width:190px;padding:6px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#141414f5;box-shadow:0 12px 32px #00000059}.subtask-results-preview__menu-item{width:100%;padding:8px 10px;border:0;border-radius:7px;display:flex;align-items:center;gap:9px;color:#fff;background:transparent;cursor:pointer;text-align:left}.subtask-results-preview__menu-item:hover,.subtask-results-preview__menu-item[aria-pressed=true]{background:#4a9eff3d}.subtask-results-preview__menu-item:disabled{color:#ffffff6b;cursor:not-allowed}@media(max-width:640px){.subtask-results-preview__wide-toolbar{display:none}.subtask-results-preview__compact-menu{display:block}}.audio-inline-player{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.audio-inline-player__media{display:block;width:100%;min-height:40px;background:var(--color-surface);color:var(--color-text);color-scheme:light dark}.audio-inline-player__media:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.audio-inline-player__state{display:inline-flex;align-items:center;align-self:flex-start;min-height:22px;padding:3px 8px;border-radius:6px;background:color-mix(in srgb,var(--color-cta) 10%,var(--color-surface));color:var(--color-text-muted);font-size:12px}.audio-inline-player__state--error{background:color-mix(in srgb,var(--color-error) 10%,var(--color-surface));color:var(--color-error)}.audio-inline-player__loading-overlay{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:4px 8px;border-radius:6px;background:color-mix(in srgb,var(--color-surface) 86%,transparent);color:var(--color-text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.audio-inline-player__spinner{width:14px;height:14px;flex:0 0 auto;border:2px solid color-mix(in srgb,var(--color-text-muted) 32%,transparent);border-top-color:var(--color-cta);border-radius:999px;animation:audio-inline-player-spin .8s linear infinite}.audio-inline-player__loading-text{overflow:hidden;color:var(--color-text-muted);font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.audio-inline-player__cancel{flex:0 0 auto;border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;background:var(--color-surface);color:var(--color-text);font-size:12px;cursor:pointer}.audio-inline-player__cancel:hover,.audio-inline-player__cancel:focus-visible{border-color:var(--color-cta);outline:none}@keyframes audio-inline-player-spin{to{transform:rotate(360deg)}}.voice-assets__panel{display:grid;gap:.75rem;min-width:0}.voice-assets__toolbar{display:flex;align-items:center;padding:.375rem .75rem;gap:.5rem;min-width:0;border-bottom:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.voice-assets__toolbar-button{box-sizing:border-box;min-height:32px;padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text-secondary, #475569);font:inherit;font-size:.75rem;font-weight:500;line-height:1.2;cursor:pointer}.voice-assets__toolbar-button:hover,.voice-assets__toolbar-button.is-active{border-color:var(--color-primary, #0ea5a5);background:color-mix(in srgb,var(--color-primary, #0ea5a5) 9%,var(--color-surface));color:var(--color-primary, #0ea5a5)}.voice-assets__toolbar-button:focus-visible{outline:2px solid var(--color-primary, #0ea5a5);outline-offset:1px}.voice-assets__search,.voice-assets__filter{box-sizing:border-box;height:32px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text);font-size:.75rem}.voice-assets__search{flex:0 1 180px;min-width:112px;max-width:220px;padding:0 .4rem}.voice-assets__filter{flex:0 1 auto;max-width:136px;min-width:0;padding:0 .4rem}.voice-assets__sort{display:inline-flex;align-items:center;gap:.25rem;margin-left:auto;min-width:0;flex:0 0 auto}.voice-assets__sort-order{width:32px;height:32px;box-sizing:border-box;flex:0 0 auto;border:1px solid var(--color-border);border-radius:4px;background:none;color:var(--color-text-muted, #64748b);font-size:.8125rem;line-height:1;cursor:pointer}.voice-assets__search:focus-visible,.voice-assets__filter:focus-visible,.voice-assets__sort-order:focus-visible{outline:2px solid var(--color-cta);outline-offset:1px}.voice-assets__library{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.625rem;min-width:0}.voice-assets__transfer-actions{grid-column:1 / -1;display:flex;align-items:center;gap:.4rem}.voice-assets__transfer-select{position:relative;min-width:0}.voice-assets__transfer-checkbox{position:absolute;top:8px;left:8px;z-index:5;width:18px;height:18px;margin:0;accent-color:var(--color-primary, #0ea5a5);cursor:pointer}.voice-assets__transfer-select.is-selected .voice-assets__item{border-color:var(--color-primary, #0ea5a5);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary, #0ea5a5) 18%,transparent)}.voice-assets__transfer-select.is-selecting .voice-assets__item-head{box-sizing:border-box;padding-left:1.5rem}.voice-assets__transfer-select.is-selecting .media-file-delete-action{visibility:hidden}.voice-assets__error{color:var(--color-warning);white-space:pre-line;font-size:.8125rem}.voice-assets__hint{color:var(--color-text-muted);font-size:.8125rem}.voice-assets__item{position:relative;border:1px solid var(--color-border);border-radius:6px;padding:.625rem;background:var(--color-surface);display:flex;flex-direction:column;gap:.45rem;min-width:0;min-height:176px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.voice-assets__item:hover{border-color:var(--color-primary, #0ea5a5);box-shadow:0 2px 8px #00000014}.voice-assets__item-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.35rem}.voice-assets__item-title{min-width:0;border:none;padding:0;background:transparent;font-weight:600;font-size:.8rem;color:var(--color-text);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:copy}.voice-assets__item-title:hover,.voice-assets__item-title:focus-visible{color:var(--color-primary, #0ea5a5);outline:none}.voice-assets__item-meta{color:var(--color-text-muted);font-size:.72rem;overflow-wrap:anywhere}.voice-assets__description{display:-webkit-box;align-self:start;min-height:2.35em;overflow:hidden;color:var(--color-text-muted);font-size:.72rem;line-height:1.35;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}.voice-assets__description span{color:var(--color-text);font-weight:600}.voice-assets__badges{display:flex;flex-wrap:wrap;align-self:start;align-content:flex-start;gap:.25rem;min-width:0}.voice-assets__badge,.voice-assets__status-badge{display:inline-flex;align-items:center;max-width:100%;min-width:0;border-radius:999px;padding:.12rem .45rem;border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.68rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-assets__badge--provider{border-color:#0ea5a559;background:#0ea5a51a;color:var(--color-primary)}.voice-assets__badge--model{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.voice-assets__badge--region{color:var(--color-text)}.voice-assets__badge--mock{border-color:#a855f759;background:#a855f71a;color:#7e22ce}.voice-assets__status-badge{flex-shrink:0;background:#0ea5a529;border-color:#0ea5a566;color:var(--color-primary)}.voice-assets__item-footer{display:grid;gap:.35rem;margin-top:auto;min-width:0}.voice-assets__creator-meta{align-self:end}.voice-assets__sample-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-assets__sample-audio{width:100%;min-width:0}.voice-assets__item-actions{display:contents}@media(max-width:860px){.voice-assets__filter{max-width:120px}}@media(max-width:640px){.voice-assets__toolbar{flex-wrap:wrap}.voice-assets__search{flex-basis:100%;max-width:none}.voice-assets__sort{margin-left:0}}.voice-assets__use-action{min-width:0}.voice-assets__item .media-file-delete-action,.voice-assets__item .media-file-more-trigger{position:absolute;top:6px;width:24px;height:24px;border:none;border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;pointer-events:auto;transform:translateY(0);transition:background .2s,opacity .15s,transform .15s;z-index:2}.voice-assets__item .media-file-delete-action{left:6px;background:#dc2626e0;font-size:1rem;line-height:1}.voice-assets__item .media-file-more-trigger{right:6px;background:#0f172ab8;font-size:1.1rem;letter-spacing:-.08em}@media(hover:hover)and (pointer:fine){.voice-assets__item .media-file-delete-action,.voice-assets__item .media-file-more-trigger{opacity:0;pointer-events:none;transform:translateY(-2px)}.voice-assets__item:hover .media-file-delete-action,.voice-assets__item:hover .media-file-more-trigger,.voice-assets__item:focus-within .media-file-delete-action,.voice-assets__item:focus-within .media-file-more-trigger,.voice-assets__item .media-file-delete-action:focus-visible,.voice-assets__item .media-file-more-trigger:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}}@media(any-pointer:coarse){.voice-assets__item .media-file-delete-action,.voice-assets__item .media-file-more-trigger{opacity:1;pointer-events:auto;transform:translateY(0)}}.voice-assets__item .media-file-delete-action:hover:not(:disabled){background:#b91c1cf2}.voice-assets__item .media-file-more-trigger:hover:not(:disabled),.voice-assets__item .media-file-more-menu:hover .media-file-more-trigger:not(:disabled),.voice-assets__item .media-file-more-menu:focus-within .media-file-more-trigger:not(:disabled){background:#0f172ae6}.voice-assets__item .media-file-delete-action:focus-visible,.voice-assets__item .media-file-more-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--color-info, #3b82f6) 70%,white);outline-offset:1px}.voice-assets__item .media-file-delete-action:disabled,.voice-assets__item .media-file-more-trigger:disabled{cursor:not-allowed;opacity:.55}.voice-assets__item .media-file-more-menu{position:absolute;top:0;right:0;z-index:3}.voice-assets__item .media-file-more-popover{position:absolute;top:34px;right:6px;min-width:108px;padding:.25rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-lg, 0 12px 28px rgba(15, 23, 42, .18));opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s,transform .15s}.voice-assets__item .media-file-more-menu.is-open .media-file-more-popover{opacity:1;transform:translateY(0);pointer-events:auto}.voice-assets__item .media-file-more-popover button{width:100%;padding:.4rem .5rem;border:none;border-radius:6px;background:transparent;color:var(--color-text, #1e293b);text-align:left;font-size:.75rem;cursor:pointer}.voice-assets__item .media-file-more-popover button:hover:not(:disabled),.voice-assets__item .media-file-more-popover button:focus-visible{background:var(--color-surface-muted, #f8fafc)}.voice-assets__item .media-file-more-popover button:disabled{opacity:.6;cursor:not-allowed}.task-card{background:var(--color-surface);padding:.3rem .4rem;padding-left:calc(.4rem + 2px);border-radius:0;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-base);cursor:pointer;position:relative;container-type:inline-size}.task-card--selectable{display:grid;grid-template-columns:44px minmax(0,1fr);padding-left:calc(.4rem + 2px)}.task-card__content{min-width:0;grid-column:2}.task-card--selectable .task-card__error{grid-column:2}.task-card__selection-rail{display:flex;align-items:center;justify-content:center;margin:-.3rem .35rem -.3rem -.4rem;border-right:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-muted) 75%,transparent)}.task-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to top,var(--progress-color, var(--color-border)) var(--progress-percentage, 0%),var(--color-border) var(--progress-percentage, 0%));z-index:2}.task-card--processing:before{animation:pulse-opacity 1.5s ease-in-out infinite}.task-card:hover{transform:none;box-shadow:var(--shadow-md)}.task-card:has(.task-card__more-actions.is-open){z-index:30}.task-card--workspace-selected{border-color:color-mix(in srgb,var(--color-cta) 26%,var(--color-border));background:color-mix(in srgb,var(--color-cta) 5%,var(--color-surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-cta) 18%,transparent)}.task-card--compact-summary{cursor:default}.task-card--compact-summary:hover{transform:none;box-shadow:var(--shadow-sm)}.task-card--compact-summary .task-card__title{flex:1}.task-card--compact-summary .task-card__timestamps{width:100%}.task-card__row1{position:relative;display:flex;align-items:center;gap:.4rem;min-width:0;min-height:26px}.task-card__row1>*{align-self:center}.task-card__checkbox{width:16px;height:16px;cursor:pointer;flex-shrink:0;accent-color:var(--color-cta)}.task-card__title{display:block;font-size:.85rem;font-weight:700;line-height:1;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.task-card__title-trigger{display:inline-flex;align-items:center;align-self:center;gap:.38rem;min-width:0;min-height:26px;max-width:100%;flex:0 1 auto;padding:0;border:none;background:transparent;color:inherit;cursor:pointer}.task-card__title-trigger.is-copying{cursor:wait;opacity:.72}.task-card__title-trigger.is-copied{color:var(--color-success, #10b981)}.task-card__title-trigger.is-copy-failed{color:var(--color-error, #ef4444)}.task-card__source-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--color-text-secondary)}.task-card__source-badge--agent-chat{color:color-mix(in srgb,var(--color-cta) 82%,var(--color-text-secondary))}.task-card__source-badge--cli{color:color-mix(in srgb,var(--color-success, #16a34a) 82%,var(--color-text-secondary))}.task-card__identity-meta{display:inline-flex;align-items:center;gap:.32rem;flex:0 0 auto}.task-card__project-badge{display:inline-flex;align-items:center;max-width:9.5rem;min-height:20px;padding:0 .42rem;border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);border-radius:6px;color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-surface-elevated, var(--color-surface)) 88%,transparent);font-size:.68rem;font-weight:600;line-height:1;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-card__source-badge--consumer-app{border-color:color-mix(in srgb,var(--color-info, #3b82f6) 38%,var(--color-border));color:color-mix(in srgb,var(--color-info, #3b82f6) 82%,var(--color-text-secondary))}.task-card__summary-main{display:flex;align-items:center;gap:.45rem;min-width:0;flex:1 1 auto}.task-card__compact-footer-title{display:inline-flex;align-items:center;gap:.38rem;min-width:0;flex:1 1 auto;min-height:26px}.task-card__compact-footer-title .task-card__title{flex:0 1 auto}.task-card__title--compact-footer{display:block;font-size:.8rem;line-height:1.2}.task-card__queue-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:0;background:color-mix(in srgb,var(--color-text) 10%,var(--color-surface));color:var(--color-text);font-size:.6rem;font-weight:700;flex-shrink:0;padding:0 .3rem}.task-card__queue-badge.is-waiting{background:color-mix(in srgb,var(--color-warning, #f59e0b) 18%,var(--color-surface));color:var(--color-text)}.task-card__queue-badge.is-running{background:color-mix(in srgb,var(--color-cta) 16%,var(--color-surface))}.task-card__id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem;color:var(--color-text-muted);flex-shrink:0}.task-card__copy-btn{background:transparent;border:none;cursor:pointer;padding:0 .15rem;color:var(--color-text-muted);display:inline-flex;flex-shrink:0}.task-card__copy-btn:hover{color:var(--color-primary)}.task-card__copy-btn.is-copying{cursor:wait;opacity:.72}.task-card__copy-btn.is-copied{color:var(--color-success, #10b981)}.task-card__copy-btn.is-copy-failed{color:var(--color-error, #ef4444)}.task-card__copy-btn--compact{align-items:center;justify-content:center;width:18px;height:18px;margin-left:.1rem;padding:0}.task-card__subtask-count{margin-left:auto;font-size:.7rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.task-card__row2{position:relative;margin-top:.3rem}.task-card__row2-inner{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem}.task-card__row2-meta{display:inline-flex;align-items:center;gap:.45rem;min-width:0;margin-left:auto;min-height:26px}.task-card__timestamps{display:inline-flex;align-items:center;gap:.25rem;font-family:inherit;font-size:.7rem;font-weight:500;line-height:1;color:var(--color-text-muted);flex:0 0 auto;margin-left:auto;min-height:20px;white-space:nowrap}.task-card__timestamps-range{display:inline-flex;align-items:center;gap:.25rem;font:inherit;color:inherit;line-height:inherit}.task-card__timestamps-duration{display:none;font:inherit;color:inherit;line-height:inherit}.task-card__meta-divider{color:inherit;font:inherit;line-height:inherit;margin:0 .1rem}.task-card__timestamps-range>span,.task-card__timestamp.is-failed,.task-card__timestamp.is-completed{color:inherit;font:inherit;line-height:inherit;opacity:1}.task-card__timing-credit-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:.45rem;min-width:0;margin-left:auto;flex:0 0 auto;min-height:26px}.task-card__timing-credit-meta .credit-summary-badge{align-self:center;display:inline-flex;align-items:center;min-height:20px;line-height:1;transform:translateY(1px)}.task-card__timing-credit-meta .credit-summary-badge svg{display:block;flex:0 0 auto}.task-card__creator-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex:0 0 auto;background:var(--task-card-creator-bg, var(--color-cta));color:#fff;font-size:.62rem;font-weight:700;line-height:1;letter-spacing:0;text-transform:uppercase}[data-theme=dark] .task-card__creator-avatar{background:var(--task-card-creator-bg-dark, var(--task-card-creator-bg, #2563eb))}.task-card__actions{display:none;position:absolute;top:0;right:0;bottom:0;align-items:center;gap:.2rem;padding-left:1.5rem;background:linear-gradient(to right,transparent,var(--color-surface) 20%);z-index:1}.task-card:hover .task-card__actions,.task-card:focus-within .task-card__actions{display:flex}.task-card__actions--row1{display:flex;position:absolute;right:0;top:50%;bottom:auto;transform:translateY(-50%);align-items:center;gap:.2rem;height:26px;padding-left:1.2rem;background:linear-gradient(to right,transparent,var(--color-surface) 28%);z-index:3;visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.task-card:hover .task-card__actions--row1,.task-card:focus-within .task-card__actions--row1{visibility:visible;opacity:1;pointer-events:auto}.task-card__timestamps--row1{margin-left:auto;flex-shrink:0}.detail-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:0;padding:0;border:1.5px solid transparent;background:transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.detail-btn--edit,.detail-btn--redo,.detail-btn--delete,.detail-btn--workflow,.detail-btn--results-preview,.detail-btn--detail{color:var(--color-text-muted);border-color:var(--color-border)}.detail-btn--warning{color:var(--color-warning, #d97706);border-color:color-mix(in srgb,var(--color-warning, #d97706) 32%,transparent);background:color-mix(in srgb,var(--color-warning, #d97706) 12%,transparent)}.detail-btn:hover{transform:none;box-shadow:var(--shadow-sm);background:var(--color-surface-muted)}.task-card__more-actions{position:relative;display:none;flex-shrink:0}.task-card__more-trigger{color:var(--color-text-muted);border-color:var(--color-border)}.task-card__more-actions.is-open .task-card__more-trigger{color:var(--color-text);background:var(--color-surface-muted)}.task-card__more-popover{position:absolute;top:calc(100% + .25rem);right:0;min-width:148px;padding:.24rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-md);z-index:40}.task-card__more-popover button{width:100%;min-height:30px;display:flex;align-items:center;gap:.45rem;padding:.35rem .55rem;border:none;border-radius:6px;background:transparent;color:var(--color-text);font-size:.75rem;text-align:left;white-space:nowrap;cursor:pointer}.task-card__more-popover button:hover,.task-card__more-popover button:focus-visible{background:var(--color-surface-muted);outline:none}.task-card__error{margin-top:.3rem;color:var(--color-error);font-size:.75rem;display:flex;align-items:flex-start;gap:.25rem}.task-card__error>span{flex:1;min-width:0}.task-card__error--expanded{margin:0 0 .75rem;padding:.45rem .55rem;border:1px solid var(--color-error-border, #fecaca);border-radius:6px;background:var(--color-error-bg, #fef2f2)}.task-card__expanded{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.task-card__section{margin-bottom:1rem}.task-card__section-title{display:block;font-size:.85rem;margin-bottom:.35rem;color:var(--color-primary)}.task-card__prompt{background:var(--color-surface-muted);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;white-space:pre-wrap}.task-card__prompt-display{margin-top:.25rem;font-size:.75rem;max-height:150px}@media(max-width:768px){.task-card__row2-inner{flex-wrap:nowrap}.task-card__summary-main{min-width:0}.task-card__timestamps{flex-shrink:0}.task-card__actions{display:flex;position:absolute;right:0;top:50%;bottom:auto;transform:translateY(-50%);padding-left:1.2rem;background:linear-gradient(to right,transparent,var(--color-surface) 28%);margin-top:0;justify-content:flex-end;flex-shrink:0;visibility:hidden;opacity:0;pointer-events:none}.task-card__actions--row1{visibility:hidden}.task-card:hover .task-card__actions,.task-card:focus-within .task-card__actions{visibility:visible;opacity:1;pointer-events:auto}.task-card__action-overflowable{display:none}.task-card__more-actions{display:inline-flex}.task-card__timestamps-range{display:none}.task-card__timestamps-duration{display:inline-flex}.task-card__output-icons{flex-shrink:0}}@media(hover:none){.task-card__actions{display:flex;position:absolute;right:0;top:50%;bottom:auto;transform:translateY(-50%);padding-left:1.2rem;background:linear-gradient(to right,transparent,var(--color-surface) 28%);margin-top:0;justify-content:flex-end;visibility:visible;opacity:1;pointer-events:auto}.task-card__actions--row1{visibility:visible}}@container (max-width: 520px){.task-card__row2-inner{flex-wrap:nowrap}.task-card__summary-main{min-width:0}.task-card__timestamps{flex-shrink:0}.task-card__actions{display:flex;position:absolute;right:0;top:50%;bottom:auto;transform:translateY(-50%);padding-left:1.2rem;background:linear-gradient(to right,transparent,var(--color-surface) 28%);margin-top:0;justify-content:flex-end;flex-shrink:0;visibility:hidden;opacity:0;pointer-events:none}.task-card__actions--row1{visibility:hidden}.task-card:hover .task-card__actions,.task-card:focus-within .task-card__actions{visibility:visible;opacity:1;pointer-events:auto}.task-card__action-overflowable{display:none}.task-card__more-actions{display:inline-flex}.task-card__timestamps-range{display:none}.task-card__timestamps-duration{display:inline-flex}.task-card__output-icons{flex-shrink:0}}@media(hover:none){.task-card__actions{visibility:visible;opacity:1;pointer-events:auto}.task-card__actions--row1{visibility:visible}}.task-card__content--compact-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"previews previews" "footer meta";align-items:center;column-gap:.5rem;row-gap:.28rem;min-width:0}.task-card__content--compact-preview-layout .task-card__subtask-previews{grid-area:previews}.task-card__content--compact-preview-layout .task-card__row2{grid-area:meta;margin-top:0;min-width:0}.task-card__content--compact-preview-layout .task-card__compact-footer-title{grid-area:footer;width:100%;min-width:0;margin-top:0}.task-card--panel-compact-mode:not(.task-card--compact-summary) .task-card__content--compact-preview-layout{align-items:start}.task-card--panel-compact-mode:not(.task-card--compact-summary) .task-card__content--compact-preview-layout .task-card__row2-inner{position:relative;display:flex;align-items:center;min-height:26px;padding-right:0}.task-card--panel-compact-mode:not(.task-card--compact-summary) .task-card__content--compact-preview-layout .task-card__timestamps{margin-left:0}.task-card--panel-compact-mode:not(.task-card--compact-summary) .task-card__content--compact-preview-layout .task-card__actions{display:flex;position:absolute;right:0;top:50%;bottom:auto;transform:translateY(-50%);height:26px;min-height:0;align-items:center;padding-left:1.2rem;background:linear-gradient(to right,transparent,var(--color-surface) 28%);margin-top:0;justify-content:flex-end;visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.task-card--panel-compact-mode:not(.task-card--compact-summary):hover .task-card__content--compact-preview-layout .task-card__actions,.task-card--panel-compact-mode:not(.task-card--compact-summary):focus-within .task-card__content--compact-preview-layout .task-card__actions{visibility:visible;opacity:1;pointer-events:auto}@media(hover:none),(pointer:coarse){.task-card--panel-compact-mode:not(.task-card--compact-summary) .task-card__content--compact-preview-layout .task-card__row2-inner{min-height:26px;padding-right:0}.task-card--panel-compact-mode:not(.task-card--compact-summary) .task-card__content--compact-preview-layout .task-card__actions{position:absolute;transform:translateY(-50%);margin-top:0;visibility:visible;opacity:1;pointer-events:auto}}.task-card__unread-badge{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--color-text) 42%,var(--color-surface));flex-shrink:0;box-shadow:none;animation:unread-fade-in .3s ease-out}.task-card__unread-badge--inline{margin-right:.15rem}.task-card--completed .task-card__unread-badge,.task-card--failed .task-card__unread-badge,.task-card--partial_failed .task-card__unread-badge,.task-card--cancelled .task-card__unread-badge,.task-card--partial_cancelled .task-card__unread-badge{box-shadow:none}.task-card--completed .task-card__unread-badge{background:color-mix(in srgb,var(--color-text) 26%,var(--color-surface))}.task-card--failed .task-card__unread-badge{background:color-mix(in srgb,var(--color-text) 54%,var(--color-surface))}.task-card--partial_failed .task-card__unread-badge{background:color-mix(in srgb,var(--color-text) 40%,var(--color-surface))}.task-card__title--unread{font-weight:900;color:var(--color-primary)}.task-card__title--read{color:var(--color-text-muted)}.task-card--completed .task-card__title--unread,.task-card--partial_failed .task-card__title--unread,.task-card--cancelled .task-card__title--unread,.task-card--partial_cancelled .task-card__title--unread{color:var(--color-primary)}.task-card--failed .task-card__title--unread{color:color-mix(in srgb,var(--color-text) 78%,var(--color-primary))}.detail-btn--cancel{color:var(--color-text-muted)}.detail-btn--cancel:hover{background:var(--color-surface-muted)}@keyframes unread-fade-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.task-card__unread-badge--fading{animation:unread-fade-out .3s ease-out forwards}@keyframes unread-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.task-card__output-icons{display:flex;gap:4px;flex-wrap:nowrap}.task-card__output-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--color-border);background:var(--color-surface-muted);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-muted)}.task-card__output-icon:hover{transform:none;box-shadow:none;background:var(--color-surface);color:var(--color-text);border-color:color-mix(in srgb,var(--color-text) 12%,var(--color-border))}.task-card__output-icon--video,.task-card__output-icon--image,.task-card__output-icon--audio,.task-card__output-icon--prompt{color:var(--color-text-muted);border-color:var(--color-border)}.task-card__output-icon--video:hover,.task-card__output-icon--image:hover,.task-card__output-icon--audio:hover,.task-card__output-icon--prompt:hover{background:var(--color-surface)}.task-card__subtask-previews{margin-top:.45rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.task-card__subtask-preview{position:relative;width:auto;min-width:0;overflow:visible}.task-card__subtask-preview-media{width:100%;height:140px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface-muted, #f8fafc);padding:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.task-card__subtask-preview-media img,.task-card__subtask-preview-media video{width:100%;height:100%;object-fit:contain;background:var(--color-surface-muted, #f8fafc)}.task-card__subtask-preview-media--audio{cursor:pointer}.task-card__subtask-preview-media--voice-asset{align-items:stretch;justify-content:stretch;height:auto;min-height:170px;padding:0;background:var(--color-surface, #fff);overflow:visible}.task-card__subtask-preview-media--voice-asset .voice-assets__item{width:100%;min-height:100%;border:0;border-radius:0;box-shadow:none;padding:.65rem}.task-card__subtask-preview-media--voice-asset .voice-assets__item-title{font-size:.86rem}.task-card__subtask-preview-media--voice-asset .voice-assets__item-id,.task-card__subtask-preview-media--voice-asset .voice-assets__item-meta{font-size:.68rem}.task-card__subtask-preview-media--voice-asset .voice-assets__item-meta{display:none}.task-card__subtask-preview-media--voice-asset .voice-assets__sample-audio{display:flex}.task-card__subtask-preview-media--voice-asset .voice-assets__badges{gap:.25rem}.task-card__subtask-preview-media--voice-asset .voice-assets__badge,.task-card__subtask-preview-media--voice-asset .voice-assets__status-badge{font-size:.62rem;padding:.1rem .35rem}.task-card__subtask-preview-content{position:absolute;inset:0;display:block}.task-card__subtask-preview-content>img,.task-card__subtask-preview-content>video{position:absolute;inset:0}.task-card__subtask-preview-content>img{z-index:0}.task-card__subtask-preview-content>video{z-index:1}.task-card__subtask-preview-content--video-loading video{object-fit:cover}.task-card__subtask-preview-content--video-waiting-for-playback video{opacity:0}.task-card__subtask-preview-content--audio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:.7rem;color:var(--color-text-muted)}.task-card__subtask-preview-content--audio audio{width:min(100%,260px);height:32px;position:relative;z-index:2}.task-card__subtask-preview-loading,.task-card__subtask-preview-play-indicator{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.task-card__subtask-preview-loading{z-index:3;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-surface-muted, #f8fafc) 84%,transparent)}.task-card__subtask-preview-play-indicator{z-index:2;color:color-mix(in srgb,var(--color-text) 86%,white 14%);background:radial-gradient(circle,color-mix(in srgb,var(--color-surface) 14%,transparent) 0%,transparent 62%)}.task-card__subtask-preview-media:not(:disabled){cursor:pointer}.task-card__subtask-preview-media:disabled{cursor:default}.task-card__subtask-preview-index{display:none;position:absolute;left:.3rem;top:.25rem;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#0f172ab8;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;z-index:1}.task-card__subtask-preview-info{position:absolute;right:.2rem;bottom:.2rem;min-width:20px;height:20px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:#0f172ac7;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:4}.task-card__subtask-preview-quick-actions{position:absolute;top:.35rem;right:.35rem;width:84px;height:24px;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:4}.task-card__subtask-preview:hover .task-card__subtask-preview-info,.task-card:hover .task-card__subtask-preview-info{opacity:1;pointer-events:auto}.task-card__subtask-preview:focus-within .task-card__subtask-preview-info,.task-card__subtask-preview:hover .task-card__subtask-preview-quick-actions,.task-card:hover .task-card__subtask-preview-quick-actions,.task-card__subtask-preview:focus-within .task-card__subtask-preview-quick-actions{opacity:1;pointer-events:auto}@media(hover:none),(pointer:coarse){.task-card__subtask-preview-info,.task-card__subtask-preview-quick-actions{opacity:1;pointer-events:auto}}.task-card__subtask-preview-placeholder{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:.35rem;color:var(--color-text-muted);padding:.5rem;text-align:center}.task-card__subtask-preview-placeholder--failed{color:var(--color-error)}.task-card__subtask-preview-error-message{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;overflow:hidden;overflow-wrap:anywhere;font-size:.7rem;line-height:1.3}.task-card__subtask-preview-placeholder--cancelled,.task-card__subtask-preview-placeholder--empty{color:var(--color-text-muted)}.task-card__subtasks-loading{display:grid;gap:.5rem;margin-top:.5rem}.task-card__subtasks-loading-bar{height:78px;border-radius:10px;background:linear-gradient(110deg,color-mix(in srgb,var(--color-surface-muted, #f8fafc) 92%,white 8%) 8%,color-mix(in srgb,white 78%,var(--color-surface-muted, #f8fafc)) 20%,color-mix(in srgb,var(--color-surface-muted, #f8fafc) 92%,white 8%) 33%);background-size:220% 100%;animation:task-card-skeleton-shimmer 1.2s linear infinite}.task-card__subtasks-loading-bar--short{width:72%}.task-card__subtask-progress{width:100%;height:100%;display:inline-flex;flex-direction:column;position:relative;align-items:center;justify-content:center;gap:.24rem;color:var(--color-primary);isolation:isolate;transform:perspective(140px) rotateX(10deg) translateY(-1px);transition:transform .22s ease,filter .22s ease}.task-card__subtask-progress-visual{width:82px;height:82px;display:inline-flex;position:relative;align-items:center;justify-content:center;isolation:isolate}.task-card__subtask-progress-visual:before{content:"";position:absolute;width:73px;height:73px;border-radius:50%;background:radial-gradient(circle at 30% 28%,color-mix(in srgb,white 70%,transparent) 0%,transparent 28%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--color-cta) 18%,transparent) 0%,transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 88%,white),color-mix(in srgb,var(--color-surface) 96%,var(--color-border)));box-shadow:inset 0 1px color-mix(in srgb,white 45%,transparent),inset 0 -7px 14px color-mix(in srgb,black 8%,transparent),0 10px 18px color-mix(in srgb,var(--color-cta) 14%,transparent);opacity:.96;z-index:-1}.task-card__subtask-progress-ring{width:75px;height:75px;filter:drop-shadow(0 5px 12px color-mix(in srgb,var(--color-cta) 16%,transparent))}@keyframes task-card-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}.task-card__subtask-progress-stop--start{stop-color:#fff;stop-opacity:.96}.task-card__subtask-progress-stop--mid{stop-color:var(--color-cta);stop-opacity:1}.task-card__subtask-progress-stop--end{stop-color:var(--color-cta);stop-opacity:.68}.task-card__subtask-progress-ring-track{fill:none;stroke:color-mix(in srgb,var(--color-border) 62%,transparent);stroke-width:2.8}.task-card__subtask-progress-ring-value{fill:none;stroke-width:3.4;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;animation:task-card-subtask-progress-spin 1.4s linear infinite;transition:stroke-dasharray .24s ease,filter .24s ease;filter:saturate(1.08)}.task-card__subtask-progress-ring-value.is-attention{stroke-dasharray:6 4}.task-card__subtask-progress-value{position:absolute;inset:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;color:color-mix(in srgb,var(--color-cta) 88%,var(--color-text));font-size:1.02rem;font-weight:700;letter-spacing:-.02em;text-shadow:0 1px 0 color-mix(in srgb,white 42%,transparent);pointer-events:none}.task-card__subtask-progress-value.is-attention{color:var(--color-warning, #f59e0b);font-size:.88rem;line-height:1.1}.task-card__subtask-progress-detail{max-width:calc(100% - .75rem);padding:.12rem .38rem;border-radius:999px;background:color-mix(in srgb,var(--color-warning, #f59e0b) 12%,var(--color-surface));color:var(--color-warning, #f59e0b);font-size:.58rem;font-weight:700;line-height:1.15;letter-spacing:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 3px color-mix(in srgb,var(--color-warning, #f59e0b) 14%,transparent)}.task-card__subtask-preview:hover .task-card__subtask-progress,.task-card:hover .task-card__subtask-progress{transform:perspective(160px) rotateX(4deg) translateY(-2px) scale(1.03)}@keyframes task-card-subtask-progress-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media(prefers-reduced-motion:reduce){.task-card__subtask-progress-ring-value{animation:none}}.task-card__subtask-preview-modal{position:absolute;inset:0;z-index:40;background:#0f172a6b;display:flex;align-items:center;justify-content:center;padding:1rem}.task-card__subtask-preview-modal-card{width:min(760px,calc(100% - 2rem));max-height:calc(100% - 2rem);overflow:auto;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-xl);padding:.7rem .7rem .5rem;position:relative}.task-card__subtask-preview-modal-card--error{padding-right:calc(.7rem + 46px)}.task-card__subtask-preview-task-nav{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:8}.task-card__subtask-preview-task-nav button{width:34px;height:34px;border-radius:999px;border:none;background:#00000073;color:#fff;font-size:17px;line-height:1;cursor:pointer}.task-card__subtask-preview-task-nav button:disabled{background:#00000038;color:#ffffff6b;cursor:not-allowed}.task-card__subtask-preview-error{padding-top:1.5rem}.task-card__subtask-preview-error-title{display:block;font-size:.85rem;color:var(--color-text)}.task-card__error--modal{margin-top:.6rem;font-size:.8rem;line-height:1.45}.task-card__subtask-preview-error-details{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem;margin-top:.6rem;padding:.55rem .65rem;border:1px solid var(--color-error-border, #fecaca);border-radius:6px;background:var(--color-error-bg, #fef2f2);color:var(--color-error, #dc2626)}@media(max-width:520px){.task-card__subtask-preview-modal-card--error{padding-right:.7rem}.task-card__subtask-preview-modal-card--error .task-card__subtask-preview-task-nav{position:static;transform:none;flex-direction:row;justify-content:flex-end;margin:0 2rem .6rem 0}.task-card__subtask-preview-modal-card--error .task-card__subtask-preview-error{padding-top:0}}.task-card__subtask-preview-error-details pre{min-width:0;max-height:360px;overflow:auto;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-error, #dc2626);font-size:.8rem;line-height:1.45}.task-card__subtask-preview-modal-close{position:absolute;top:.45rem;right:.45rem;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:1rem;cursor:pointer}.task-card__subtask-preview-modal-close:hover{background:var(--color-surface-muted);color:var(--color-text)}.task-card__subtask-preview-modal-card .subtask-card{border-radius:8px}.project-transfer-dialog__backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a8c}.project-transfer-dialog{width:min(100%,560px);max-height:min(720px,calc(100vh - 48px));overflow-y:auto;padding:24px;border:1px solid var(--border-color, #e2e8f0);border-radius:14px;background:var(--background-color, #fff);box-shadow:0 24px 64px #0f172a3d;color:var(--text-color, #0f172a)}.project-transfer-dialog__title{margin:0;font-size:20px;font-weight:600}.project-transfer-dialog__description{margin:8px 0 0;color:var(--text-secondary, #64748b);font-size:14px;line-height:1.5}.project-transfer-dialog__field{display:block;margin-top:18px;font-size:14px;font-weight:500}.project-transfer-dialog__select{display:block;width:100%;margin-top:6px;padding:9px 10px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;background:var(--background-color, #fff);color:inherit}.project-transfer-dialog__error{margin:12px 0 0;color:var(--color-error, #dc2626);font-size:14px}.project-transfer-dialog__results{margin-top:14px}.project-transfer-dialog__results-title{margin:0;font-size:14px;font-weight:600}.project-transfer-dialog__list{margin:6px 0 0;padding-left:20px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.project-transfer-dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.project-transfer-dialog__button{padding:8px 14px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;background:var(--background-color, #fff);color:inherit;cursor:pointer}.project-transfer-dialog__button--primary{border-color:var(--primary-color, #2563eb);background:var(--primary-color, #2563eb);color:#fff}.project-transfer-dialog__button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:640px){.project-transfer-dialog__backdrop{align-items:flex-end;padding:12px}.project-transfer-dialog{max-height:calc(100vh - 24px);padding:20px}}.pagination{display:flex;position:sticky;z-index:2;bottom:0;flex-shrink:0;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.35rem;margin-top:auto;padding:.45rem .5rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.pagination__button{padding:.45rem 1rem;border:0;border-radius:999px;color:#fff;background:var(--color-cta);font-size:.8rem;font-weight:600;cursor:pointer}.pagination__nav{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .5rem}.pagination__button:disabled{color:#94a3b8;background:#e2e8f0;cursor:not-allowed}.pagination__pages{display:flex;min-width:0;overflow:hidden;flex-wrap:nowrap;align-items:center;gap:.25rem}.pagination__page{flex-shrink:0;padding:.35rem .55rem;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);background:var(--color-surface);font-size:.75rem;font-weight:600;cursor:pointer}.pagination__page.is-active{color:#fff;border-color:var(--color-cta);background:var(--color-cta)}.pagination__ellipsis{flex-shrink:0;padding:0 .3rem;color:var(--color-text-muted);font-size:.75rem}.pagination__info{flex-shrink:0;margin-left:.25rem;color:var(--color-text-muted);font-size:.75rem}@media(max-width:640px){.pagination{gap:.25rem;padding:.35rem .4rem}.pagination__page{padding:.3rem .45rem;font-size:.7rem}}.task-list-page{max-width:1400px;margin:1rem auto;padding:0 2rem}.task-list-panel{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative}.task-list-panel .task-card--selected{outline:1px solid color-mix(in srgb,var(--color-cta) 28%,var(--color-border));outline-offset:-1px;background:color-mix(in srgb,var(--color-cta) 5%,var(--color-surface))}.task-list-error{margin:.75rem 1rem 0;padding:.625rem .75rem;border:1px solid var(--color-error-border, rgba(239, 68, 68, .35));border-radius:6px;background:var(--color-error-surface, rgba(239, 68, 68, .08));color:var(--color-error, #b91c1c);font-size:.875rem;line-height:1.4}.task-list-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem}.task-list-heading{display:flex;flex-direction:column;gap:.35rem}.task-list-title{margin:0}.task-list-subtitle{color:var(--color-text-muted);font-size:.9rem}.task-list-metrics{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.task-list-metric{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:0;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-cta);font-size:.8rem;font-weight:600}.task-list-metric--processing{border-color:color-mix(in srgb,var(--color-cta) 24%,var(--color-border));background:color-mix(in srgb,var(--color-cta) 7%,var(--color-surface));color:var(--color-text)}.task-list-metric__tag{text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;color:inherit}.task-list-metric__value{font-size:.95rem;font-weight:700}.task-list-metric__unit{font-size:.75rem;font-weight:500;color:#0f172ab3}.task-list-metric__divider{color:#0f172a59}.task-list-toolbar{display:flex;flex-direction:column;gap:.5rem;gap:.38rem;padding:.5rem .75rem;padding:.38rem .55rem;flex-shrink:0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 66%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 97%,#ffffff 3%),color-mix(in srgb,var(--color-surface-muted) 20%,var(--color-surface) 80%))}.task-list-toolbar-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.task-list-bulkbar{display:inline-flex;align-items:center;gap:.45rem;min-height:30px;padding:0 .65rem;border:1px solid var(--color-border);background:var(--color-surface)}.task-list-toolbar__selection-toggle{border:1px solid var(--color-border);border-radius:var(--radius-toggle);background:var(--color-surface);color:var(--color-text);min-height:30px;padding:.3rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer}.task-list-toolbar__selection-toggle.is-active{border-color:color-mix(in srgb,var(--color-cta) 28%,var(--color-border));background:color-mix(in srgb,var(--color-cta) 8%,var(--color-surface))}.task-list-toolbar__refresh{margin-left:auto;width:30px;width:28px;height:30px;height:28px;border:1px solid var(--color-border);border-radius:0;background:var(--color-surface);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 96%,#ffffff 4%),color-mix(in srgb,var(--color-surface-muted) 22%,var(--color-surface) 78%));color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.task-list-toolbar__refresh:hover:not(:disabled){color:var(--color-text);border-color:var(--color-cta)}.task-list-toolbar__refresh:disabled{opacity:.6;cursor:not-allowed}.task-list-toolbar__refresh.is-refreshing svg{animation:task-list-refresh-spin .8s linear infinite}@keyframes task-list-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filter-select{border:1px solid var(--color-border);background-color:var(--color-surface);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - .9rem) calc(50% - .08rem),calc(100% - .62rem) calc(50% - .08rem);background-size:.4rem .4rem,.4rem .4rem;background-repeat:no-repeat;border-radius:0;padding:.3rem 1.9rem .3rem .5rem;font-size:.75rem;font-weight:600;color:var(--color-text);cursor:pointer;min-width:0;flex:1 1 0;text-overflow:ellipsis;appearance:none;-webkit-appearance:none;-moz-appearance:none}.filter-select:focus{outline:2px solid rgba(14,165,165,.4);outline-offset:1px}.toolbar-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .6rem;padding:.32rem .5rem;background:var(--color-surface-glass);background:color-mix(in srgb,var(--color-surface-muted) 52%,#ffffff 48%);border:1px solid rgba(226,232,240,.8);border:1px solid color-mix(in srgb,var(--color-border) 62%,transparent);border-radius:0;box-shadow:var(--shadow-sm);box-shadow:inset 0 1px #ffffffb8}.toolbar-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.filter-chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:0;padding:.35rem .85rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--color-cta);color:var(--color-cta)}.filter-chip.is-active{background:color-mix(in srgb,var(--color-cta) 8%,var(--color-surface));border-color:color-mix(in srgb,var(--color-cta) 28%,var(--color-border));color:var(--color-text);box-shadow:none}.toolbar-group--workflow{border-color:var(--color-border);background:var(--color-surface-glass)}.filter-chip--workflow:hover{border-color:color-mix(in srgb,var(--color-cta) 18%,var(--color-border));color:var(--color-text)}.filter-chip--workflow.is-active,.status-chip.is-active.status-processing,.status-chip.is-active.status-completed,.status-chip.is-active.status-partial_failed,.status-chip.is-active.status-failed,.status-chip.is-active.status-cancelled,.status-chip.is-active.status-partial_cancelled{background:color-mix(in srgb,var(--color-cta) 8%,var(--color-surface));border-color:color-mix(in srgb,var(--color-cta) 28%,var(--color-border));color:var(--color-text)}.sort-select{border:1px solid var(--color-border);background:var(--color-surface);border-radius:0;padding:.35rem .85rem;font-size:.8rem;font-weight:600;color:var(--color-text);cursor:pointer}.sort-select:focus{outline:2px solid rgba(14,165,165,.4);outline-offset:2px}.task-list-bulkbar__select{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;padding:.3rem .55rem;border:1px solid var(--color-border);background:var(--color-surface)}.task-list-bulkbar__select input{width:14px;height:14px;cursor:pointer;accent-color:var(--color-cta)}.task-list-bulkbar__count{font-size:.7rem;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.task-list-bulkbar__delete{border:none;background:#ef4444;color:#fff;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}.task-list-bulkbar__delete:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.task-list-bulkbar__delete:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.task-list-scroll{flex:1;overflow-y:scroll;scrollbar-gutter:stable;min-height:0;padding:.5rem .35rem 0}.task-list-grid{display:flex;flex-direction:column;gap:.5rem}.task-list-empty{padding:2.5rem;text-align:center;color:var(--color-text-muted);background:var(--color-surface-glass);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.task-list-loading{border-style:solid;background:color-mix(in srgb,var(--color-surface-muted) 54%,var(--color-surface) 46%)}@media(max-width:768px){.task-list-page{padding:0 1rem}.task-list-hero{flex-direction:column;align-items:flex-start}.toolbar-group{width:100%}}.chat-page{--bg-color: var(--color-background);--bg-secondary: var(--color-bg-secondary);--bg-tertiary: var(--color-surface-muted);--card-bg: var(--color-surface);--border-color: var(--color-border);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-muted);--primary-color: var(--color-cta);--primary-hover: var(--color-cta-hover);--primary-light: rgba(14, 165, 165, .12);--hover-bg: var(--color-surface-muted);--btn-text-color: #ffffff;--error-bg: rgba(239, 68, 68, .08);--error-color: var(--color-error);--success-color: var(--color-success);--success-bg: rgba(22, 163, 74, .1)}[data-theme=dark] .chat-page{--primary-light: rgba(20, 184, 166, .15);--hover-bg: rgba(255, 255, 255, .05);--success-bg: rgba(34, 197, 94, .12)}.chat-page{height:100%;min-height:0}.chat-content{min-height:0}.chat-sidebar{overflow:hidden;display:flex;flex-direction:column}.chat-sidebar .sidebar-panel__content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.chat-sidebar.sidebar-panel--floating{width:min(320px,calc(100% - .5rem));max-width:90%;overflow:hidden}.chat-page--embedded{min-height:0}.chat-embedded-layout{position:relative;height:100%;min-height:0;background:var(--bg-color);overflow:hidden}.chat-embedded-layout--inline{display:flex;flex-direction:row}.chat-embedded-sidebar{position:absolute;top:0;left:0;bottom:0;width:clamp(240px,38vw,380px);max-width:90%;overflow:hidden;background:var(--card-bg);border-right:1px solid var(--border-color);box-shadow:8px 0 20px #00000029;transform:translate(-100%);transition:transform .22s ease;z-index:20;display:flex;flex-direction:column}.chat-embedded-sidebar.open{transform:translate(0)}.chat-embedded-backdrop{position:absolute;inset:0;border:none;margin:0;padding:0;background:#00000052;z-index:15;cursor:pointer}.chat-embedded-content{display:flex;flex-direction:column;height:100%;overflow:hidden;min-height:0;min-width:0}.chat-embedded-layout--inline .chat-embedded-content{flex:1 1 auto}.chat-embedded-sidebar--inline{position:relative;top:auto;left:auto;bottom:auto;order:-1;width:0;flex:0 0 auto;transform:none;transition:width .22s ease;box-shadow:none;border-right:none;z-index:1}.chat-embedded-sidebar--inline.open{width:clamp(260px,28%,360px);max-width:90%;border-right:1px solid var(--border-color)}.chat-header__left{display:inline-flex;align-items:center;gap:10px;min-width:0}.chat-header__sidebar-toggle{width:32px;height:32px;border:none;border-radius:0;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.chat-header__sidebar-toggle:hover{background:var(--hover-bg);color:var(--text-primary)}.chat-header__sidebar-toggle.active{background:var(--primary-light);color:var(--primary-color)}.chat-main{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;background:var(--bg-color);position:relative}.chat-main__body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.chat-main__input-shell{flex-shrink:0}.chat-main--wide .chat-error,.chat-main--wide .chat-top-bar,.chat-main--wide .chat-header,.chat-main--wide .chat-system-prompt-editor,.chat-main--wide .chat-message-list,.chat-main--wide .chat-input,.chat-main--wide .chat-empty{padding-left:1rem;padding-right:1rem}.chat-main--wide .chat-message-list{padding-left:.5rem;padding-right:.5rem}.chat-top-bar{position:relative;overflow:visible;--system-editor-inset: 10px;display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border-color);background:var(--card-bg);flex-shrink:0;min-width:0;flex-wrap:wrap}.chat-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:0;background:var(--hover-bg);color:var(--text-secondary);cursor:pointer;flex-shrink:0}.chat-menu-trigger:hover{background:var(--primary-light);color:var(--primary-color)}.chat-top-bar__title{margin:0;font-size:1rem;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.sidebar-layout--narrow .chat-top-bar,.chat-main--compact .chat-top-bar{justify-content:flex-start;flex-wrap:wrap}.sidebar-layout--narrow .chat-top-bar__title,.chat-main--compact .chat-top-bar__title{flex:none}.chat-top-bar__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.sidebar-layout--narrow .model-selector__label,.chat-main--compact .model-selector__label{display:none}.sidebar-layout--narrow .model-selector,.chat-main--compact .model-selector{gap:4px;min-width:0}.sidebar-layout--narrow .model-selector__button,.chat-main--compact .model-selector__button{padding:4px 8px;gap:4px;min-width:0;max-width:100%}.sidebar-layout--narrow .model-selector__value,.chat-main--compact .model-selector__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:80px}.sidebar-layout--narrow .model-selector .model-selection-profile,.chat-main--compact .model-selector .model-selection-profile{display:none}.chat-header{position:relative;overflow:visible;--system-editor-inset: 20px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--card-bg);box-shadow:0 1px 3px #0000000d;min-width:0;flex-shrink:0;flex-wrap:nowrap}.chat-header__title{margin:0;font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);min-width:0}.chat-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@keyframes chat-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-header__more{position:relative;display:inline-flex;flex-shrink:0}.chat-header__more-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #888);cursor:pointer;transition:background .15s,color .15s}.chat-header__more-btn:hover,.chat-header__more-btn.is-open{background:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-primary)}.chat-header__more-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;padding:4px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:100;display:flex;flex-direction:column;gap:2px}.chat-header__more-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-primary);font-size:13px;text-align:left;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.chat-header__more-item:hover:not(:disabled){background:var(--hover-bg, rgba(0, 0, 0, .05))}.chat-header__more-item:disabled{opacity:.5;cursor:not-allowed}.chat-header__more-item.is-active,.chat-header__more-item.has-prompt{color:var(--color-accent, #4a9eff)}.chat-header__more-item.is-loading svg{animation:chat-refresh-spin .8s linear infinite}.chat-header__more-item>svg{flex-shrink:0}.chat-system-prompt-editor{padding:10px 14px 14px;background:transparent}.chat-settings-popover-anchor{position:relative;height:0;z-index:25}.chat-settings-popover{position:absolute;top:0;right:16px;width:min(720px,calc(100% - 32px));max-height:min(72vh,560px);overflow:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:0 0 10px 10px;box-shadow:0 12px 32px #0000002e}.chat-main--wide .chat-settings-popover{right:1rem;width:min(720px,calc(100% - 2rem))}.chat-system-prompt-editor__textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg, var(--bg-secondary, #f5f5f5));color:var(--text-primary);font-size:12px;line-height:1.5;resize:vertical;min-height:60px;max-height:200px;font-family:inherit}.chat-system-prompt-editor__textarea:focus{outline:none;border-color:var(--color-accent, #4a9eff)}.chat-error{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--error-bg, #fef2f2);color:var(--error-color, #dc2626);font-size:14px;flex-shrink:0}.chat-error button{background:none;border:none;color:var(--error-color, #dc2626);cursor:pointer;font-size:18px;padding:0 4px}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.chat-empty__icon{color:var(--text-tertiary);margin-bottom:16px}.chat-empty h2{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text-primary)}.chat-empty p{margin:0 0 24px;color:var(--text-secondary)}.chat-empty__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.chat-empty__btn:hover{background:var(--primary-hover)}.chat-session-list{display:flex;flex-direction:column;height:100%}.chat-session-list__header{padding:12px;background:transparent;border-bottom:none}.chat-session-list__new-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:var(--primary-color, #3b82f6);color:var(--btn-text-color, #ffffff);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 2px #0000000d}.chat-session-list__new-btn,.chat-session-list__new-btn *{color:#fff!important}[data-theme=dark] .chat-session-list__new-btn{background:var(--primary-color, #14B8A6);box-shadow:0 1px 3px #0003}[data-theme=dark] .chat-session-list__new-btn:hover:not(:disabled){background:var(--primary-hover, #2DD4BF)}.chat-session-list__new-btn:hover:not(:disabled){background:var(--primary-hover, #14B8A6);filter:brightness(1.1)}.chat-session-list__new-btn:disabled{opacity:.5;cursor:not-allowed}.chat-session-list__header--split{display:flex;gap:8px}.chat-session-list__new-btn--split{flex:1;flex-direction:column;gap:4px;padding:10px 8px;font-size:12px}.chat-session-list__new-btn--split span{line-height:1}.chat-session-list__new-btn--agent{background:var(--color-cta, #8b5cf6)}.chat-session-list__new-btn--agent:hover:not(:disabled){background:var(--color-cta, #8b5cf6);filter:brightness(1.15)}[data-theme=dark] .chat-session-list__new-btn--agent{background:var(--color-cta, #8b5cf6)}[data-theme=dark] .chat-session-list__new-btn--agent:hover:not(:disabled){background:var(--color-cta, #8b5cf6);filter:brightness(1.2)}.chat-session-list__items{flex:1;overflow-y:auto;padding:0 8px}.chat-session-list__loading{padding:24px;text-align:center;color:var(--text-tertiary);font-size:14px}.chat-session-list__error{display:flex;align-items:center;justify-content:space-between;margin:8px 12px;padding:8px 12px;background:var(--error-bg, #fef2f2);color:var(--error-color, #dc2626);font-size:13px;border-radius:6px}.chat-session-list__error button{background:none;border:none;color:var(--error-color, #dc2626);cursor:pointer;font-size:16px;padding:0 4px}.chat-session-list__empty{padding:24px;text-align:center;color:var(--text-tertiary);font-size:14px}.chat-session-item{display:flex;align-items:center;padding:10px 12px;margin-bottom:4px;border-radius:8px;cursor:pointer;transition:background .15s}.chat-session-item:hover{background:var(--hover-bg)}.chat-session-item.active{background:var(--primary-light)!important;border-left:3px solid var(--primary-color);padding-left:9px}.chat-session-item.active:hover{background:var(--primary-light)!important}.chat-session-item.active .chat-session-item__title{color:var(--primary-color);font-weight:600}.chat-session-item__streaming-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--primary-color);margin-right:6px;vertical-align:middle;animation:streamingPulse 1.4s ease-in-out infinite;flex-shrink:0}@keyframes streamingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.chat-session-item__content{flex:1;min-width:0}.chat-session-item__title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;min-width:0}.chat-session-item__title-text{overflow:hidden;text-overflow:ellipsis}.chat-session-item__title-text--unread{font-weight:700;color:var(--primary-color)}.chat-session-item__unread-badge{width:8px;height:8px;border-radius:50%;background:var(--primary-color);flex-shrink:0;box-shadow:0 0 4px #3b82f680}[data-theme=dark] .chat-session-item__unread-badge{box-shadow:0 0 4px #14b8a680}.chat-session-item__meta{display:flex;gap:6px;margin-top:3px;font-size:10px;color:var(--text-tertiary);align-items:center}.chat-session-item__model{padding:1px 4px;background:var(--bg-tertiary);border-radius:3px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-session-item__date{color:var(--text-tertiary);flex-shrink:0}.chat-session-item__edit-input{flex:1;padding:6px 8px;background:var(--bg-color);border:1px solid var(--primary-color);border-radius:4px;font-size:14px;color:var(--text-primary);outline:none}.chat-session-item__actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.chat-session-item:hover .chat-session-item__actions,.chat-session-item.active .chat-session-item__actions{opacity:1}.chat-session-item__action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:background .15s,color .15s}.chat-session-item__action:hover{background:var(--hover-bg);color:var(--text-primary)}.chat-session-item__action--danger:hover{background:var(--error-bg, #fef2f2);color:var(--error-color, #dc2626)}.chat-message-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 12px}.chat-message-list--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.chat-welcome{display:flex;flex-direction:column;align-items:center;color:var(--text-tertiary);text-align:center}.chat-welcome__icon{margin-bottom:16px;color:var(--text-tertiary)}.chat-welcome h2{margin:0 0 8px;font-size:18px;font-weight:500;color:var(--text-primary)}.chat-message{display:flex;margin-bottom:16px;max-width:100%;animation:messageFadeIn .3s ease-out}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message--user{justify-content:flex-end}.chat-message--user .chat-message__bubble{background:var(--primary-color, #3b82f6);color:#fff;border-radius:18px 18px 4px;max-width:70%}.chat-message--assistant{justify-content:flex-start}.chat-message--assistant .chat-message__bubble{background:var(--card-bg, #f3f4f6);color:var(--text-primary);border-radius:18px 18px 18px 4px;max-width:70%}.chat-main--compact .chat-message--user .chat-message__bubble,.chat-main--compact .chat-message--assistant .chat-message__bubble{max-width:100%}.chat-main--compact .chat-session-item{width:100%}[data-theme=dark] .chat-message--assistant .chat-message__bubble{background:var(--card-bg, #374151)}.chat-message__bubble{padding:12px 16px;min-width:40px;box-shadow:0 1px 2px #0000000d}.chat-message--loading{opacity:.7}.chat-message__content{display:flex;flex-direction:column;gap:4px}.chat-message__reasoning{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:12px;background:#0f172a0d;border:1px solid rgba(15,23,42,.08)}[data-theme=dark] .chat-message__reasoning{background:#94a3b814;border-color:#94a3b824}.chat-message__reasoning-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.chat-message__reasoning-status{font-size:13px;font-weight:600}.chat-message__reasoning-action{font-size:12px;color:var(--text-secondary, #64748b)}.chat-message__reasoning-body{white-space:pre-wrap;font-size:13px;line-height:1.6;color:var(--text-secondary, #475569)}[data-theme=dark] .chat-message__reasoning-body{color:#e2e8f0db}.chat-message__text{font-size:15px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.chat-message__text--plain{white-space:pre-wrap}.chat-message__stream-segment{opacity:.28;filter:blur(.35px);transition:opacity .18s ease-out,filter .2s ease-out}.chat-message__stream-segment.is-visible{opacity:1;filter:blur(0)}.chat-message__text--streaming-cursor:after{content:"";display:inline-block;width:.55ch;height:1em;margin-left:1px;vertical-align:-.12em;background:currentColor;opacity:.85;animation:chatStreamingCursorBlink 1.02s steps(1,end) infinite}@keyframes chatStreamingCursorBlink{0%,49%{opacity:.85}50%,to{opacity:.18}}.chat-message__text p{margin:0 0 8px}.chat-message__text p:last-child{margin-bottom:0}.chat-message__text code{background:#0000001a;padding:2px 5px;border-radius:4px;font-size:.9em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.chat-message--user .chat-message__text code{background:#fff3}.chat-message__text pre{background:#0000000d;padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.chat-message--user .chat-message__text pre{background:#ffffff1a}.chat-message__text pre code{background:none;padding:0}.chat-message__text ul,.chat-message__text ol{margin:8px 0;padding-left:20px}.chat-message__text li{margin:4px 0}.chat-message__text a{color:inherit;text-decoration:underline;text-underline-offset:2px}.chat-message__text blockquote{border-left:3px solid currentColor;margin:8px 0;padding-left:12px;opacity:.8}.chat-message__time{font-size:11px;opacity:.6;margin-top:4px;text-align:right}.chat-message--assistant .chat-message__time{text-align:left}.chat-message__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.chat-message--assistant .chat-message__footer{justify-content:flex-start}.chat-message__mode-icon{display:inline-flex;align-items:center;color:var(--text-tertiary);opacity:.7}.chat-message__model{font-size:11px;color:var(--text-tertiary);background:var(--bg-color);padding:2px 6px;border-radius:4px;font-family:var(--font-mono)}.chat-message__status{font-size:11px;padding:1px 6px;border-radius:999px;line-height:1.4}.chat-message__status--interrupted{color:#b45309;background:#f59e0b24}.chat-message__actions{display:flex;align-items:center;gap:4px;opacity:1;transition:opacity .15s}.chat-message__action{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);opacity:.92;cursor:pointer;transition:opacity .15s,background .15s,color .15s,border-color .15s}.chat-message__action:hover{opacity:1;color:var(--primary-color);border-color:var(--primary-color);background:var(--primary-light)}.chat-message--user .chat-message__action{border-color:#ffffff59;background:#ffffff24;color:#fffffff2}.chat-message--user .chat-message__action:hover{background:#ffffff38;border-color:#ffffff80;color:#fff}.chat-message__action:active{transform:scale(.95)}.chat-message__version-switcher{display:flex;align-items:center;gap:2px;margin-left:8px}.chat-message__version-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);opacity:.92;cursor:pointer;transition:opacity .15s,background .15s,color .15s,border-color .15s}.chat-message__version-btn:hover:not(:disabled){opacity:1;color:var(--primary-color);border-color:var(--primary-color);background:var(--primary-light)}.chat-message--user .chat-message__version-btn:hover:not(:disabled){background:#ffffff38;border-color:#ffffff80;color:#fff}.chat-message--user .chat-message__version-btn{border-color:#ffffff59;background:#ffffff24;color:#fffffff2}.chat-message__version-btn:disabled{opacity:.2;cursor:not-allowed}.chat-message__version-indicator{font-size:10px;opacity:.6;min-width:28px;text-align:center}.chat-message__attachments{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chat-message__attachment{position:relative;border-radius:6px;overflow:visible}.chat-message__attachment-image{max-width:200px;max-height:150px;object-fit:cover;border-radius:6px}.chat-message__attachment-image--clickable{cursor:pointer;transition:opacity .15s}.chat-message__attachment-image--clickable:hover{opacity:.8}.chat-message__attachment-video-wrapper{position:relative;cursor:pointer;display:inline-block}.chat-message__attachment-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#0000008c;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.chat-message__attachment-file{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0000000d;border-radius:6px;font-size:12px}.chat-message--user .chat-message__attachment-file{background:#ffffff26}.chat-message__attachment-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.chat-message__error{display:flex;align-items:flex-start;gap:6px;padding:8px 12px;background:#ef444414;color:#dc2626;border-radius:6px;font-size:13px;margin-top:4px;line-height:1.4}.chat-message__error svg{flex-shrink:0;margin-top:2px}.chat-message--streaming .chat-message__bubble{animation:streamingBubbleBreath 1s ease-in-out infinite}.chat-message--stream-completing .chat-message__bubble{animation:none;transition:opacity .14s ease-out,box-shadow .14s ease-out}@keyframes streamingBubbleBreath{0%,to{opacity:.9;box-shadow:0 1px 2px #0000000d}50%{opacity:1;box-shadow:0 2px 8px #00000014}}.chat-typing-indicator{display:flex;gap:4px;padding:8px 0}.chat-typing-indicator span{width:8px;height:8px;background:var(--text-tertiary);border-radius:50%;animation:typing 1.4s infinite both}.chat-typing-indicator span:nth-child(2){animation-delay:.2s}.chat-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-input{padding:12px 16px;border-top:1px solid var(--border-color);background:var(--card-bg);flex-shrink:0;transition:background .2s ease,box-shadow .2s ease}.chat-input--drag-over{background:linear-gradient(180deg,var(--primary-light),var(--card-bg) 75%);box-shadow:inset 0 0 0 1px var(--primary-color)}.chat-input--drop-uploading{opacity:.92}.chat-input__attachments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;max-height:120px;overflow-x:auto}.chat-input__attachment{display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;max-width:200px}.chat-input__attachment--image{padding:4px}.chat-input__attachment-preview{width:48px;height:48px;object-fit:cover;border-radius:4px}.chat-input__attachment-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);flex-shrink:0}.chat-input__attachment-info{display:flex;flex-direction:column;min-width:0;flex:1}.chat-input__attachment-name{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-input__attachment-size{font-size:10px;color:var(--text-tertiary)}.chat-input__attachment-preview-wrapper{position:relative}.chat-input__attachment-badge{position:absolute;bottom:2px;left:2px;padding:1px 4px;font-size:9px;font-weight:600;color:#fff;background:#0000008c;border-radius:3px;pointer-events:none}.chat-input__attachment-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:all .15s}.chat-input__attachment-remove:hover{background:var(--error-bg, #fef2f2);color:var(--error-color, #dc2626)}.chat-input__attachment-edit{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:all .15s}.chat-input__attachment-edit:hover{background:var(--bg-hover, #f3f4f6);color:var(--primary-color, #6366f1)}.chat-input__crop-overlay{position:fixed;inset:0;z-index:1000}.chat-input__container{display:flex;gap:8px;align-items:flex-end}.chat-input__drop-status{margin-bottom:10px;padding:8px 12px;border-radius:10px;background:var(--primary-light);color:var(--primary-color);font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-input__drop-status--error{background:var(--error-bg);color:var(--error-color)}.chat-input__drop-status-close{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:999px;background:transparent;color:currentColor;cursor:pointer;flex-shrink:0}.chat-input__drop-status-close:hover{background:#00000014}.chat-input__actions{display:flex;gap:4px;align-items:center}.chat-input__action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;transition:all .15s}.chat-input__action:hover:not(:disabled){background:var(--hover-bg);color:var(--text-secondary)}.chat-input__action:disabled{opacity:.5;cursor:not-allowed}.chat-input__textarea{flex:1;min-height:44px;max-height:200px;padding:12px 16px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;font-size:15px;line-height:1.5;color:var(--text-primary);resize:none;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000d}.chat-input__textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.chat-input__textarea::placeholder{color:var(--text-tertiary)}.chat-input__send{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background .2s,opacity .2s;flex-shrink:0}.chat-input__send:hover:not(:disabled){background:var(--primary-hover)}.chat-input__send:disabled{opacity:.5;cursor:not-allowed}.chat-input__stop{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s,transform .2s;flex-shrink:0}.chat-input__stop:hover{background:#dc2626;transform:scale(1.05)}.chat-input__stop:active{transform:scale(.95)}.chat-input__hint{margin-top:6px;font-size:12px;color:var(--text-tertiary)}.chat-input__upload-wrapper{position:relative}.chat-input__upload-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;font-size:24px;font-weight:300;color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.chat-input__upload-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.chat-input__upload-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input__upload-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;min-width:160px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:100;animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-input__upload-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;text-align:left;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background .15s}.chat-input__upload-menu-item:hover{background:var(--hover-bg)}.chat-input__upload-menu-item svg{color:var(--text-secondary);flex-shrink:0}.model-selector{position:relative;display:flex;align-items:center;gap:8px}.model-selector--loading{opacity:.6;pointer-events:none}.model-selector__label{font-size:13px;color:var(--text-secondary)}.model-selector__button{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:border-color .2s}.model-selector__button:hover:not(:disabled){border-color:var(--primary-color)}.model-selector__button:disabled{opacity:.5;cursor:not-allowed}.model-selector__value{font-weight:500}.model-selector__button .model-selection-profile{flex-wrap:nowrap;gap:3px}.model-selector__arrow{width:12px;height:12px;transition:transform .2s}.model-selector__arrow.open{transform:rotate(180deg)}.model-selector__dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:320px;max-height:min(40vh,320px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0000001a;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;z-index:100}.model-selector__option{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;column-gap:14px;width:100%;padding:8px 12px;background:none;border:none;text-align:left;font-size:13px;color:var(--text-primary);cursor:pointer;transition:background .15s}.model-selector__option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-selector__option .model-selection-profile{display:grid;grid-template-columns:repeat(3,2.7rem);column-gap:.2rem;width:max-content;justify-content:flex-end}.model-selector__option:hover,.model-selector__option.focused{background:var(--hover-bg)}.model-selector__option.active{background:var(--primary-light);color:var(--primary-color);font-weight:500}.model-selector__select{padding:6px 10px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary);outline:none;cursor:pointer}.model-selector__select:disabled{opacity:.5;cursor:not-allowed}@media(max-width:920px){.chat-embedded-sidebar{width:min(320px,90%);max-width:90%}}.workflow-based-form--readonly{opacity:.75}.payload-editor{margin-bottom:8px}.payload-editor__loading{font-size:12px;color:var(--text-tertiary);padding:8px 0}.payload-editor__label{font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.payload-editor__tabs{display:flex;gap:2px;margin-bottom:8px;background:var(--bg-tertiary);border-radius:6px;padding:2px}.payload-editor__tab{flex:1;padding:4px 10px;font-size:12px;font-weight:500;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.payload-editor__tab:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.payload-editor__tab--active{background:var(--bg-color);color:var(--text-primary);box-shadow:0 1px 2px #0000000f}.payload-editor__form{max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;padding:8px}.payload-editor__json textarea{width:100%}[data-theme=dark] .payload-editor__tabs{background:#ffffff0f}[data-theme=dark] .payload-editor__tab--active{background:#ffffff1a;color:var(--text-primary)}[data-theme=dark] .payload-editor__form{border-color:#ffffff1a;opacity:.85}.chat-message--ephemeral .chat-message__bubble{background:var(--bg-color)!important;border:1px dashed var(--border-color);box-shadow:none;opacity:.72}[data-theme=dark] .chat-message--ephemeral .chat-message__bubble{background:#ffffff0a!important;border-color:#ffffff2e;opacity:.65}@media(max-width:768px){.payload-editor__form{max-height:200px}}.project-resource-library{display:flex;flex-direction:column;flex:1 1 0;min-height:0;height:100%;overflow:hidden}.project-resource-library__tabs{display:flex;align-items:center;flex-wrap:nowrap;flex:0 0 auto;border-bottom:1px solid var(--color-border);min-width:0}.project-resource-library__tabs .media-type-tabs__list{display:flex;flex-wrap:nowrap;gap:.375rem;min-width:0;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.project-resource-library__tabs .media-type-tabs__actions{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.project-resource-library__tabs .media-type-tab{flex:0 0 auto;white-space:nowrap;padding:.5rem 1rem;background:transparent;border:1px solid transparent;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;font-weight:500;font-size:.875rem;color:var(--color-text-muted, #64748b);margin-bottom:-1px;transition:all .2s}.project-resource-library__tabs .media-type-tab:hover{color:var(--color-text, #1e293b);background:var(--color-surface-muted, #f8fafc)}.project-resource-library__tabs .media-type-tab.active{color:var(--color-primary, #0ea5a5);border-bottom-color:var(--color-primary, #0ea5a5);background:transparent}.project-resource-library>.media-assets-tab{border-top:0}.project-resource-library>.voice-assets__library,.project-resource-library>.voice-assets__hint,.project-resource-library>.voice-assets__error{padding:.75rem;overflow:auto}.media-assets-tab{display:flex;flex-direction:column;flex:1 1 0;gap:0;min-height:0;position:relative;height:100%;overflow:hidden}.media-assets-tab .media-type-tabs{display:flex;align-items:center;flex-wrap:nowrap;flex:0 0 auto;border-bottom:1px solid var(--color-border);padding-bottom:0;min-width:0}.media-assets-tab .media-type-tabs__list{display:flex;flex-wrap:nowrap;gap:.375rem;min-width:0;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.media-assets-tab .media-type-tab{flex:0 0 auto;white-space:nowrap;padding:.5rem 1rem;background:transparent;border:1px solid transparent;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;font-weight:500;font-size:.875rem;color:var(--color-text-muted, #64748b);margin-bottom:-1px;transition:all .2s}.media-assets-tab .media-type-tab:hover{color:var(--color-text, #1e293b);background:var(--color-surface-muted, #f8fafc)}.media-assets-tab .media-type-tab.active{color:var(--color-primary, #0ea5a5);border-bottom-color:var(--color-primary, #0ea5a5);background:transparent}.media-assets-tab .media-type-tabs__external-search{margin:0;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-secondary);padding:.4rem .75rem;cursor:pointer;flex:0 0 auto;transition:all .2s}.media-assets-tab .media-type-tabs__external-search:hover{color:var(--color-text, #1e293b);border-color:var(--color-primary, #0ea5a5)}.media-assets-tab .media-type-tabs__external-search.is-active{color:var(--color-primary, #0ea5a5);border-color:var(--color-primary, #0ea5a5);background:color-mix(in srgb,var(--color-primary, #0ea5a5) 10%,var(--color-surface) 90%)}.media-assets-tab .media-assets-external-search{flex:1 1 0;min-height:0;display:flex;flex-direction:column;padding:.75rem}.media-assets-tab .media-type-tabs__refresh{width:32px;height:32px;margin:0;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #888);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;transition:background .15s,color .15s}.media-assets-tab .media-type-tabs__actions{display:inline-flex;align-items:center;gap:.35rem;margin:0 .4rem;border-left:none}.media-assets-tab .media-type-tabs__refresh:hover:not(:disabled){background:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-primary)}.media-assets-tab .media-type-tabs__refresh:disabled{opacity:.6;cursor:not-allowed}.media-assets-tab .media-type-tabs__refresh.is-refreshing svg{animation:media-type-tabs-refresh-spin .8s linear infinite}@keyframes media-type-tabs-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.media-layout{display:flex;align-items:stretch;gap:.5rem;flex:1 1 0;min-height:0;min-width:0;position:relative;overflow:hidden}.media-categories{border:1px solid var(--color-border);border-radius:0;overflow:hidden;flex:0 0 168px;width:168px;align-self:stretch;min-height:0;display:flex;flex-direction:column}.media-layout--categories-collapsed .media-categories{flex-basis:44px;width:44px}.media-categories--collapsed{align-self:stretch}.media-categories--overlay{position:absolute;top:0;left:0;bottom:0;width:min(300px,calc(100% - .5rem));max-width:86%;z-index:30;background:var(--color-surface);box-shadow:var(--shadow-lg, 0 12px 28px rgba(15, 23, 42, .22));transform:translate(calc(-100% - .35rem));transition:transform .2s ease;visibility:hidden}.media-categories--overlay.media-categories--open{transform:translate(0);visibility:visible}.media-categories-backdrop{position:absolute;inset:0;border:none;padding:0;margin:0;background:#0f172a47;z-index:25;cursor:pointer}.category-list-header{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;background:var(--color-surface-muted, #f8fafc);border-bottom:1px solid var(--color-border);font-size:.8125rem;font-weight:600;color:var(--color-text-muted, #64748b)}.category-list-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-list-header-actions{display:inline-flex;align-items:center;gap:.25rem}.add-category-btn{background:none;border:none;color:var(--color-primary, #0ea5a5);cursor:pointer;font-size:1.125rem;line-height:1;padding:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:0}.add-category-btn:hover{background:#0ea5a51a}.category-collapse-btn{width:22px;height:22px;background:none;border:none;color:var(--color-text-muted, #64748b);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:0}.category-collapse-btn:hover{color:var(--color-text, #1e293b);background:var(--color-surface-muted)}.media-categories--collapsed .category-list-header{justify-content:center;padding:.5rem .25rem}.media-categories--collapsed .category-list-title,.media-categories--collapsed .add-category-btn{display:none}.category-list{flex:1;min-height:0;overflow-y:auto}.category-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;cursor:pointer;font-size:.8125rem;color:var(--color-text, #1e293b);border-bottom:1px solid var(--color-border);transition:background .15s}.category-item:last-child{border-bottom:none}.category-item:hover{background:var(--color-surface-muted)}.category-item.active{background:#0ea5a514;color:var(--color-primary, #0ea5a5);font-weight:500}.category-item-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;overflow:hidden}.category-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-item-count{font-size:.7rem;color:var(--color-text-muted, #94a3b8);background:var(--color-surface-muted, #f1f5f9);padding:.1rem .4rem;border-radius:999px;flex-shrink:0}.category-item-actions{display:flex;gap:.125rem;opacity:0;transition:opacity .15s}.category-item:hover .category-item-actions{opacity:1}.category-action-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted, #94a3b8);font-size:.75rem;padding:.125rem .25rem;border-radius:3px}.category-action-btn:hover{color:var(--color-text, #1e293b);background:var(--color-border)}.category-action-btn.danger:hover{color:#dc2626;background:#fee2e2}.category-inline-form{display:flex;gap:.25rem;padding:.375rem .5rem;border-bottom:1px solid var(--color-border)}.category-inline-input{flex:1;padding:.25rem .5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.8125rem;min-width:0}.category-inline-input:focus{outline:none;border-color:var(--color-primary, #0ea5a5)}.category-inline-ok,.category-inline-cancel{background:none;border:none;cursor:pointer;font-size:.875rem;padding:.125rem .25rem;border-radius:3px}.category-inline-ok{color:#16a34a}.category-inline-ok:hover{background:#dcfce7}.category-inline-cancel{color:#dc2626}.category-inline-cancel:hover{background:#fee2e2}.media-files-area{border:1px solid var(--color-border);border-radius:0;overflow:hidden;align-self:stretch;display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:0}.media-files-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .75rem;background:var(--color-surface-muted, #f8fafc);border-bottom:1px solid var(--color-border)}.media-files-header-main{min-width:0;display:inline-flex;align-items:center;gap:.5rem}.media-files-header-actions{display:inline-flex;align-items:center;gap:.4rem}.media-files-toolbar-button{box-sizing:border-box;min-height:30px;padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-secondary, #475569);font:inherit;font-size:.8125rem;font-weight:500;line-height:1.2;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.media-files-toolbar-button:hover,.media-files-toolbar-button.is-active{border-color:var(--color-primary, #0ea5a5);background:color-mix(in srgb,var(--color-primary, #0ea5a5) 9%,var(--color-surface));color:var(--color-primary, #0ea5a5)}.media-files-toolbar-button:focus-visible{outline:2px solid var(--color-primary, #0ea5a5);outline-offset:2px}.media-files-transfer-actions{display:inline-flex;align-items:center;gap:.4rem}.project-media-transfer-select{position:relative;min-width:0}.project-media-transfer-select__checkbox{position:absolute;top:8px;left:8px;z-index:5;width:18px;height:18px;margin:0;accent-color:var(--color-primary, #0ea5a5);cursor:pointer}.project-media-transfer-select.is-selected .media-file-card{border-color:var(--color-primary, #0ea5a5);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary, #0ea5a5) 18%,transparent)}.project-media-transfer-select.is-selecting .media-file-delete-action{visibility:hidden}.media-files-title{font-size:.8125rem;font-weight:600;color:var(--color-text-muted, #64748b);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.media-category-overlay-trigger{border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-secondary, #475569);font-size:.75rem;font-weight:600;padding:.25rem .5rem;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;flex-shrink:0}.media-category-overlay-trigger:hover{border-color:var(--color-primary, #0ea5a5);color:var(--color-primary, #0ea5a5);background:#0ea5a514}.upload-btn{display:flex;align-items:center;gap:.375rem;padding:.35rem .75rem;background:var(--color-cta, #0ea5a5);color:var(--color-on-cta, white);border:none;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:500;transition:background .2s}.upload-btn:hover{opacity:.9}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.media-upload-form{display:flex;gap:.75rem;padding:.75rem;background:var(--color-surface-muted, #f0fdf4);border-bottom:1px solid var(--color-border);align-items:center}.upload-file-preview{width:80px;height:80px;border-radius:6px;overflow:hidden;background:var(--color-border);flex-shrink:0;display:flex;align-items:center;justify-content:center}.upload-file-preview img,.upload-file-preview video{width:100%;height:100%;object-fit:contain}.upload-file-preview .audio-icon{font-size:2rem;color:var(--color-text-muted)}.upload-form-controls{flex:1;display:flex;flex-direction:column;gap:.5rem}.upload-category-select{padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.8125rem}.upload-category-select:focus{outline:none;border-color:var(--color-primary, #0ea5a5)}.upload-name-input{padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.8125rem;color:var(--color-text);background:var(--color-surface);width:100%;box-sizing:border-box}.upload-name-input:focus{outline:none;border-color:var(--color-primary, #0ea5a5)}.upload-name-input::placeholder{color:var(--color-text-muted)}.upload-new-category-input{padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.8125rem}.upload-new-category-input:focus{outline:none;border-color:var(--color-primary, #0ea5a5)}.upload-form-actions{display:flex;gap:.375rem}.upload-form-actions button{padding:.3rem .75rem;border-radius:4px;font-size:.8125rem;cursor:pointer;transition:background .2s}.upload-confirm-btn{background:var(--color-cta, #16a34a);color:var(--color-on-cta, white);border:none}.upload-confirm-btn:hover:not(:disabled){opacity:.9}.upload-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.upload-cancel-btn{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.upload-cancel-btn:hover{background:var(--color-surface-muted)}.media-assets-tab .media-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:.75rem;padding:.75rem;flex:1 1 0;min-height:0;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.media-assets-tab .media-files-grid::-webkit-scrollbar{-webkit-appearance:none;width:10px}.media-assets-tab .media-files-grid::-webkit-scrollbar-track{background:transparent}.media-assets-tab .media-files-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px;border:2px solid transparent;background-clip:content-box}.media-file-card{position:relative;display:flex;flex-direction:column;min-height:180px;border:1px solid var(--color-border);border-radius:6px;overflow:hidden;background:var(--color-surface);transition:border-color .2s,box-shadow .2s}.media-file-card:hover{border-color:var(--color-primary, #0ea5a5);box-shadow:0 2px 8px #00000014}.media-file-card--recent{border-color:var(--color-primary, #0ea5a5);box-shadow:0 0 0 2px #0ea5a559}.media-file-delete-action,.media-file-more-trigger{position:absolute;top:6px;width:24px;height:24px;border:none;border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;pointer-events:auto;transform:translateY(0);transition:background .2s,opacity .15s,transform .15s;z-index:2}.media-file-delete-action{left:6px;background:#dc2626e0;font-size:1rem;line-height:1}.media-file-more-trigger{right:6px;background:#0f172ab8;font-size:1.1rem;letter-spacing:-.08em}@media(hover:hover)and (pointer:fine){.media-file-delete-action,.media-file-more-trigger{opacity:0;pointer-events:none;transform:translateY(-2px)}.media-file-card:hover .media-file-delete-action,.media-file-card:hover .media-file-more-trigger,.media-file-card:focus-within .media-file-delete-action,.media-file-card:focus-within .media-file-more-trigger,.media-file-delete-action:focus-visible,.media-file-more-trigger:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}}@media(any-pointer:coarse){.media-file-delete-action,.media-file-more-trigger{opacity:1;pointer-events:auto;transform:translateY(0)}}.media-file-delete-action:hover{background:#b91c1cf2}.media-file-more-trigger:hover,.media-file-more-menu:hover .media-file-more-trigger,.media-file-more-menu:focus-within .media-file-more-trigger{background:#0f172ae6}.media-file-delete-action:focus-visible,.media-file-more-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--color-info, #3b82f6) 70%,white);outline-offset:1px}.media-file-more-menu{position:absolute;top:0;right:0;z-index:3}.media-file-more-popover{position:absolute;top:34px;right:6px;min-width:108px;padding:.25rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-lg, 0 12px 28px rgba(15, 23, 42, .18));opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s,transform .15s}.media-file-more-menu.is-open .media-file-more-popover{opacity:1;transform:translateY(0);pointer-events:auto}.media-file-more-popover button{width:100%;padding:.4rem .5rem;border:none;border-radius:6px;background:transparent;color:var(--color-text, #1e293b);text-align:left;font-size:.75rem;cursor:pointer}.media-file-more-popover button:hover:not(:disabled),.media-file-more-popover button:focus-visible{background:var(--color-surface-muted, #f8fafc)}.media-file-more-popover button:disabled{opacity:.6;cursor:wait}.media-file-thumb{position:relative;width:100%;height:100px;background:var(--color-surface-muted);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-file-thumb img,.media-file-thumb video{max-width:100%;max-height:100%;object-fit:contain;display:block}.media-file-thumb.previewable{cursor:zoom-in}.audio-file-icon{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:80px;background:var(--color-surface-muted);color:var(--color-text-muted);font-size:2.5rem}.audio-file-icon.previewable{cursor:zoom-in}.media-file-info{padding:.375rem .5rem;display:flex;flex-direction:column;gap:.25rem;flex:1}.media-file-card-meta{flex:1;width:100%}.media-file-card-meta .media-card-meta-uploader{margin-top:auto}.media-file-name{font-size:.7rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;cursor:text}.media-annotation-row{display:flex;align-items:center;gap:.375rem;min-width:0}.media-annotation-status-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0}.media-annotation-status-icon--pending{color:#a16207}.media-annotation-status-icon--processing{color:#2563eb}.media-annotation-status-icon--processing svg{animation:media-annotation-spin 1s linear infinite}.media-annotation-status-icon--failed{color:#dc2626}.media-annotation-status-icon--completed{color:#059669}.media-annotation-tags{font-size:.62rem;line-height:1.35;color:var(--color-text-muted, #64748b);min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes media-annotation-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.media-file-rename-form{display:flex;flex-direction:column;gap:.25rem;width:100%}.media-file-rename-row{display:flex;align-items:center;gap:0;width:100%}.media-file-rename-input{flex:1;min-width:0;padding:.2rem .375rem;border:1px solid var(--color-primary, #0ea5a5);border-radius:4px 0 0 4px;font-size:.75rem;outline:none}.media-file-rename-input:focus{border-color:var(--color-primary, #0ea5a5);box-shadow:0 0 0 1px #0ea5a533}.media-file-rename-ext{padding:.2rem .375rem;background:var(--color-surface-muted);border:1px solid var(--color-border);border-left:none;border-radius:0 4px 4px 0;font-size:.7rem;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.media-file-rename-actions{display:flex;gap:.25rem;justify-content:flex-end}.move-dialog-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.move-dialog{background:var(--color-surface);border-radius:10px;padding:1.25rem;min-width:300px;max-width:400px;box-shadow:0 20px 40px #00000026}.move-dialog h4{margin:0 0 .75rem;font-size:.9375rem;color:var(--color-text)}.move-dialog select{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;margin-bottom:.75rem}.move-dialog select:focus{outline:none;border-color:var(--color-primary, #0ea5a5)}.move-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}.move-dialog-actions button{padding:.4rem .875rem;border-radius:6px;font-size:.8125rem;cursor:pointer}.move-dialog .cancel-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.move-dialog .cancel-btn:hover{background:var(--color-surface-muted)}.move-dialog .confirm-btn{background:var(--color-primary, #0ea5a5);border:none;color:#fff}.move-dialog .confirm-btn:hover{opacity:.9}.move-dialog .confirm-btn:disabled{opacity:.5;cursor:not-allowed}.media-empty{padding:3rem 1rem;text-align:center;color:var(--color-text-muted, #94a3b8);font-size:.875rem}.media-loading{padding:3rem 1rem;text-align:center;color:var(--color-text-muted, #94a3b8)}.media-error{padding:.75rem;margin:.75rem;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.8125rem;display:flex;justify-content:space-between;align-items:center}.media-error button{background:none;border:none;cursor:pointer;color:#dc2626;font-size:.875rem}.media-assets-tab--compact .media-files-header{flex-wrap:nowrap;align-items:center}.media-assets-tab--compact .media-files-header-main{width:auto;flex:1 1 auto;min-width:0}.media-assets-tab--compact .upload-btn{margin-left:0;flex:0 0 auto;padding:.3rem .6rem;font-size:.75rem}.media-assets-tab--compact .media-files-title{font-size:.75rem}.media-assets-tab--compact .media-category-overlay-trigger{padding:.24rem .45rem;font-size:.72rem}.media-assets-tab--compact .media-type-tab{white-space:nowrap;padding:.4rem .62rem;font-size:.8rem}.media-assets-tab--compact .media-files-grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr))}.media-assets-tab--compact .media-layout,.media-assets-tab--overlay .media-layout{min-height:0}.media-assets-tab--compact .media-upload-form{flex-direction:column;align-items:stretch}.media-assets-tab--compact .upload-file-preview{width:100%;height:120px}.media-assets-tab--compact .upload-form-actions{justify-content:flex-end}.media-assets-tab--overlay .media-files-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.media-upload-overlay{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-text-secondary, #64748b);font-size:.875rem}.media-upload-spinner{width:1.25rem;height:1.25rem;border:2px solid var(--color-border, #e2e8f0);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:media-spin .6s linear infinite}@keyframes media-spin{to{transform:rotate(360deg)}}.workspace{display:grid;grid-template-columns:minmax(400px,35%) auto 1fr 44px;grid-template-rows:minmax(0,1fr);height:100%;overflow:hidden;position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--color-background) 97%,#ffffff 3%),color-mix(in srgb,var(--color-bg-secondary) 46%,var(--color-background) 54%));border:1px solid color-mix(in srgb,var(--color-border) 62%,transparent);border-radius:16px;box-shadow:0 24px 60px #10141b17}.workspace--with-right-content{grid-template-columns:minmax(400px,35%) auto 1fr auto minmax(320px,24%) 44px}.workspace__panel{overflow-y:hidden;height:100%;min-width:0;border-right:1px solid color-mix(in srgb,var(--color-border) 58%,transparent)}.workspace__panel--create{display:flex;flex-direction:column;min-height:0;overflow-y:visible;border-right:none;background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel-create) 92%,var(--color-surface) 8%),var(--color-panel-create))}.workspace__panel--create>*{flex:1 1 auto;min-height:0}.workspace__panel--detail{position:relative;padding:.42rem;background:var(--color-panel-create);background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel-create) 90%,#ffffff 10%),color-mix(in srgb,var(--color-background) 62%,var(--color-panel-create) 38%));isolation:isolate}.workspace__panel--detail:before{content:"";position:absolute;inset:.55rem .5rem;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 96%,#ffffff 4%),color-mix(in srgb,var(--color-surface-muted) 20%,var(--color-surface) 80%));border:1px solid color-mix(in srgb,var(--color-border) 38%,transparent);box-shadow:inset 0 1px #ffffffb8,0 14px 34px #0f172a0e;pointer-events:none;z-index:0}.workspace__panel--detail>*{position:relative;z-index:1}.workspace__panel--detail .task-card:before{display:none}.workspace__panel--detail .task-card{padding-left:.75rem}.workspace__panel--detail [data-testid=task-detail-panel-layout]{gap:.35rem}.workspace__panel--detail [data-testid=task-detail-panel-overview]{border-bottom:1px solid color-mix(in srgb,var(--color-border) 42%,transparent)}.workspace__panel--detail [data-testid=task-detail-subtask-grid-container]{padding:.35rem .45rem .55rem!important}.workspace__panel--detail .subtask-card{border:none;border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 94%,transparent),color-mix(in srgb,var(--color-surface-muted) 24%,var(--color-surface) 76%));box-shadow:inset 2px 0 color-mix(in srgb,var(--color-cta) 28%,transparent),0 1px color-mix(in srgb,var(--color-border) 46%,transparent)}.workspace__panel--detail .subtask-card__index-badge,.workspace__panel--detail .subtask-card__toggle-btn,.workspace__panel--detail .subtask-card__compare-btn{border-color:color-mix(in srgb,var(--color-border) 46%,transparent);background:color-mix(in srgb,var(--color-surface) 82%,transparent)}.workspace__panel--detail .subtask-card__result-process-divider{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-border) 38%,transparent) 16%,color-mix(in srgb,var(--color-border) 38%,transparent) 84%,transparent)}.workspace__panel--detail .subtask-card__prompt-section,.workspace__panel--detail .subtask-card__provider-tasks,.workspace__panel--detail .subtask-card__inline-error,.workspace__panel--detail .task-card__error--expanded{border:none;border-left:2px solid color-mix(in srgb,var(--color-border) 68%,transparent);border-radius:8px;background:color-mix(in srgb,var(--color-surface-muted) 58%,transparent);box-shadow:none}.workspace__panel--detail .subtask-card__inline-error,.workspace__panel--detail .task-card__error--expanded{border-left-color:color-mix(in srgb,var(--color-error, #dc2626) 48%,transparent)}.workspace__panel--detail .prompt-display{border:none;border-left:2px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:8px;background:color-mix(in srgb,var(--color-surface-muted) 56%,transparent);box-shadow:none}.workspace__panel--detail [data-testid=task-detail-composition-final-results]{border:none!important;background:color-mix(in srgb,var(--color-surface-muted) 52%,transparent)!important;box-shadow:inset 2px 0 color-mix(in srgb,var(--color-cta) 24%,transparent)}.workspace__panel--detail [data-testid=task-detail-composition-node-result]{border-top-color:color-mix(in srgb,var(--color-border) 38%,transparent)!important}.workspace__panel--right-content{background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel-list) 78%,#ffffff 22%),color-mix(in srgb,var(--color-panel-list) 52%,var(--color-surface-muted) 48%));overflow:hidden}.workspace__panel--dock{overflow:visible;border-right:none;background:var(--color-panel-sidebar, var(--color-surface-muted))}.workspace__right-single,.workspace__right-stack{height:100%;min-height:0;display:flex;flex-direction:column}.workspace__right-single{padding:.38rem}.workspace__right-single .workspace-right-card{height:100%}.workspace__right-stack{padding:.38rem;gap:.38rem}.workspace-right-card{display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 98%,#ffffff 2%),color-mix(in srgb,var(--color-surface-muted) 16%,var(--color-surface) 84%));border:1px solid color-mix(in srgb,var(--panel-stroke-soft) 82%,transparent);border-radius:var(--panel-radius-lg);box-shadow:0 14px 32px #0f172a0f;overflow:hidden}.workspace-right-card--floating{position:fixed;top:50%;left:50%;width:min(2200px,97vw);height:min(1600px,97vh);transform:translate(-50%,-50%);border-radius:calc(var(--panel-radius-lg) + 2px);box-shadow:var(--shadow-xl, 0 20px 40px rgba(0, 0, 0, .25));z-index:130}.workspace-right-card--stack{flex:1 1 0;min-height:120px}.workspace-right-card--stack.workspace-right-card--collapsed{flex:0 0 auto;min-height:42px}.workspace__right-stack>.resizable-divider{background:transparent;transition:background .2s ease;position:relative;z-index:2}.workspace__right-stack>.resizable-divider-vertical{height:4px;flex:0 0 4px;cursor:row-resize}.workspace__right-stack>.resizable-divider:hover,.workspace__right-stack>.resizable-divider.dragging{background:var(--color-cta, #0EA5A5)}.workspace__right-stack>.resizable-divider .resizable-divider-handle{position:absolute;width:40px;height:4px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:var(--radius-pill);background:#fff;opacity:0;transition:opacity .2s ease}.workspace__right-stack>.resizable-divider:hover .resizable-divider-handle,.workspace__right-stack>.resizable-divider.dragging .resizable-divider-handle{opacity:1}.workspace-right-card__header{height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 .68rem;border-bottom:1px solid color-mix(in srgb,var(--color-border) 64%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 97%,#ffffff 3%),color-mix(in srgb,var(--color-surface-muted) 54%,var(--color-panel-sidebar) 46%))}.workspace-right-card__header--actions-only{justify-content:flex-end;padding-left:.35rem}.workspace-right-card__title-wrap{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.workspace-right-card__title{font-size:.76rem;font-family:var(--font-display);font-weight:600;letter-spacing:.02em;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-right-card__actions{display:inline-flex;align-items:center;gap:.25rem}.workspace-right-card__action{width:28px;height:28px;border:1px solid transparent;border-radius:var(--panel-radius-sm);background:transparent;color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.workspace-right-card__action:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-surface) 92%,#ffffff 8%);border-color:color-mix(in srgb,var(--color-border) 74%,transparent)}@keyframes workspace-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.workspace-right-card__action--refreshing{pointer-events:none;opacity:.6}.workspace-right-card__action--refreshing svg{animation:workspace-spin .7s linear infinite}.workspace-right-card__body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 96%,#ffffff 4%),color-mix(in srgb,var(--color-surface-muted) 18%,var(--color-surface) 82%))}.workspace-right-card__body>*{flex:1 1 auto;min-height:0}.workspace-right-card__body>.media-assets-tab{flex:1 1 0;min-height:0}.workspace-right-card__body>.task-list-panel{flex:1 1 0;min-height:0;height:100%}.workspace__dock{height:100%;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .1rem;position:relative}.workspace__dock-mode{position:relative;display:flex;flex-direction:column;gap:.28rem}.workspace__dock-separator{width:18px;height:1px;background:var(--color-border);margin:.1rem 0 .2rem}.workspace__dock-panels{display:flex;flex-direction:column;gap:.28rem}.workspace__dock-btn{width:30px;height:30px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);position:relative}.workspace__dock-btn:hover{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.workspace__dock-btn--panel{cursor:grab}.workspace__dock-btn--panel:active{cursor:grabbing}.workspace__dock-btn--panel.dragging{opacity:.55}.workspace__dock-btn.active{color:var(--color-cta);background:#0ea5a51f;border-color:#0ea5a54d}.workspace__dock-btn--mode{color:var(--color-primary);background:var(--color-surface);border-color:var(--color-border)}.workspace__dock-badge{position:absolute;top:2px;right:1px;transform:translate(45%,-45%);min-width:1.05rem;height:1.05rem;padding:0 .2rem;border-radius:var(--radius-pill);font-size:.65rem;font-weight:700;color:var(--color-surface);background:var(--color-success);display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.workspace__dock-badge:before{content:"";position:absolute;inset:-2px;border-radius:999px;border:2px solid transparent;border-top-color:var(--color-success);border-right-color:var(--color-success);animation:workspace-badge-spin 1s linear infinite}.workspace__dock-badge--chat{background:var(--color-cta)}.workspace__dock-badge--chat:before{border-top-color:var(--color-cta);border-right-color:var(--color-cta)}.workspace__dock-btn--chat-processing{box-shadow:inset 0 0 0 1px #0ea5a540}.workspace__dock-chat-progress{position:absolute;left:5px;right:5px;bottom:3px;height:3px;border-radius:999px;background:#0ea5a533;overflow:hidden;pointer-events:none}.workspace__dock-chat-progress-bar{display:block;width:45%;height:100%;border-radius:inherit;background:var(--color-cta);transform:translate(-120%);animation:workspace-chat-progress-slide 1.15s ease-in-out infinite}@keyframes workspace-chat-progress-slide{0%{transform:translate(-120%)}to{transform:translate(250%)}}@keyframes workspace-badge-spin{to{transform:rotate(360deg)}}.workspace__dock-mode-menu{position:absolute;top:38px;right:calc(100% + 6px);width:124px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-lg, 0 10px 24px rgba(0, 0, 0, .14));padding:.25rem;z-index:20}.workspace__dock-mode-item{width:100%;height:30px;border:none;border-radius:6px;background:transparent;color:var(--color-text);font-size:.78rem;text-align:left;padding:0 .6rem;cursor:pointer}.workspace__dock-mode-item:hover{background:var(--color-surface-muted)}.workspace__dock-mode-item.active{background:#0ea5a51f;color:var(--color-cta);font-weight:600}.workspace--narrow{display:flex;flex-direction:column;grid-template-columns:unset;height:100%;overflow:hidden}.workspace-tabs{display:flex;align-items:center;flex-shrink:0;gap:.5rem;background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);padding:.32rem .5rem}.workspace-tabs__main{flex:1;min-width:0;display:flex;align-items:center;gap:.2rem;padding:.2rem;border:1px solid var(--color-border);border-radius:var(--radius-toggle);background:var(--color-surface)}.workspace-tab{flex:1;min-width:0;padding:.45rem .6rem;border:1px solid transparent;border-radius:var(--radius-toggle);background:transparent;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:color .15s ease,background .15s ease}.workspace-tab:hover{color:var(--color-text)}.workspace-tab.active{color:var(--color-primary);background:color-mix(in srgb,var(--color-cta) 10%,var(--color-surface));border-color:color-mix(in srgb,var(--color-cta) 32%,var(--color-border))}.workspace-compact-mode-icon-toggle{width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-toggle);background:var(--color-surface);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;transition:all var(--transition-base)}.workspace-compact-mode-icon-toggle:hover{border-color:var(--color-cta);color:var(--color-cta)}.workspace-compact-mode-icon-toggle.active{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-cta) 45%,transparent);background:color-mix(in srgb,var(--color-cta) 12%,var(--color-surface))}.workspace-compact-mode-toggle{display:inline-flex;align-items:center;justify-content:flex-end;cursor:pointer;-webkit-user-select:none;user-select:none;flex:0 0 auto;border-radius:var(--radius-toggle)}.workspace-compact-mode-toggle__switch{position:relative;display:inline-flex;align-items:center}.workspace-compact-mode-toggle__switch input{position:absolute;opacity:0;pointer-events:none;appearance:none;-webkit-appearance:none}.workspace-compact-mode-toggle__track{position:relative;color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-toggle);overflow:hidden;height:24px;min-width:72px;padding:0 .65rem;display:inline-flex;align-items:center;justify-content:flex-start;transition:all var(--transition-base)}.workspace-compact-mode-toggle:hover .workspace-compact-mode-toggle__track{border-color:var(--color-cta)}.workspace-compact-mode-toggle.active .workspace-compact-mode-toggle__track{color:var(--color-text);border-color:color-mix(in srgb,var(--color-cta) 45%,transparent);background:color-mix(in srgb,var(--color-cta) 12%,var(--color-surface))}.workspace-compact-mode-toggle__text{display:block;min-width:100%;line-height:1;white-space:nowrap;text-align:right;font-size:.7rem;font-weight:600;letter-spacing:.01em;padding:0 .35rem 0 1rem;transition:padding var(--transition-base),text-align var(--transition-base)}.workspace-compact-mode-toggle__knob{position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f172a38;transition:transform var(--transition-base),background-color var(--transition-base);transform:translate(0)}[data-theme=dark] .workspace,[data-theme=dark] .workspace__panel--detail:before,[data-theme=dark] .workspace-right-card,[data-theme=dark] .workspace-right-card--floating,[data-theme=dark] .workspace-compact-mode-toggle__knob{box-shadow:none}.workspace-compact-mode-toggle__switch input:checked+.workspace-compact-mode-toggle__track .workspace-compact-mode-toggle__knob{transform:translate(50px);background:color-mix(in srgb,var(--color-cta) 86%,#ffffff)}.workspace-compact-mode-toggle__switch input:checked+.workspace-compact-mode-toggle__track .workspace-compact-mode-toggle__text{text-align:left;padding:0 1rem 0 .35rem}.workspace__content--narrow{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;position:relative;padding:.45rem;gap:.45rem;box-sizing:border-box}.workspace__narrow-tab-panel{position:absolute;inset:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;visibility:hidden;pointer-events:none;z-index:0}.workspace__narrow-tab-panel.is-active{visibility:visible;pointer-events:auto;z-index:1}.workspace__content--narrow .workspace__panel{flex:1;min-height:0;height:100%;overflow:hidden}.workspace__content--narrow .workspace__panel--detail{overflow-y:auto;overflow-x:hidden}.workspace__narrow-right{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--color-panel-list)}.workspace__narrow-right .workspace__panel--right-content{flex:1;min-height:0;border-top:none}.workspace__narrow-right .workspace__panel--dock{flex:0 0 auto;height:auto;border-left:none;border-top:1px solid var(--color-border);overflow:visible}.workspace__narrow-right .workspace__dock{flex-direction:row;align-items:center;justify-content:flex-start;padding:.45rem .6rem;gap:.55rem}.workspace__narrow-right .workspace__dock-separator{width:1px;height:26px;margin:0 .1rem}.workspace__narrow-right .workspace__dock-panels{flex-direction:row}.workspace__narrow-right .workspace__dock-mode-menu{inset:auto auto 42px 0}.workspace-floating-overlay{position:fixed;inset:0;z-index:120;background:#0f172a7a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.workspace>.resizable-divider{background:transparent;transition:background .25s ease;position:relative;z-index:10}.workspace>.resizable-divider-horizontal{width:3px;cursor:col-resize}.workspace>.resizable-divider:hover,.workspace>.resizable-divider.dragging{background:var(--color-cta, #0EA5A5)}.workspace>.resizable-divider .resizable-divider-handle{position:absolute;background:var(--color-cta, #0EA5A5);border-radius:3px;opacity:0;transition:opacity .25s ease;width:2px;height:36px;left:50%;top:50%;transform:translate(-50%,-50%)}.workspace>.resizable-divider:hover .resizable-divider-handle,.workspace>.resizable-divider.dragging .resizable-divider-handle{opacity:1;background:#fff}@media(max-width:1320px){.workspace{grid-template-columns:minmax(360px,40%) auto 1fr 44px}.workspace--with-right-content{grid-template-columns:minmax(360px,40%) auto 1fr auto minmax(280px,24%) 44px}}@media(max-width:860px){.workspace:not(.workspace--narrow),.workspace--with-right-content:not(.workspace--narrow){grid-template-columns:1fr!important;height:auto;overflow:visible}.workspace:not(.workspace--narrow) .workspace__panel{height:auto;overflow:visible}.workspace:not(.workspace--narrow) .workspace__panel--create{border-bottom:none}.workspace:not(.workspace--narrow) .workspace__panel--right-content{border-top:1px solid var(--color-border)}.workspace:not(.workspace--narrow) .workspace__panel--dock{border-left:none;border-top:1px solid var(--color-border);overflow:visible}.workspace:not(.workspace--narrow) .workspace__dock{flex-direction:row;align-items:center;justify-content:flex-start;padding:.45rem .6rem;gap:.55rem}.workspace:not(.workspace--narrow) .workspace__dock-separator{width:1px;height:26px;margin:0 .1rem}.workspace:not(.workspace--narrow) .workspace__dock-panels{flex-direction:row}.workspace:not(.workspace--narrow) .workspace__dock-mode-menu{inset:auto auto 42px 0}.workspace>.resizable-divider{display:none}.workspace-right-card--floating{width:calc(100vw - 1.5rem);height:calc(100vh - 1.5rem);border-radius:10px}}.task-panel-page{display:block;height:100%;min-height:0;background:var(--color-background, var(--color-bg, #f4f6fb))}.task-panel-page__workspace{height:100%;min-height:0}.task-panel-page__workspace .workspace{height:100%}.project-switcher{position:relative;display:inline-flex;align-items:center;gap:6px;min-width:0;z-index:60}.project-switcher-trigger{display:inline-flex;align-items:center;gap:6px;max-width:240px;min-height:36px;border:0;border-radius:6px;background:transparent;color:var(--color-text, var(--text-primary, #1f2328));padding:4px 8px;font-size:13px;cursor:pointer}.project-switcher-trigger:hover,.project-switcher-trigger[aria-expanded=true]{background:var(--color-surface-muted, rgba(148, 163, 184, .14))}.project-switcher-trigger:focus-visible{outline:2px solid var(--color-primary, #0969da);outline-offset:2px}.project-switcher-trigger:disabled{opacity:.6;cursor:not-allowed}.project-switcher-trigger__content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.project-switcher-trigger__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-switcher-trigger__chevron{flex:0 0 auto;color:var(--color-text-secondary, var(--text-secondary, #59636e));font-size:11px}.project-switcher-menu{position:absolute;z-index:1300;top:calc(100% + 8px);left:0;width:min(280px,calc(100vw - 24px));display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--color-border, var(--border-color, #d0d7de));border-radius:8px;background:var(--color-surface, var(--surface-color, #fff));box-shadow:0 12px 32px #0f172a2e}.project-switcher-menu__list{display:flex;flex-direction:column;gap:2px;max-height:min(320px,calc(100vh - 180px));overflow-y:auto}.project-switcher-menu__row{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:4px;border-radius:6px}.project-switcher-menu__row:hover,.project-switcher-menu__row.is-active{background:var(--color-surface-muted, rgba(148, 163, 184, .14))}.project-switcher-menu__row.is-active{outline:1px solid color-mix(in srgb,var(--color-cta, #2f7cf6) 28%,transparent)}.project-switcher-menu__item{flex:1 1 auto;min-width:0;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-radius:6px;background:transparent;color:var(--color-text, var(--text-primary, #1f2328));padding:6px 8px;text-align:left;cursor:pointer}.project-switcher-menu__item:disabled{color:var(--color-text, var(--text-primary, #1f2328));opacity:1;cursor:default}.project-switcher-menu__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.project-switcher-menu__current,.project-switcher-menu__default{flex:0 0 auto;color:var(--color-cta, var(--color-text-secondary, #59636e));font-size:11px;font-weight:600}.project-switcher-menu__default{color:var(--color-text-secondary, var(--text-secondary, #59636e))}.project-switcher-menu__error{padding:6px 8px;border-radius:6px;background:color-mix(in srgb,var(--color-error, #cf1322) 9%,var(--color-surface, #fff));color:var(--color-error, #cf1322);font-size:12px;line-height:1.4}.project-switcher-admin,.project-switcher-default{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;border:0;border-radius:6px;color:var(--color-text-secondary, var(--text-secondary, #59636e));background:transparent;text-decoration:none}.project-switcher-admin:hover,.project-switcher-default:hover{color:var(--color-text, var(--text-primary, #1f2328));background:var(--color-surface, var(--surface-color, #fff))}.project-switcher-default{cursor:pointer}.project-switcher-default:disabled{opacity:.55;cursor:not-allowed}.project-switcher-menu__actions{display:flex;flex-direction:column;gap:2px;padding-top:6px;border-top:1px solid var(--color-border, var(--border-color, #d0d7de))}.project-switcher-action{display:flex;align-items:center;gap:8px;min-height:34px;border-radius:6px;padding:6px 8px;color:var(--color-text, var(--text-primary, #1f2328));font-size:13px;text-decoration:none}.project-switcher-action:hover{background:var(--color-surface-muted, rgba(148, 163, 184, .14))}[data-theme=dark] .project-switcher-trigger,[data-theme=dark] .project-switcher-menu{box-shadow:none}[data-theme=dark] .project-switcher-menu__row:hover,[data-theme=dark] .project-switcher-menu__row.is-active{background:color-mix(in srgb,var(--color-cta, #7aa2ff) 16%,var(--color-surface-muted, #1d2128))}[data-theme=dark] .project-switcher-admin:hover,[data-theme=dark] .project-switcher-default:hover{background:color-mix(in srgb,var(--color-surface-muted, #1d2128) 72%,var(--color-surface, #171a1f))}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);padding:20px}.login-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;padding:48px 40px;max-width:420px;width:100%;text-align:center;box-shadow:0 4px 24px #00000014}.login-header{margin-bottom:32px}.login-header h1{font-size:24px;font-weight:600;margin:16px 0 8px;color:var(--text-primary)}.login-subtitle{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.login-error{background:var(--error-bg, #fef2f2);color:var(--error-color, #dc2626);border:1px solid var(--error-border, #fecaca);border-radius:8px;padding:12px 16px;margin-bottom:24px;font-size:14px;text-align:left}.google-button-wrapper{display:flex;justify-content:center}.login-provider-button{width:100%;min-height:44px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font:inherit;font-weight:500;cursor:pointer}.login-provider-button:hover{border-color:var(--primary-color)}.login-provider-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.login-loading{display:flex;justify-content:center;padding:12px 0}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.navbar{background:var(--color-surface-glass);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 90%,#ffffff 10%),color-mix(in srgb,var(--color-surface-muted) 18%,var(--color-surface) 82%));background-image:none;background-color:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);padding:.35rem 2rem;padding:.28rem 1.25rem;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm);box-shadow:0 12px 24px #0f172a0d;max-height:220px;overflow:visible;transition:max-height .2s ease,padding .2s ease,border-color .2s ease,opacity .2s ease}.navbar-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:0}.navbar h1{font-size:1.1rem;font-weight:700;color:var(--color-primary);letter-spacing:-.03em;margin:0;font-family:var(--font-display);white-space:nowrap}.navbar-title-group{display:flex;align-items:center;gap:.5rem;flex-shrink:0;min-width:0}.navbar-title-group h1{margin:0;flex-shrink:1;min-width:0}.system-info-wrapper{position:relative;flex-shrink:0}.system-info-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;width:22px;height:22px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm, 4px);padding:0;opacity:.5;transition:all var(--transition-base)}.system-info-btn:hover{opacity:1;color:var(--color-primary)}.system-info-btn.has-update{opacity:1}.system-info-badge{position:absolute;width:6px;height:6px;border-radius:999px;top:3px;right:3px;background:#ff4d4f}.system-info-dropdown{position:fixed;min-width:280px;max-width:min(450px,calc(100vw - 2rem));width:max-content;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0,0,0,.12));z-index:1000;overflow:hidden}.system-info-dropdown-title{padding:10px 14px;font-size:.8rem;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border)}.system-info-items{padding:6px 0}.system-info-item{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 14px;gap:12px}.system-info-label{font-size:.78rem;color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.system-info-value{font-size:.78rem;font-weight:500;color:var(--color-text);font-family:var(--font-mono, monospace);word-break:break-all;text-align:right;flex:1;min-width:0}.system-info-value-btn{border:none;padding:0;background:transparent;cursor:pointer}.system-info-value-btn:hover{color:var(--color-primary);text-decoration:underline}.system-info-meta{font-size:.7rem;color:var(--color-text-tertiary);font-family:var(--font-mono, monospace);margin-left:4px}.system-info-loading{padding:12px 14px;font-size:.78rem;color:var(--color-text-secondary)}.system-info-error-state{padding:12px 14px}.system-info-error{font-size:.78rem;color:var(--color-danger, #cf1322)}.system-info-retry-btn{margin-top:8px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm, 4px);background:var(--color-surface-elevated, var(--color-surface));color:var(--color-text);font-size:.75rem;padding:4px 10px;cursor:pointer}.system-info-retry-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.system-info-hint{padding:6px 14px 10px;font-size:.72rem;color:var(--color-text-tertiary)}.system-info-changelog-overlay{position:fixed;inset:0;z-index:1200;background:#00000052;display:flex;align-items:center;justify-content:center;padding:20px}.system-info-changelog-panel{width:min(780px,calc(100vw - 40px));max-height:min(80vh,720px);max-height:min(80dvh,720px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0,0,0,.12));overflow:hidden;display:flex;flex-direction:column}.system-info-changelog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--color-border)}.system-info-changelog-header-main{min-width:0}.system-info-changelog-title{font-size:.9rem;font-weight:600;color:var(--color-text)}.system-info-changelog-date{margin-top:2px;font-size:.75rem;color:var(--color-text-secondary)}.system-info-changelog-controls{margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.system-info-changelog-version-switcher{display:flex;align-items:center;gap:8px}.system-info-changelog-version-select{min-width:180px;max-width:320px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm, 4px);background:var(--color-surface-elevated, var(--color-surface));color:var(--color-text);font-size:.75rem;padding:4px 8px}.system-info-value-btn.has-update{position:relative;padding-right:16px}.system-info-value-update-dot{position:absolute;top:50%;right:6px;width:6px;height:6px;border-radius:999px;background:var(--color-danger, #cf1322);transform:translateY(-50%)}.system-info-changelog-tabs{display:inline-flex;align-items:center;gap:8px}.system-info-changelog-tab{border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-elevated, var(--color-surface));color:var(--color-text-secondary);font-size:.74rem;font-weight:600;padding:4px 10px;cursor:pointer}.system-info-changelog-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.system-info-changelog-tab.active{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.system-info-changelog-close{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-surface-elevated, var(--color-surface));color:var(--color-text);border-radius:var(--border-radius-sm, 4px);padding:0;font-size:18px;line-height:1;cursor:pointer}.system-info-changelog-close:hover{border-color:var(--color-primary);color:var(--color-primary)}.system-info-changelog-body{min-height:160px;max-height:calc(min(80vh,720px) - 64px);max-height:calc(min(80dvh,720px) - 64px);overflow:auto}.system-info-changelog-content{padding:14px;font-size:.82rem;line-height:1.6;color:var(--color-text);word-break:break-word}.system-info-changelog-content>:first-child{margin-top:0}.system-info-changelog-content>:last-child{margin-bottom:0}.system-info-changelog-content h1,.system-info-changelog-content h2,.system-info-changelog-content h3,.system-info-changelog-content h4{margin:.9em 0 .45em;color:var(--color-text);line-height:1.35}.system-info-changelog-content p{margin:.55em 0}.system-info-changelog-content ul,.system-info-changelog-content ol{margin:.55em 0 .55em 1.25em;padding:0}.system-info-changelog-content li{margin:.2em 0}.system-info-changelog-content blockquote{margin:.7em 0;padding:.25em 0 .25em .75em;border-left:3px solid var(--color-border);color:var(--color-text-secondary)}.system-info-changelog-content a{color:var(--color-primary);text-decoration:underline}.system-info-changelog-content code{font-family:var(--font-mono, monospace);background:var(--color-surface-elevated, rgba(125, 125, 125, .12));border-radius:4px;padding:.08em .35em;font-size:.92em}.system-info-changelog-content pre{overflow-x:auto;margin:.8em 0;padding:.75em;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface-elevated, rgba(125, 125, 125, .08))}.system-info-changelog-content pre code{padding:0;background:transparent;border-radius:0}.system-info-changelog-updates{display:flex;flex-direction:column;gap:10px;padding:12px}.system-info-changelog-update-item{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.system-info-changelog-update-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--color-surface-elevated, rgba(125, 125, 125, .08));border-bottom:1px solid var(--color-border)}.system-info-changelog-update-title{font-size:.82rem;font-weight:600;color:var(--color-text)}.system-info-changelog-update-date{font-size:.74rem;color:var(--color-text-secondary)}.system-info-changelog-update-item .system-info-changelog-content{padding:12px}.system-info-changelog-error{padding:14px;font-size:.78rem;color:var(--color-danger, #cf1322)}.system-info-changelog-notice{padding:10px 14px;font-size:.75rem;color:var(--color-text-secondary);background:var(--color-surface-elevated, rgba(125, 125, 125, .08));border-bottom:1px solid var(--color-border)}.nav-links{display:flex;align-items:center;gap:.35rem;min-width:0;position:relative}.nav-link{color:var(--color-text);color:var(--color-text-secondary);text-decoration:none;padding:.3rem .85rem;padding:.26rem .72rem;border:1px solid transparent;font-weight:500;font-weight:600;font-size:.8125rem;transition:all var(--transition-base);cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;border-radius:var(--radius-toggle)}.nav-link:hover{background:color-mix(in srgb,var(--color-cta) 7%,var(--color-surface));color:var(--color-text);border-color:color-mix(in srgb,var(--color-cta) 18%,var(--color-border));transform:none;box-shadow:none}.nav-link.active{background:color-mix(in srgb,var(--color-cta) 10%,var(--color-surface));background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 84%,#ffffff 16%),color-mix(in srgb,var(--color-cta) 10%,var(--color-surface)));background-image:none;background-color:color-mix(in srgb,var(--color-cta) 10%,var(--color-surface));color:var(--color-text);border-color:color-mix(in srgb,var(--color-cta) 32%,var(--color-border));box-shadow:none;box-shadow:inset 0 1px #ffffffc7}.nav-link--disabled{opacity:.6;cursor:wait}.nav-link--disabled:hover{background:transparent;color:var(--color-text-secondary);border-color:transparent}.nav-link--panel-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.2rem .32rem .2rem .75rem;border-radius:var(--radius-toggle)}.nav-link--panel-entry{border:none;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;font:inherit;padding:0}.nav-link--panel-entry:focus-visible{outline:2px solid color-mix(in srgb,var(--color-on-cta, #fff) 80%,transparent);outline-offset:2px;border-radius:var(--radius-toggle)}.nav-panel-compact-toggle{flex:0 0 auto;padding:.1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-muted);overflow:hidden}.nav-panel-compact-toggle .workspace-compact-mode-toggle__track{height:22px;min-width:68px;border-radius:999px}.nav-panel-compact-toggle .workspace-compact-mode-toggle__text{font-size:.67rem;padding:0 .35rem 0 .9rem}.nav-panel-compact-toggle .workspace-compact-mode-toggle__switch input:checked+.workspace-compact-mode-toggle__track .workspace-compact-mode-toggle__text{padding:0 .9rem 0 .35rem}.nav-panel-compact-toggle .workspace-compact-mode-toggle__knob{top:2px;border-radius:50%}.nav-panel-compact-toggle .workspace-compact-mode-toggle__switch input:checked+.workspace-compact-mode-toggle__track .workspace-compact-mode-toggle__knob{transform:translate(46px)}.nav-overflow{position:relative;flex:0 0 auto}.nav-overflow-toggle{width:34px;height:34px;border:1px solid var(--color-border);border-radius:var(--radius-toggle);background:var(--color-surface-muted);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.nav-overflow-toggle:hover,.nav-overflow-toggle.active{border-color:var(--color-cta);color:var(--color-cta)}.nav-overflow-menu{position:absolute;top:calc(100% + .45rem);right:0;min-width:220px;max-width:min(300px,calc(100vw - 1.5rem));max-height:calc(100dvh - 5rem);overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-lg, 0 12px 28px rgba(0, 0, 0, .15));padding:.35rem;z-index:1100;display:flex;flex-direction:column;gap:.2rem}.nav-overflow-menu--floating{position:fixed;top:0;right:auto}.nav-overflow-link{width:100%}.nav-overflow-link:hover{transform:none;box-shadow:none}.nav-overflow-mock{padding:.2rem .15rem;border-top:1px solid var(--color-border);margin-top:.2rem}.nav-overflow-item-title{font-size:.76rem;font-weight:600;color:var(--color-text-secondary);padding:.25rem .45rem .35rem}.nav-overflow-mock-settings .mock-dropdown-item{border-radius:8px;padding:.45rem .55rem}main{flex:1;min-height:0;overflow:hidden}.mobile-header-drag-zone{display:none}@media(max-width:860px){.mobile-header-drag-zone{display:block;flex:0 0 16px;height:16px;touch-action:none;cursor:ns-resize;background:transparent;position:relative}.mobile-header-drag-zone:before{content:"";display:block;width:44px;height:4px;margin:6px auto 0;border-radius:999px;background:var(--color-border);opacity:.75}.app--mobile-header-collapsed .navbar{max-height:0;padding-top:0;padding-bottom:0;border-bottom-color:transparent;overflow:hidden;opacity:0;pointer-events:none}.app--mobile-header-collapsed .workspace--narrow:not(.workspace--compact-mode) .workspace-tabs{display:none}.app--mobile-header-collapsed .mobile-header-drag-zone:before{width:36px;opacity:1}}@media(max-width:768px){.navbar{padding:.35rem 1rem}.navbar h1{font-size:.95rem}.nav-link{padding:.25rem .5rem;font-size:.8rem}.navbar-inner{justify-content:flex-start}.navbar-title-group{order:1}.nav-links{order:3;flex-basis:100%;width:100%;max-width:100%;flex-wrap:nowrap;gap:.25rem;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-padding-inline:.5rem;min-width:0;padding-bottom:.1rem}.nav-links::-webkit-scrollbar{height:4px}.nav-links::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 78%,transparent);border-radius:999px}.nav-links>.nav-link,.nav-links>.mock-mode-toggle,.nav-links>.nav-overflow{flex:0 0 auto}.nav-links-right{order:2;margin-left:auto;flex:0 0 auto}.mock-mode-toggle .mock-mode-btn__label{display:none}.mock-mode-toggle .mock-mode-btn{padding:0;width:34px;height:34px;min-width:34px;justify-content:center}.nav-overflow-menu{right:0;left:auto}}.tab-group{display:flex;gap:.5rem;margin-top:.5rem}.tab-button{padding:.4rem 1rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);font-weight:500;font-size:.8125rem;cursor:pointer;transition:all var(--transition-base)}.tab-button:hover{background:var(--color-bg-secondary);border-color:var(--color-cta)}.tab-button.active{background:var(--color-cta);color:var(--color-on-cta);border-color:var(--color-cta)}.single-collage-mode-switch{display:inline-flex;gap:.25rem;padding:.2rem;border:1px solid var(--color-border);border-radius:var(--radius-toggle);background:var(--color-surface)}.single-collage-mode-switch__button{width:30px;height:30px;border:1px solid transparent;border-radius:var(--radius-toggle);background:transparent;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.single-collage-mode-switch__button:hover:not(:disabled){color:var(--color-text);border-color:var(--color-border)}.single-collage-mode-switch__button.active{background:var(--color-cta);color:var(--color-on-cta);border-color:var(--color-cta)}.single-collage-mode-switch__button:disabled{opacity:.5;cursor:not-allowed}.nav-links-right{display:flex;align-items:center;gap:.25rem}.nav-links-right .language-switcher{margin-left:0;padding-left:0}.nav-links-right .user-menu{margin-left:0;padding-left:.35rem;border-left:1px solid var(--color-border)}.nav-links-right .theme-toggle-btn{margin-left:0}.language-switcher{display:flex;align-items:center;margin-left:.35rem;padding-left:.35rem}.language-switcher select{padding:.45rem 2rem .45rem .85rem;font-size:.875rem;font-weight:500;color:var(--color-text);background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:999px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;transition:all var(--transition-base)}.language-switcher select:hover{border-color:var(--color-cta);background-color:var(--color-bg-secondary)}.language-switcher select:focus{outline:none;border-color:var(--color-cta);box-shadow:0 0 0 2px #0369a11a}.user-dropdown-mobile-preferences{display:none}.mock-mode-toggle{position:relative;display:flex;align-items:center;gap:.5rem;margin-left:.35rem;padding-left:.35rem}.theme-toggle-btn,.nav-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-toggle);border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);margin-left:.25rem;padding:0}.theme-toggle-btn:hover,.nav-icon-btn:hover{border-color:var(--color-cta);color:var(--color-cta);transform:translateY(-1px);box-shadow:var(--shadow-md)}.mock-mode-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-toggle);border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:.8125rem;font-weight:500;white-space:nowrap}.mock-mode-btn:hover{border-color:var(--color-cta);color:var(--color-cta);transform:translateY(-1px);box-shadow:var(--shadow-md)}.mock-mode-btn.active{border-color:var(--color-warning);color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 8%,var(--color-surface-muted))}.mock-dropdown{position:absolute;top:100%;right:0;margin-top:.375rem;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:.375rem 0;z-index:1000}.mock-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .875rem;cursor:pointer;transition:background var(--transition-base)}.mock-dropdown-item:hover{background:var(--color-surface-muted)}.mock-dropdown-item-label{font-size:.8125rem;font-weight:500;color:var(--color-text)}.user-menu{position:relative;display:flex;align-items:center;margin-left:.25rem;padding-left:.35rem;border-left:1px solid var(--color-border)}.user-avatar-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-secondary);cursor:pointer;padding:0;transition:all var(--transition-base);overflow:hidden}.user-avatar-btn:hover{border-color:var(--color-cta);box-shadow:var(--shadow-md)}.user-avatar{width:100%;height:100%;object-fit:cover}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0,0,0,.12));min-width:200px;z-index:100;overflow:hidden}.user-dropdown-preference-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:10px 16px;border-bottom:1px solid var(--color-border);font-size:.8rem;color:var(--color-text-secondary)}.user-dropdown-preference-row select{min-width:108px;height:32px;padding:0 1.7rem 0 .65rem;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);background-color:var(--color-surface-muted);cursor:pointer}.user-dropdown-theme-toggle{width:100%;min-height:36px;display:flex;align-items:center;gap:.55rem;padding:9px 16px;border:none;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text);font-size:.82rem;text-align:left;cursor:pointer}.user-dropdown-theme-toggle:hover{background:var(--color-bg-secondary)}.user-dropdown-email{padding:12px 16px;font-size:.8rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);word-break:break-all}.user-dropdown-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--color-border)}.user-dropdown-status-label{font-size:.78rem;color:var(--color-text-secondary)}.user-dropdown-status-value{font-size:.78rem;font-weight:600}.user-dropdown-status-value.ready{color:var(--color-success, #16a34a)}.user-dropdown-status-value.not-ready{color:var(--color-warning, #d97706)}.user-dropdown-status-value.fetching{color:var(--color-primary, #1677ff)}.user-dropdown-action{display:block;width:calc(100% - 32px);margin:10px 16px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm, 4px);background:var(--color-surface-elevated, var(--color-surface));color:var(--color-text);font-size:.78rem;padding:7px 10px;cursor:pointer;transition:all var(--transition-base)}.user-dropdown-action:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.user-dropdown-action:disabled{opacity:.6;cursor:not-allowed}.user-dropdown-error{margin:-2px 16px 10px;font-size:.74rem;color:var(--color-danger, #cf1322);line-height:1.4}.user-dropdown-logout{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:transparent;color:var(--color-text);font-size:.85rem;cursor:pointer;transition:all var(--transition-base)}.user-dropdown-logout:hover{background:var(--color-bg-secondary);color:var(--color-error, #dc2626)}.toggle-switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;flex-shrink:0;vertical-align:middle;border-radius:var(--radius-toggle);overflow:hidden}.toggle-switch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.toggle-switch input:disabled{cursor:not-allowed}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);transition:all var(--transition-base);border-radius:var(--radius-toggle)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--color-surface);transition:all var(--transition-base);border-radius:var(--radius-toggle);box-shadow:0 1px 3px #0003}[data-theme=dark] .navbar,[data-theme=dark] .system-info-dropdown,[data-theme=dark] .system-info-changelog-panel,[data-theme=dark] .nav-overflow-menu,[data-theme=dark] .toggle-slider:before{box-shadow:none}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-warning)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}@media(max-width:768px){.language-switcher{margin-left:.25rem;padding-left:.5rem}.language-switcher select{padding:.375rem 1.5rem .375rem .5rem;font-size:.75rem}.mock-mode-toggle{margin-left:.25rem;padding-left:.5rem}.mock-mode-btn{font-size:.75rem;padding:.3rem .5rem}.nav-links-right--authenticated .nav-top-language-switcher,.nav-links-right--authenticated .nav-top-theme-toggle{display:none}.user-dropdown-mobile-preferences{display:block}.toggle-switch{width:36px;height:20px}.toggle-slider:before{height:14px;width:14px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}}