.kling-motion-theme{--km-bg:var(--theme-background);--km-surface:var(--theme-card);--km-surface-elevated:var(--theme-secondary);--km-accent:var(--theme-primary);--km-accent-fg:var(--theme-primary-foreground);--km-text:var(--theme-foreground);--km-muted:var(--theme-muted-foreground);--km-border:color-mix(in srgb,var(--theme-foreground) 10%,transparent);--km-border-dashed:color-mix(in srgb,var(--theme-foreground) 22%,transparent);--km-hero-gradient:linear-gradient(135deg,var(--theme-card) 0%,color-mix(in srgb,var(--theme-primary) 10%,var(--theme-card)) 50%,var(--theme-card) 100%);--km-overlay-subtle:color-mix(in srgb,var(--theme-foreground) 4%,transparent);--km-overlay-medium:color-mix(in srgb,var(--theme-foreground) 6%,transparent);--km-surface-inset:color-mix(in srgb,var(--theme-foreground) 5%,var(--theme-muted));--km-output-bg:color-mix(in srgb,var(--theme-foreground) 3%,var(--theme-background));--km-sticky-bg:var(--glass-bar-bg);--km-accent-soft:color-mix(in srgb,var(--theme-primary) 5%,transparent);--km-accent-hover:color-mix(in srgb,var(--theme-primary) 10%,transparent);--km-text-secondary:color-mix(in srgb,var(--theme-foreground) 72%,transparent);--km-text-tertiary:color-mix(in srgb,var(--theme-foreground) 65%,transparent);--km-toggle-off:var(--theme-border);--km-toggle-thumb:var(--theme-card);--km-badge-bg:color-mix(in srgb,var(--theme-background) 78%,transparent);--km-skeleton:color-mix(in srgb,var(--theme-foreground) 8%,var(--theme-muted));--km-radius:16px;--km-radius-sm:12px;--km-touch-min:44px;background:var(--km-bg);color:var(--km-text);min-height:100dvh}.dark .kling-motion-theme{--km-border:color-mix(in srgb,var(--theme-foreground) 8%,transparent);--km-border-dashed:color-mix(in srgb,var(--theme-foreground) 18%,transparent);--km-surface-inset:color-mix(in srgb,var(--theme-foreground) 8%,var(--theme-muted));--km-output-bg:color-mix(in srgb,var(--theme-foreground) 6%,var(--theme-background));--km-toggle-off:#333333}.kling-motion-theme .km-page{margin-inline:auto;width:100%;max-width:1280px;padding:1rem 1rem 7rem}@media (min-width:768px){.kling-motion-theme .km-page{padding:1.5rem 1.5rem 2rem}}.kling-motion-theme .km-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.kling-motion-theme .km-topbar-back{font-size:.875rem;color:var(--km-muted);transition:color .15s}.kling-motion-theme .km-topbar-back:hover{color:var(--km-text)}.kling-motion-theme .km-topbar-pill{display:inline-flex;min-height:var(--km-touch-min);align-items:center;gap:.375rem;border-radius:9999px;border:1px solid var(--km-border);background:var(--km-overlay-subtle);padding:0 .875rem;font-size:.75rem;color:var(--km-text);backdrop-filter:blur(8px)}.kling-motion-theme .km-layout{display:grid;width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:1rem}@media (min-width:1280px){.kling-motion-theme .km-layout{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:1.25rem;align-items:start}}.kling-motion-theme .km-controls{display:flex;flex-direction:column;gap:.75rem}.kling-motion-theme .km-hero-compact{border-radius:var(--km-radius);border:1px solid var(--km-border);background:var(--km-hero-gradient);padding:1rem 1.125rem}.kling-motion-theme .km-hero-title{color:var(--km-accent);font-size:1.125rem;font-weight:800;letter-spacing:.06em;line-height:1.2}@media (min-width:768px){.kling-motion-theme .km-hero-title{font-size:1.375rem}}.kling-motion-theme .km-hero-sub{margin-top:.375rem;font-size:.8125rem;line-height:1.45;color:var(--km-text-secondary)}.kling-motion-theme .km-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;position:relative}@media (min-width:768px){.kling-motion-theme .km-upload-flow-arrow{position:absolute;inset-inline-start:50%;top:50%;z-index:2;transform:translate(-50%,-50%);display:flex;height:1.75rem;width:1.75rem;align-items:center;justify-content:center;border-radius:9999px;background:var(--km-bg);border:1px solid var(--km-border);color:var(--km-muted);pointer-events:none}[dir=rtl] .kling-motion-theme .km-upload-flow-arrow{transform:translate(50%,-50%)}}.kling-motion-theme .km-upload-box{position:relative;display:flex;min-height:148px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;border:1px dashed var(--km-border-dashed);border-radius:var(--km-radius);padding:.75rem;text-align:center;transition:border-color .15s,background .15s}.kling-motion-theme .km-upload-box:hover:not(.km-upload-box--disabled){border-color:var(--km-accent-hover);background:var(--km-accent-soft)}.kling-motion-theme .km-upload-box--error{border-color:var(--theme-destructive)}.kling-motion-theme .km-upload-box--disabled{pointer-events:none;opacity:.55}.kling-motion-theme .km-upload-icon-wrap{display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:9999px;background:var(--km-overlay-medium);color:var(--km-text)}.kling-motion-theme .km-upload-label{font-size:.75rem;font-weight:600}.kling-motion-theme .km-upload-hint{font-size:.625rem;color:var(--km-muted);line-height:1.35}.kling-motion-theme .km-upload-badge{margin-top:.125rem;border-radius:9999px;background:var(--km-badge-bg);padding:.125rem .5rem;font-size:.625rem;color:var(--km-accent)}.kling-motion-theme .km-settings-card{overflow:hidden;border-radius:var(--km-radius);border:1px solid var(--km-border);background:var(--km-surface)}.kling-motion-theme .km-row{display:flex;width:100%;min-height:var(--km-touch-min);align-items:center;justify-content:space-between;gap:.75rem;border:none;background:transparent;padding:.875rem 1rem;text-align:start;color:inherit}.kling-motion-theme .km-row+.km-row,.kling-motion-theme .km-row-divider{border-top:1px solid var(--km-border)}.kling-motion-theme .km-row-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--km-muted)}.kling-motion-theme .km-row-value{margin-top:.125rem;font-size:.875rem;font-weight:500}.kling-motion-theme .km-scene-block{padding:.875rem 1rem;border-top:1px solid var(--km-border)}.kling-motion-theme .km-segment{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;border-radius:var(--km-radius-sm);background:var(--km-surface-inset);padding:.25rem}.kling-motion-theme .km-segment-btn{display:flex;min-height:var(--km-touch-min);align-items:center;justify-content:center;gap:.375rem;border-radius:.625rem;border:none;background:transparent;font-size:.8125rem;color:var(--km-muted);transition:background .15s,color .15s}.kling-motion-theme .km-segment-btn--active{background:var(--km-surface-elevated);color:var(--km-text)}.kling-motion-theme .km-toggle{position:relative;height:1.75rem;width:3rem;flex-shrink:0;border-radius:9999px;border:none;background:var(--km-toggle-off);transition:background .15s}.kling-motion-theme .km-toggle--on{background:var(--km-accent)}.kling-motion-theme .km-toggle-thumb{position:absolute;top:.125rem;height:1.5rem;width:1.5rem;border-radius:9999px;background:var(--km-toggle-thumb);box-shadow:0 1px 2px rgb(0 0 0/.15);transition:transform .15s}.kling-motion-theme .km-toggle--on .km-toggle-thumb{inset-inline-start:calc(100% - 1.625rem)}.kling-motion-theme .km-toggle:not(.km-toggle--on) .km-toggle-thumb{inset-inline-start:.125rem}.kling-motion-theme .km-cta{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--km-radius);background:var(--km-accent);color:var(--km-accent-fg);font-size:.9375rem;font-weight:700;transition:opacity .15s,transform .1s}.kling-motion-theme .km-cta:hover:not(:disabled){opacity:.92}.kling-motion-theme .km-cta:active:not(:disabled){transform:scale(.99)}.kling-motion-theme .km-cta:disabled{opacity:.45;cursor:not-allowed}.kling-motion-theme .km-output-shell{position:relative;min-height:280px;overflow:hidden;border-radius:var(--km-radius);border:1px solid var(--km-border);background:var(--km-output-bg)}@media (min-width:768px){.kling-motion-theme .km-output-shell{position:sticky;top:1rem;min-height:calc(100dvh - 5.5rem)}}.kling-motion-theme .km-output-inner{display:flex;min-height:inherit;flex-direction:column;padding:1rem}.kling-motion-theme .km-output-header{margin-bottom:.75rem;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--km-muted)}.kling-motion-theme .km-output-stage{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--km-radius-sm);border:1px dashed var(--km-border);background:radial-gradient(ellipse at center,var(--km-accent-soft) 0,transparent 70%);min-height:220px}.kling-motion-theme .km-sticky-bar{position:fixed;inset-inline:0;bottom:0;z-index:30;border-top:1px solid var(--km-border);background:var(--km-sticky-bg);padding:1rem 1rem max(1rem,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}@media (min-width:768px){.kling-motion-theme .km-sticky-bar{display:none}}.kling-motion-theme .km-steps-list{margin:0;padding-inline-start:1.25rem;font-size:.8125rem;line-height:1.6;color:var(--km-text-tertiary)}.kling-motion-theme .km-video-result{width:100%;border-radius:var(--km-radius-sm);background:#000000}.kling-motion-theme .km-input{margin-top:.375rem;width:100%;border-radius:var(--km-radius-sm);border:1px solid var(--km-border);background:var(--km-surface-inset);padding:.625rem;font-size:.875rem;color:var(--km-text)}.kling-motion-theme .km-input::placeholder{color:var(--km-muted)}.kling-motion-theme .km-btn-ghost{border-radius:var(--km-radius-sm);border:1px solid var(--km-border);padding:.5rem .75rem;font-size:.875rem;color:var(--km-text);transition:background .15s}.kling-motion-theme .km-btn-ghost:hover{background:var(--km-overlay-subtle)}.kling-motion-theme .km-guest-banner{border:1px solid color-mix(in srgb,var(--theme-warning) 30%,transparent);background:color-mix(in srgb,var(--theme-warning) 10%,transparent);color:color-mix(in srgb,var(--theme-warning) 82%,var(--theme-foreground))}.kling-motion-theme .km-dialog-surface{border-color:var(--km-border)!important;background:var(--km-surface)!important;color:var(--km-text)!important}.kling-motion-theme .km-dialog-item{width:100%;border-radius:.5rem;border:1px solid var(--km-border);padding:.75rem;text-align:start;transition:border-color .15s,background .15s}.kling-motion-theme .km-dialog-item--active{border-color:var(--km-accent);background:var(--km-accent-soft)}.kling-motion-theme .km-dialog-steps{list-style:decimal;padding-inline-start:1.25rem;font-size:.875rem;color:var(--km-text-secondary)}@media (prefers-reduced-motion:reduce){.kling-motion-theme .km-cta,.kling-motion-theme .km-toggle-thumb,.kling-motion-theme .km-upload-box{transition:none}}