.kling-fields{display:grid;gap:16px;max-width:700px}.kling-fields label{display:grid;gap:8px}.kling-fields select,.kling-fields textarea,.kling-fields input{width:100%;padding:12px;background:var(--bg,#fff);color:inherit;border:1px solid currentColor;border-radius:0;font:inherit}.kling-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kling-source-preview{max-height:260px;max-width:100%;object-fit:contain;justify-self:start}.kling-result video{width:100%;max-height:500px}.kling-admin-actions{display:flex;gap:10px;margin-top:16px}#klingStatus{min-height:1.5em}#klingProgress{width:100%}#klingJobId{overflow-wrap:anywhere}#videoOptions[hidden],#klingResult[hidden],#klingUploadLabel[hidden],#klingSourceFrame[hidden],#klingSourcePreview[hidden],#klingProgress[hidden]{display:none}

.kling-switches{display:grid;gap:8px}.kling-fields .kling-switch{display:flex;align-items:center;gap:10px;cursor:pointer}.kling-fields .kling-switch input{appearance:none;width:40px;height:24px;padding:2px;border-radius:14px;flex-shrink:0;background:var(--bg,#fff);cursor:pointer}.kling-switch input::before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:currentColor;transition:transform .15s}.kling-switch input:checked::before{transform:translateX(14px)}.kling-fields .kling-switch input:checked{background:var(--accent,#7067ee);color:var(--accent-on,#fff)}.kling-switch input:focus-visible{outline:2px solid currentColor;outline-offset:3px}.kling-switch input:disabled{opacity:.5;cursor:default}.kling-switches small{margin:0 0 8px 50px;line-height:1.4}

.kling-choices{display:flex;gap:8px;margin-top:8px}.kling-choices .btn{flex:1;padding:10px 12px;white-space:nowrap}.kling-choices .btn[aria-pressed="true"]{background:var(--accent,#7067ee);color:var(--accent-on,#fff);border-color:var(--accent,#7067ee)}@media(max-width:480px){.kling-settings{grid-template-columns:1fr}}

.kling-source-frame{margin:0;display:grid;gap:12px}.kling-source-frame figcaption{display:grid;gap:5px}.kling-source-frame .kling-source-preview{display:block;max-height:320px;width:auto;height:auto;max-width:100%;justify-self:start}


#klingSource[hidden]{display:none}.video-result .preview-frame{aspect-ratio:3/4;height:auto;overflow:hidden}.video-result .preview-frame video{display:block;width:100%;height:100%;object-fit:contain}

#klingStatus:empty{display:none}

#klingSuggest{display:inline-flex;align-items:center;justify-content:center;gap:10px}
#klingSuggest[aria-busy="true"]::before{content:"";width:18px;height:18px;flex-shrink:0;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:kling-spin .8s linear infinite}
@keyframes kling-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#klingSuggest[aria-busy="true"]::before{animation:none}}