.a2e-kling-klingElementControl{position:relative;display:flex;width:100%;min-width:0;flex-direction:column;gap:6px}.a2e-kling-klingElementHeader{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:12px}.a2e-kling-klingElementPromptHint{min-width:0;color:var(--muted-foreground);font-size:12px;line-height:1.5}.a2e-kling-klingElementButton{height:26px;padding:0 8px;border-color:var(--primary);color:var(--primary)}.a2e-kling-klingElementLibraryDescription{margin:0 0 12px;color:var(--muted-foreground);font-size:13px;line-height:1.5}.a2e-kling-klingMentionQuickAction{position:fixed;z-index:45;display:grid;gap:2px;padding:5px;border:1px solid var(--border);border-radius:5px;color:var(--foreground);background:var(--background);box-shadow:0 5px 16px rgba(0,0,0,.14);font-size:13px;text-align:left;pointer-events:auto}.a2e-kling-klingMentionQuickAction small{padding:4px 6px 1px;color:var(--muted-foreground);font-size:11px}.a2e-kling-klingMentionCandidate,.a2e-kling-klingMentionQuickPrimary{display:flex;width:100%;min-width:0;align-items:center;gap:8px;padding:6px;border:0;border-radius:3px;color:var(--foreground);background:rgba(0,0,0,0);font:inherit;font-size:13px;text-align:left;cursor:pointer}.a2e-kling-klingMentionCandidate:hover,.a2e-kling-klingMentionQuickPrimary:hover{background:rgba(var(--primary-rgb),.08)}.a2e-kling-klingMentionCandidate img{width:24px;height:24px;flex:0 0 24px;border-radius:3px;object-fit:cover}.a2e-kling-klingMentionQuickIcon{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:4px;color:var(--primary);background:rgba(var(--primary-rgb),.1)}.a2e-kling-klingElementLibraryPanel{position:fixed;z-index:40;top:0;right:0;left:32vw;display:grid;height:100vh;grid-template-rows:64px minmax(0,1fr);border-left:1px solid var(--border);background:var(--background);box-shadow:-8px 0 22px rgba(30,23,55,.1);pointer-events:auto}.a2e-kling-klingElementLibraryPanelHeader{display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid var(--border)}.a2e-kling-klingElementLibraryPanelHeader strong{color:var(--foreground);font-size:16px;font-weight:600}.a2e-kling-klingElementLibraryPanelHeader span{padding:5px 12px;border-radius:4px;color:var(--muted-foreground);background:rgba(var(--primary-rgb),.08);font-size:13px}.a2e-kling-klingElementLibraryPanelHeader button{margin-left:auto}.a2e-kling-klingElementLibraryPanelBody{overflow:auto;padding:18px 16px 24px}.a2e-kling-klingElementLibraryTitle{margin:0;padding:0 0 9px;border-bottom:2px solid var(--primary);color:var(--primary);width:fit-content;font-size:14px;font-weight:600}.a2e-kling-klingElementCategoryNav{display:flex;align-items:center;gap:4px;min-height:42px;margin:0 0 12px;padding:0 4px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.a2e-kling-klingElementCategoryNav button{height:30px;padding:0 11px;border:0;border-radius:4px;color:var(--muted-foreground);background:rgba(0,0,0,0);font:inherit;font-size:13px;cursor:pointer}.a2e-kling-klingElementCategoryNav button:hover,.a2e-kling-klingElementCategoryNav button[data-selected]{color:var(--primary);background:rgba(var(--primary-rgb),.1)}.a2e-kling-klingElementLibraryGrid{display:grid;max-height:min(58vh,560px);grid-template-columns:repeat(auto-fill,minmax(180px,214px));gap:8px;overflow:auto;padding:2px}.a2e-kling-klingElementLibraryCard{position:relative;overflow:hidden;min-height:0;aspect-ratio:3/4;padding:0;border:1px solid var(--border);border-radius:5px;background:var(--muted)}.a2e-kling-klingElementLibraryCard:hover,.a2e-kling-klingElementLibraryCardSelected{border-color:var(--primary)}.a2e-kling-klingElementLibraryCardSelected{border-width:2px}.a2e-kling-klingElementLibraryCard[data-disabled]{opacity:.78}.a2e-kling-klingElementLibraryCardButton{position:absolute;inset:0;padding:0;border:0;color:inherit;background:rgba(0,0,0,0);cursor:pointer}.a2e-kling-klingElementLibraryCardButton:disabled{cursor:default}.a2e-kling-klingElementLibraryCheck{position:absolute;z-index:2;top:8px;left:8px;display:inline-grid;width:20px;height:20px;place-items:center;border:1px solid var(--primary);border-radius:3px;color:#fff;background:hsla(0,0%,100%,.92);font-size:14px;line-height:1}.a2e-kling-klingElementLibraryCheck[data-selected]{background:var(--primary)}.a2e-kling-klingElementLibraryCardText{position:absolute;z-index:1;inset:auto 0 0;display:grid;width:100%;min-height:52px;padding:17px 8px 8px;background:linear-gradient(transparent,rgba(255,255,255,.94) 48%);color:#1f1f1f;justify-items:center;text-align:center}.a2e-kling-klingElementLibraryCardText strong{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.a2e-kling-klingElementLibraryCardText small{color:var(--muted-foreground);font-size:12px}.a2e-kling-klingElementAssetDelete{position:absolute;z-index:3;top:8px;right:8px;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border:0;border-radius:50%;color:var(--foreground);background:hsla(0,0%,100%,.92);cursor:pointer}.a2e-kling-klingElementAssetDelete:hover{color:var(--destructive)}.a2e-kling-klingElementLibraryEmpty{display:flex;min-height:180px;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:6px;color:var(--muted-foreground);font-size:13px}.a2e-kling-klingElementCreateCard{display:grid;min-height:0;aspect-ratio:3/4;place-content:center;gap:7px;border:1px dashed var(--border);border-radius:5px;color:var(--muted-foreground);background:rgba(var(--primary-rgb),.025);font:inherit;font-size:12px;cursor:pointer}.a2e-kling-klingElementCreateCard span{color:var(--primary);font-size:24px;line-height:1}.a2e-kling-klingElementCreateCard:hover{border-color:var(--primary);color:var(--primary)}.a2e-kling-klingElementLibrarySelectionNote{grid-column:1/-1;padding-top:4px;color:var(--muted-foreground);font-size:13px}.a2e-kling-klingElementCreateDialog{width:min(100vw - 32px,720px)}.a2e-kling-klingVoiceCreateDialog{width:min(100vw - 32px,460px)}.a2e-kling-klingAssetModalRoot{position:fixed;z-index:40;inset:0;display:flex;align-items:center;justify-content:center;padding:16px}.a2e-kling-klingAssetModalMask{position:absolute;inset:0;background:rgba(0,0,0,.5)}.a2e-kling-klingAssetModalDialog{position:relative;z-index:1;display:grid;gap:16px;max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--border);border-radius:8px;background:var(--background);box-shadow:0 16px 48px rgba(21,18,32,.24)}.a2e-kling-klingAssetModalHeader{display:flex;align-items:center;gap:12px}.a2e-kling-klingAssetModalHeader h2{margin:0;color:var(--foreground);font-size:18px;font-weight:600}.a2e-kling-klingAssetModalHeader button{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;margin-left:auto;border:0;border-radius:4px;color:var(--foreground);background:rgba(0,0,0,0);cursor:pointer}.a2e-kling-klingAssetModalHeader button:hover{background:var(--muted)}.a2e-kling-klingElementCreateForm,.a2e-kling-klingVoiceCreateForm{display:grid;gap:12px}.a2e-kling-klingElementMediaRow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:10px;border:1px solid var(--border);border-radius:6px;background:rgba(var(--primary-rgb),.025)}.a2e-kling-klingElementAdditionalCard,.a2e-kling-klingElementFrontCard,.a2e-kling-klingVoiceUploadBox{position:relative;display:grid;min-height:210px;place-items:center;overflow:hidden;border:1px dashed var(--border);border-radius:6px;color:var(--muted-foreground);background:var(--background);text-align:center;cursor:pointer}.a2e-kling-klingElementAdditionalCard input,.a2e-kling-klingElementFrontCard input,.a2e-kling-klingVoiceUploadBox input{display:none}.a2e-kling-klingElementUploadTrigger{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;color:inherit;background:rgba(0,0,0,0);cursor:pointer}.a2e-kling-klingElementFrontCard span{position:absolute;z-index:1;inset:auto 8px 8px;padding:5px 8px;border-radius:4px;color:#fff;background:rgba(0,0,0,.45);font-size:12px}.a2e-kling-klingElementAdditionalCard{align-content:center;justify-items:stretch;padding:10px}.a2e-kling-klingElementAdditionalPreviewList{display:flex;min-height:110px;align-items:stretch;gap:8px;overflow-x:auto}.a2e-kling-klingElementAdditionalPreviewList span{position:relative;z-index:1;overflow:hidden;width:78px;flex:0 0 78px;border-radius:5px;background:var(--muted)}.a2e-kling-klingElementAdditionalPlaceholder{display:grid;gap:6px;place-items:center;padding:14px;font-size:13px;cursor:pointer}.a2e-kling-klingElementAdditionalPlaceholder small,.a2e-kling-klingVoiceUploadBox small{color:var(--muted-foreground);font-size:12px}.a2e-kling-klingElementMediaDelete{position:absolute;z-index:6;top:8px;right:8px;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border:0;border-radius:50%;color:var(--destructive);background:hsla(0,0%,100%,.92);cursor:pointer}.a2e-kling-klingElementCreateHint{margin:-4px 0 0;color:var(--muted-foreground);font-size:12px}.a2e-kling-klingVoicePicker{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.a2e-kling-klingVoicePickerTile{position:relative;display:grid;min-width:82px;min-height:62px;place-items:center;gap:3px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;color:var(--foreground);background:var(--background);font:inherit;font-size:12px;cursor:pointer}.a2e-kling-klingVoicePickerTile[data-selected]{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.08)}.a2e-kling-klingVoicePickerTile[data-unavailable]{color:var(--muted-foreground);cursor:default}.a2e-kling-klingVoicePickerTile small{color:var(--muted-foreground);font-size:11px}.a2e-kling-klingVoiceDeleteButton,.a2e-kling-klingVoicePreviewButton{position:absolute;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border:0;border-radius:50%;background:hsla(0,0%,100%,.92);cursor:pointer}.a2e-kling-klingVoicePreviewButton{left:4px;bottom:4px;color:var(--primary)}.a2e-kling-klingVoiceDeleteButton{top:4px;right:4px;color:var(--destructive)}.a2e-kling-klingVoicePreviewAudio{width:100%;height:36px}.a2e-kling-klingElementCreateNameRow{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:10px}.a2e-kling-klingElementCreateNameRow select{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:4px;background:var(--background)}.a2e-kling-klingElementDescriptionInput{min-height:96px;resize:vertical;padding:10px 11px;border:1px solid var(--border);border-radius:4px;background:var(--background);font:inherit;font-size:13px;outline:none}.a2e-kling-klingElementDescriptionInput:focus{border-color:var(--primary)}.a2e-kling-klingElementDialogFooter{display:flex;justify-content:flex-end;gap:8px}.a2e-kling-klingVoiceUploadBox{min-height:134px;gap:6px}@media(max-width:767px){.a2e-kling-klingMentionQuickAction{max-width:calc(100vw - 24px)}.a2e-kling-klingElementHeader{gap:8px}.a2e-kling-klingElementPromptHint{overflow-wrap:anywhere}.a2e-kling-klingElementLibraryPanel{top:0;right:0;left:0!important;width:100dvw;max-width:100dvw;min-width:0;height:100dvh;grid-template-rows:54px minmax(0,1fr);border-left:0;overflow-x:hidden}.a2e-kling-klingElementLibraryPanelHeader{gap:10px;padding:0 12px}.a2e-kling-klingElementLibraryPanelHeader span{padding:5px 8px}.a2e-kling-klingElementLibraryPanelBody{min-width:0;padding:12px;overflow-x:hidden}.a2e-kling-klingElementCategoryNav{overflow-x:auto;scrollbar-width:none}.a2e-kling-klingElementCategoryNav::-webkit-scrollbar{display:none}.a2e-kling-klingElementLibraryGrid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.a2e-kling-klingAssetModalRoot{padding:12px}.a2e-kling-klingAssetModalDialog{width:min(100%,392px);max-height:calc(100dvh - 24px);padding:20px}.a2e-kling-klingElementCreateForm,.a2e-kling-klingElementDialogFooter,.a2e-kling-klingVoiceCreateForm{width:min(100%,360px);margin-right:auto;margin-left:auto}.a2e-kling-klingElementAdditionalCard,.a2e-kling-klingElementFrontCard,.a2e-kling-klingVoiceUploadBox{width:100%}.a2e-kling-klingElementFrontCard{min-height:132px}.a2e-kling-klingElementAdditionalCard{min-height:160px}.a2e-kling-klingElementCreateNameRow,.a2e-kling-klingElementMediaRow{grid-template-columns:1fr}}