@charset "UTF-8";.prompt-tooltip-content-materials{width:200px;height:200px;position:relative;background:var(--color-bg-page);border-radius:4px;overflow:hidden}.prompt-tooltip-content-materials .materials-name{position:absolute;bottom:8px;left:8px;border-radius:4px;font-weight:400;font-size:12px;line-height:20px;padding:0 4px;background-color:var(--color-other-6);backdrop-filter:blur(40px);z-index:3}.prompt-tooltip-content-materials img,.prompt-tooltip-content-materials .video-player-container{width:100%;height:100%;object-fit:contain;position:relative;z-index:2}.prompt-tooltip-content-materials .filter-bg{position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%;filter:blur(32px);opacity:.5;z-index:1}.prompt-tooltip-content-subject{padding:8px;max-width:436px;min-width:313px}.prompt-tooltip-content-subject .video-area{width:fit-content;height:132px;border-radius:8px;overflow:hidden}.prompt-tooltip-content-subject .image-list{min-width:313px;display:flex;justify-content:flex-start;gap:8px}.prompt-tooltip-content-subject .image-list img{width:99px;height:132px;object-fit:cover;border-radius:8px;object-position:top}.prompt-tooltip-content-subject .form-label{font-size:12px;line-height:20px;color:var(--color-text-2);padding-top:8px}.prompt-tooltip-content-subject .timbre-value{align-items:center!important}.prompt-tooltip-content-subject .form-value{font-size:14px;line-height:24px;max-height:96px;display:flex;align-items:flex-start;gap:4px;overflow-y:auto}.prompt-tooltip-content-subject .form-value::-webkit-scrollbar{display:none}.prompt-tooltip-content-subject .form-value .audio-area{flex-shrink:0;width:17px;height:17px;border-radius:50%;background:linear-gradient(132.9deg,#30a967 -.99%,#c0ca29 129.99%);display:flex;justify-content:center;align-items:center;cursor:pointer}.prompt-tooltip-content-subject .detail-box{display:flex;flex-wrap:wrap;background:var(--color-bg-tertiary);padding:12px;border-radius:8px;margin-top:16px;gap:12px}.prompt-tooltip-content-subject .subject-form-item{flex:1}.prompt-tooltip-content-subject .subject-form-item .form-label{padding-top:0}.prompt-tooltip-content-subject .subject-form-item-full{flex:0 0 100%}.prompt-container{user-select:text;font-weight:400;font-size:13px;line-height:28px;vertical-align:middle;color:var(--color-text-1);position:relative}.prompt-container .omni-prompt-option{cursor:pointer;position:absolute;bottom:0;right:0;background-color:var(--bg-color);display:inline-flex;align-items:center;justify-content:space-between;width:46px}.prompt-container .omni-prompt-put-away{cursor:pointer;display:inline-flex;align-items:center}.prompt-container span{vertical-align:middle;user-select:text}.prompt-container.show-all-prompt{height:100%;color:var(--color-text-1);font-size:13px}.prompt-container.detail-prompt{color:var(--color-text-1)}.prompt-container .prompt-text{display:inline;margin-right:4px;white-space:pre-line}.prompt-container .material{margin-right:4px;height:20px;border-radius:4px;overflow:hidden;display:inline-flex;align-items:center;vertical-align:middle;background-color:var(--color-other-1)}.prompt-container .material.index_0{margin-left:0}.prompt-container .material img{width:20px;height:20px;border-radius:4px 0 0 4px;object-fit:cover;background-color:var(--color-other-1)}.prompt-container .material span{padding:0 6px;display:inline-flex;align-items:center;color:var(--color-text-2-light)}.prompt-container .material:first-child{margin-left:0}.prompt-container .cursor-hover{cursor:pointer}.material{max-width:100%;gap:4px}.material-wrap{display:inline-flex;max-width:100%}.material-wrap span{flex:1;min-width:0;padding:0!important}.material-wrap .name-container{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;min-width:0;padding-right:4px!important;margin-left:-2px}.creation-input-background-transition,.creation-input{width:640px;height:56px;position:absolute;left:50%;bottom:0;transform:translate(-50%) translateZ(0);box-shadow:0 4px 24px #00000052,0 4px 12px #0003,.5px .5px .5px #ffffff8f inset,-.5px -.5px .5px #ffffff52 inset;transition:opacity .3s ease-out,width .15s linear,height .15s linear}.creation-input-background-transition.switching-to-lightweight,.creation-input.switching-to-lightweight{transition:opacity .3s ease-out,width .24s ease-out,height .24s ease-out}.creation-input-background-transition{border-radius:16px;z-index:1;opacity:0;display:none;background-image:linear-gradient(180deg,#0a0a0ae0,#1f2124e0);backdrop-filter:blur(32px);box-shadow:.5px .5px .5px #ffffff7a inset,-.5px -.5px .5px #ffffff47 inset}.creation-input-background-transition.switching-to-expand,.creation-input-background-transition.switching-to-lightweight{display:block}.creation-input-background-transition.expand-step-1{width:100%;opacity:1;height:var(--v5417ea7e)}.creation-input-background-transition.expand-step-3,.creation-input-background-transition.expand{opacity:0}.creation-input{border-radius:12px;background:linear-gradient(90deg,#2b2e33c2,#111214c2);overflow:visible;opacity:1;z-index:2;backdrop-filter:blur(16px)}.creation-input>div{transition:all .15s}.creation-input.expand-step-1{width:100%;opacity:0;height:var(--v5417ea7e)}.creation-input.expand-step-1>div{opacity:0}.creation-input.expanded{width:1000px;height:160px;border-radius:12px;border:1px solid var(-----color-border-focused, #e1e6eb);background:linear-gradient(90deg,#33373da3,#1a1c1fa3);box-shadow:0 4px 8px #222429a3;backdrop-filter:blur(50px)}.creation-input.disabled{opacity:.6;cursor:not-allowed}.border-effect{position:absolute;top:-6px;left:-4px;width:calc(100% + 8px);height:calc(100% + 12px);border-radius:18px;pointer-events:none;z-index:-1;opacity:0;transition:opacity .3s ease-out,top .3s ease,left .3s ease,width .3s ease,height .3s ease;background-size:contain;background-position:center;background-repeat:no-repeat}.creation-input:not(.expanded) .border-effect{opacity:1}.creation-input.expanded .border-effect{opacity:0;transition:none}.main-container{display:flex;align-items:flex-start;position:relative;z-index:2;width:100%;height:100%}.main-container.has-files,.main-container.no-files{flex-direction:row}.upload-section{flex-shrink:0;width:84px;height:100%;padding:0;position:relative;transform:translateY(-6px);transition:all .2s ease}.creation-input:not(.expanded) .upload-section{transform:translateY(-52px)}.upload-section.double-image-mode{width:98px}.upload-section.double-image-mode .uploaded-file.first-position{top:42px}.upload-section.double-image-mode .uploaded-file.second-position{top:30px}.upload-section.double-image-mode .file-content{width:40px;height:54px}.upload-section:hover{border-radius:12px}.upload-section .uploaded-file{position:absolute;overflow:visible;transition:all .2s ease}.upload-section .uploaded-file.first-position{left:16px;top:36px;transform:rotate(-8deg);z-index:2}.upload-section .uploaded-file.second-position{left:46px;top:24px;transform:rotate(8deg);z-index:1}.upload-section .uploaded-file:first-child:not(.first-position):not(.second-position){left:20px;top:3px;transform:rotate(-8deg)}.upload-section .uploaded-file:nth-child(2):not(.first-position):not(.second-position){left:70px;top:20px;transform:rotate(8deg)}.upload-section .uploaded-file:hover .file-content{box-shadow:0 0 4px #ffffff52 inset,0 4px 8px #222429a3,0 4px 12px #00000026}.upload-section .uploaded-file:hover{transform-origin:center center}.upload-section .uploaded-file.first-position:hover,.upload-section .uploaded-file:first-child:not(.first-position):not(.second-position):hover{transform:rotate(-8deg) scale(1.05)}.upload-section .uploaded-file.second-position:hover,.upload-section .uploaded-file:nth-child(2):not(.first-position):not(.second-position):hover{transform:rotate(8deg) scale(1.05)}.upload-section .file-content{width:48px;height:64px;border-radius:8px;overflow:hidden;transition:all .2s ease;box-shadow:0 2px 4px #00000014,.5px .5px .5px #ffffffe0 inset,-.5px -.5px .5px #ffffff52 inset;border:.5px solid rgba(255,255,255,.48);background:#626366}.upload-section .file-content img{width:100%;height:100%;object-fit:cover}.upload-section .remove-file{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:none;border:none;border-radius:50%;cursor:pointer;color:var(--color-theme-1);transition:all .2s ease;z-index:10;opacity:0;display:flex;align-items:center;justify-content:center}.upload-section .uploaded-file:hover .remove-file{opacity:1}.upload-section .upload-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:64px;aspect-ratio:3/4;border-radius:8px;background:#4c4c4d;box-shadow:0 2px 4px #00000014,.5px .5px .5px #fff9 inset,-.5px -.5px .5px #ffffff52 inset;color:var(--color-text-tertiary);cursor:pointer;transition:all .1s ease}.upload-section .upload-icon.first-position{left:20px;top:32px;transform:rotate(-8deg)}.upload-section .upload-icon.second-position{left:70px;top:20px;transform:rotate(8deg)}.upload-section .upload-icon:hover{border-radius:8px;box-shadow:0 2px 4px #00000014,.5px .5px .5px #ffffffe0 inset,-.5px -.5px .5px #ffffff52 inset}.upload-section .upload-icon.first-position:hover{transform:rotate(-8deg) scale(1.05)}.upload-section .upload-icon.second-position:hover{transform:rotate(8deg) scale(1.05)}.upload-section .uploaded-file.switching-first{animation:switchFirst-ff336827 .4s ease-in-out}.upload-section .uploaded-file.switching-second{animation:switchSecond-ff336827 .4s ease-in-out}.upload-section .switch-button{position:absolute;display:flex;height:32px;padding:11px 20px;justify-content:center;align-items:center;gap:6px;left:42px;bottom:16px;border-radius:24px;background:var(-----color-other-2, rgba(255, 255, 255, .12));border:none;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.creation-input:not(.expanded) .upload-section .switch-button{display:none}.upload-section .switch-button:hover{background:#ffffff3d;color:var(--color-text-primary);transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.input-section{position:relative;flex:1;min-width:0;width:100%;height:100%}.collapsed-content{display:flex;align-items:center;gap:12px;padding:16px 16px 16px 0;height:56px;position:relative}.collapsed-content .placeholder-text{flex:1;color:var(--color-text-3-light);font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:24px;cursor:pointer;display:flex;align-items:center;min-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;mask-image:linear-gradient(to right,black 0,black calc(100% - 20px),transparent 100%)}.collapsed-content .placeholder-text.has-content{color:var(--color-text-primary);font-weight:500}.creation-input.has-files:not(.expanded) .collapsed-content .placeholder-text{margin-left:0}.collapsed-content .bottom-right-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.collapsed-content .version-selector{position:relative;flex-shrink:0}.send-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-button:hover{background:var(--color-primary-hover)}.send-button.send-button-disabled{opacity:.3;cursor:not-allowed}.send-button.send-button-disabled:hover{background:var(--color-border-container)}.expanded-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:16px 12px 0 0;overflow:visible}.expanded-content .input-container{position:relative;display:flex;flex-direction:column;overflow:visible;height:calc(100% - 40px)}.expanded-content .main-input{height:72px;padding:0 0 20px;background:transparent;border:none;outline:none;resize:none;font-size:14px;line-height:24px;color:var(--color-text-primary);font-family:PingFang SC;margin-bottom:20px;overflow-y:auto}.expanded-content .main-input::placeholder{color:var(-----color-text-2, #b0b4b8);font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.expanded-content .main-input:disabled{cursor:not-allowed}.expanded-content .main-input::-webkit-scrollbar{width:6px}.expanded-content .main-input::-webkit-scrollbar-track{background:transparent}.expanded-content .main-input::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:3px}.expanded-content .main-input::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.expanded-content .main-input.kling-scroll-light::-webkit-scrollbar{display:unset!important;width:6px!important}.expanded-content .main-input.kling-scroll-light::-webkit-scrollbar-thumb{border-radius:6px!important;background-color:var(--color-border-component)!important}.expanded-content .main-input.kling-scroll-light::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-hover)!important;cursor:pointer}.expanded-content .main-input.kling-scroll-light::-webkit-scrollbar-corner{background:transparent!important}.expanded-content .expanded-bottom-right-controls{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:8px}.expanded-content .expanded-bottom-right-controls .version-selector{position:relative;flex-shrink:0}.expanded-content .actions-area{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;gap:12px;width:100%}.expanded-content .actions-area .left-actions,.expanded-content .actions-area .right-actions{display:flex;align-items:center;gap:8px}.expanded-content .toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-container);font-size:12px;margin:16px -20px 0;padding:12px 20px}.expanded-content .toolbar .toolbar-left,.expanded-content .toolbar .toolbar-right{display:flex;align-items:center;gap:12px}.expanded-content .toolbar .char-count{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}@keyframes expandIn-ff336827{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-ff336827{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotatingBorderCycle-ff336827{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes switchFirst-ff336827{0%{transform:rotate(-8deg) translateY(0) scale(1)}50%{transform:rotate(-8deg) translateY(5px) scale(.8)}to{transform:rotate(-8deg) translateY(0) scale(1)}}@keyframes switchSecond-ff336827{0%{transform:rotate(8deg) translateY(0) scale(1)}50%{transform:rotate(8deg) translateY(10px) scale(.8)}to{transform:rotate(8deg) translateY(0) scale(1)}}.expanded-content{animation:expandIn-ff336827 .3s ease}@media (max-width: 768px){.collapsed-content{padding:14px 16px;min-height:48px}.collapsed-content .placeholder-text{font-size:13px}.expanded-content{padding:14px 16px}.expanded-content .main-input{min-height:100px;font-size:13px}.expanded-content .actions-area,.expanded-content .toolbar{left:16px;right:16px}.expanded-content .toolbar{margin:16px -16px -14px;padding:12px 16px}.upload-section{padding:12px 16px 8px}.upload-section .uploaded-files-container .uploaded-files-row .uploaded-file,.upload-section .uploaded-files-container .uploaded-files-row .upload-icon{width:48px;height:64px}.upload-section .uploaded-files-container .switch-button{width:28px;height:20px}}.designer-select{width:110px;margin-right:8px;flex:1 1 120px;min-width:105px;max-width:176px}.top-history{position:absolute;text-align:center;width:55px;right:0;top:20px;font-size:14px;pointer-events:all}.kling-offline-tag{border-radius:4px;padding:0 6px;height:20px;display:inline-flex;align-items:center;background:var(--color-other-3);color:var(--color-text-1);vertical-align:middle;margin-left:8px;font-size:11px;font-weight:400;line-height:12px}.omni-designer-transition{position:absolute;bottom:0;left:0;right:0;transition:opacity .4s ease-out;opacity:.01;transform:translateZ(0);z-index:2;pointer-events:none}.omni-designer-transition.expand,.omni-designer-transition.expand-step-2{pointer-events:all;opacity:1;z-index:4}.omni-designer-transition.switching-to-lightweight{transition:opacity .2s ease-out}.creation-input-transition{position:absolute;bottom:0;left:0;right:0;z-index:3}.quick-navigation{display:flex;justify-content:space-around;align-items:center;flex-shrink:0;border-radius:64px;border:1px solid rgba(255,255,255,.32);background:linear-gradient(90deg,#33373da3,#1a1c1fa3);box-shadow:0 4px 8px #222429a3;backdrop-filter:blur(50px);transition:all .3s ease;position:relative;padding:0 16px;width:376px;height:56px}@media (min-width: 1560px){.quick-navigation{width:428px;height:64px}}.quick-navigation.animation-loaded{border:1px solid transparent}.quick-navigation.is-hovered{border:1px solid var(--color-border-hover);padding:0 24px;background:linear-gradient(90deg,#2b2e33c2,#111214c2);backdrop-filter:blur(100px);box-shadow:0 4px 8px #222429a3;width:420px;height:64px}.quick-navigation.is-hovered .nav-text{opacity:1;transform:translateY(0)}.quick-navigation.is-hovered .nav-item svg{transform:translateY(0)}.quick-navigation.is-hovered .nav-animation-bg{opacity:0;transition:none}.quick-navigation.is-hovered .nav-item{width:80px}@media (min-width: 1560px){.quick-navigation.is-hovered{width:544px;height:76px}}.nav-animation-bg{position:absolute;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:0;transition:opacity .3s ease;top:-2px;left:-2px;width:378px;height:58px}@media (min-width: 1560px){.nav-animation-bg{width:430px;height:66px}}.nav-item{width:66px;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;color:#fffc;z-index:1}.nav-item svg{transform:translateY(10px);transition:all .3s ease}.nav-item:hover{background:var(--color-other-1, rgba(255, 255, 255, .1))}.nav-item:active{transform:scale(.95)}.nav-item .nav-text{font-size:10px;font-weight:500;line-height:16px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:all .3s ease}@media (max-width: 1560px){.quick-actions .action-first .title{font-size:14px!important}.nav-item{padding:6px}}.floating-quick-panel{left:calc(50% + var(--left-navigation-width) / 2);transform:translate(-50%);z-index:1000;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.floating-quick-panel.location-fixed{position:fixed;bottom:40px}.floating-quick-panel.location-absolute{position:absolute;bottom:40px}.floating-quick-panel .navigation-mode{display:flex;align-items:center;gap:16px}.floating-quick-panel .navigation-mode .expand-input-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#00ff7f33;border:1px solid rgba(0,255,127,.3);border-radius:50%;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.floating-quick-panel .navigation-mode .expand-input-btn:hover{background:#00ff7f4d;border-color:#00ff7f80;transform:scale(1.1)}.floating-quick-panel .navigation-mode .expand-input-btn:active{transform:scale(.95)}.floating-quick-panel .navigation-mode .expand-input-btn svg{color:#00ff7f}.floating-quick-panel .input-mode{position:relative;min-width:600px;max-width:1000px}.floating-quick-panel.expanded{width:720px}.floating-quick-panel.expanded .input-mode{animation:expandIn-79b23042 .4s cubic-bezier(.25,.46,.45,.94)}@keyframes expandIn-79b23042{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mode-toggle-container{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);z-index:20}.mode-toggle-container .mode-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-bg-primary);border:1px solid var(--color-border-container);border-radius:20px;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001a;backdrop-filter:blur(10px)}.mode-toggle-container .mode-toggle-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.mode-toggle-container .mode-toggle-btn:active{transform:translateY(0)}.mode-toggle-container .mode-toggle-btn svg{transition:color .2s ease}.mode-toggle-container .mode-toggle-btn span{white-space:nowrap}@media (max-width: 768px){.floating-quick-panel.location-fixed,.floating-quick-panel.location-absolute{bottom:100px;left:16px;right:16px;transform:none}.floating-quick-panel .input-mode{min-width:auto;max-width:none;width:100%}.floating-quick-panel .navigation-mode{justify-content:center}}