.kling-motion-theme{--km-bg:#0d0d0d;--km-surface:#1a1a1a;--km-surface-elevated:#222222;--km-accent:#dfff00;--km-accent-fg:#0d0d0d;--km-text:#ffffff;--km-muted:#888888;--km-border:rgba(255,255,255,0.08);--km-border-dashed:#3a3a3a;--km-radius:16px;--km-radius-sm:12px;--km-touch-min:44px;background:var(--km-bg);color:var(--km-text);min-height:100dvh}.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:rgba(255,255,255,.04);padding:0 .875rem;font-size:.75rem;color:var(--km-text);backdrop-filter:blur(8px)}.kling-motion-theme .km-layout{display:grid;gap:1rem}@media (min-width:768px){.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:linear-gradient(135deg,#1a1a1a,#242418 50%,#1a1a1a);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:rgba(255,255,255,.72)}.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:rgba(223,255,0,.35);background:rgba(223,255,0,.03)}.kling-motion-theme .km-upload-box--error{border-color:#ef4444}.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:rgba(255,255,255,.06);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:rgba(0,0,0,.55);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:rgba(0,0,0,.35);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:#333;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:#fff;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:#0a0a0a}@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 rgba(255,255,255,.1);background:radial-gradient(ellipse at center,rgba(223,255,0,.04) 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:rgba(13,13,13,.96);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:rgba(255,255,255,.65)}.kling-motion-theme .km-video-result{width:100%;border-radius:var(--km-radius-sm);background:#000}@media (prefers-reduced-motion:reduce){.kling-motion-theme .km-cta,.kling-motion-theme .km-toggle-thumb,.kling-motion-theme .km-upload-box{transition:none}}