html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}:root{color:#111827;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.daydream-loading{align-items:center;background:#fff;display:flex;gap:12px;height:100vh;justify-content:center;width:100%}.daydream-loading-mark,.daydream-mark{align-items:center;background:linear-gradient(135deg,#13c2c2,#8b5cf6);border-radius:8px;color:#fff;display:inline-flex;font-weight:800;justify-content:center;text-transform:lowercase}.daydream-loading-mark{animation:daydreamPulse 1.2s ease-in-out infinite;font-size:24px;height:44px;width:44px}.daydream-loading-text{font-size:24px;font-weight:700;letter-spacing:0}@keyframes daydreamPulse{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}.login-page{align-items:center;background:#0a0a0f;display:grid;gap:28px;grid-template-columns:minmax(0,1.15fr) minmax(360px,460px);min-height:100vh;padding:34px;position:relative}.login-prism-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.login-hero{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr;padding:32px;pointer-events:none}.login-hero>*{pointer-events:auto}.login-panel,.surface,.settings-panel{background:#ffffffd1;border:1px solid rgba(15,23,42,.09);border-radius:8px;box-shadow:0 22px 70px #11182714}.login-panel{align-self:center;display:grid;gap:20px;padding:30px;position:relative;z-index:1;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 8px 32px #0003;color:#fff}.login-panel .login-heading h1{color:#fff}.login-panel .login-heading p,.login-panel .login-switch{color:#fff9}.login-panel .ant-form-item-label label{color:#fffc!important}.login-logo-row,.workspace-title,.stage-title,.settings-title,.user-bar,.asset-hint,.admin-brand,.admin-sider-footer,.admin-nav-item{align-items:center;display:flex}.login-logo-row{gap:12px}.login-logo-img{width:25px;height:25px;object-fit:contain}.login-logo-text{color:#fff}.login-copy{align-self:center;max-width:680px}.login-copy span{color:#5eead4;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}.login-copy h1{color:#f0fdfa;font-size:clamp(42px,6vw,74px);line-height:1;margin:18px 0;max-width:760px}.login-copy p{color:#94a3b8;margin:0}.login-heading p,.page-title p,.muted,.stage-title span,.settings-title span,.model-item small{color:#6b7280;margin:0}.login-preview{background:#111827;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#f9fafb;overflow:hidden}.preview-toolbar{border-bottom:1px solid rgba(255,255,255,.1);display:flex;gap:8px;padding:12px}.preview-toolbar span{background:#475569;border-radius:999px;height:9px;width:9px}.preview-canvas{align-items:center;display:flex;gap:16px;min-height:160px;padding:28px}.preview-canvas small{color:#9ca3af;display:block;margin-top:4px}.login-heading{align-items:center;display:flex;gap:12px}.login-heading h1,.page-title h1{font-size:28px;line-height:1.16;margin:0}.login-switch{color:#0f766e;font-size:13px;text-align:center}.user-shell,.admin-shell{display:grid;min-height:100vh}.generation-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s ease}.generation-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.generation-sidebar{background:#fff;border-right:1px solid #e5e7eb;display:grid;grid-template-rows:auto auto auto auto 1fr auto;min-height:100vh;overflow:hidden;padding:12px;position:sticky;top:0}.generation-brand{align-items:center;display:flex;gap:10px;padding:10px 8px 16px}.generation-brand-text,.generation-breadcrumb span,.generation-nav-action span,.generation-topic-head,.generation-topic-list,.generation-tasks-link span{transition:opacity .16s ease,width .16s ease}.sidebar-collapse-button{margin-left:auto}.sidebar-collapsed .generation-sidebar{padding-inline:10px}.sidebar-collapsed .generation-brand{justify-content:center;padding-inline:0}.sidebar-collapsed .generation-brand-text,.sidebar-collapsed .generation-breadcrumb span,.sidebar-collapsed .generation-nav-action span,.sidebar-collapsed .generation-topic-head,.sidebar-collapsed .generation-topic-list,.sidebar-collapsed .generation-tasks-link span{opacity:0;overflow:hidden;pointer-events:none;width:0}.sidebar-collapsed .sidebar-collapse-button{display:none}.sidebar-collapsed .generation-breadcrumb,.sidebar-collapsed .generation-nav-action,.sidebar-collapsed .generation-tasks-link{justify-content:center;padding-inline:0}.sidebar-collapsed .generation-sidebar-actions{padding-top:12px}.sidebar-collapsed .generation-tasks-link{border-color:transparent}.daydream-mark{font-size:18px;height:34px;width:34px}.generation-brand strong{display:block;font-size:15px;line-height:1.2}.generation-brand span,.generation-empty-topics,.generation-topic-head,.generation-topic-item{color:#64748b}.generation-brand span{display:block;font-size:12px;margin-top:2px}.generation-breadcrumb{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-weight:600;gap:8px;height:40px;padding:0 8px 10px}.generation-sidebar-actions{display:grid;gap:4px;padding:8px 0}.generation-nav-action,.generation-topic-item,.generation-tasks-link{align-items:center;background:transparent;border:0;border-radius:8px;cursor:pointer;display:flex;font:inherit;gap:10px;min-width:0;padding:10px;text-align:left}.generation-nav-action:hover,.generation-topic-item:hover,.generation-tasks-link:hover{background:#f8fafc}.generation-topic-head{align-items:center;display:flex;font-size:12px;font-weight:600;justify-content:space-between;padding:10px 8px 6px}.topic-view-icons{align-items:center;background:#f8fafc;border-radius:6px;display:flex;height:24px;justify-content:center;width:28px}.generation-topic-list{align-content:start;display:grid;gap:2px;min-height:0;overflow:auto;padding:0}.generation-topic-item{border-radius:6px;font-size:12px;gap:8px;line-height:1.2;min-height:32px;padding:4px 6px}.generation-topic-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-thumb{align-items:center;background:#f1f5f9;border-radius:6px;color:#475569;display:flex;flex:none;height:24px;justify-content:center;overflow:hidden;width:24px}.topic-thumb img{height:100%;object-fit:cover;width:100%}.generation-empty-topics{font-size:13px;padding:14px 10px}.generation-tasks-link{border:1px solid #e5e7eb;color:#334155;margin-top:12px}.generation-main{background:#f6f5f7;display:grid;grid-template-rows:44px minmax(0,1fr);min-width:0}.generation-topbar{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;height:44px;justify-content:space-between;padding:0 8px}.topbar-left,.topbar-right{align-items:center;display:flex;gap:8px;min-width:0}.topbar-left{color:#111827;font-weight:600}.topbar-right{color:#475569;font-size:13px}.lobe-generation-page{display:grid;grid-template-rows:minmax(0,1fr);height:calc(100vh - 44px);overflow:hidden;position:relative}.generation-scroll-area{min-height:0;overscroll-behavior:contain;overflow-y:auto;-webkit-overflow-scrolling:touch}.generation-wide-container{margin:0 auto;max-width:860px;padding-inline:16px;width:100%}.generation-home{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 180px);padding:32px 0}.generation-hero-title{align-items:center;display:flex;flex-direction:column;font-size:28px;font-weight:700;gap:8px;justify-content:center;line-height:1.2;margin-bottom:24px}.generation-hero-subtitle{font-size:40px;font-weight:600;color:#374151;margin:0;display:flex;align-items:center;gap:4px}.generation-hero-video{width:100px;height:100px;object-fit:cover;display:inline-block;vertical-align:middle;pointer-events:none;user-select:none;-webkit-user-select:none}.generation-hero-title-row{display:flex;align-items:center;gap:2px}.generation-input-wrapper{position:relative;width:100%}.generation-placeholder-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:flex-start;padding:8px 12px;color:#9ca3af;font-size:14px;z-index:0;overflow:hidden}.generation-brand-logo{width:28px;height:28px;object-fit:contain}.generation-mode-hero-select{font-size:28px;font-weight:700;min-width:96px}.lobe-prompt-wrap{width:100%}.lobe-chat-input{background:transparent;border:none;border-radius:0;box-shadow:none;overflow:hidden;padding:12px}.lobe-input-body{display:flex;gap:8px;padding:8px}.lobe-input-body .ant-form-item,.lobe-input-footer .ant-form-item,.generation-config-popover .ant-form-item{margin-bottom:0}.lobe-input-body .ant-form-item{flex:1;min-width:0}.inline-video-frames{align-items:flex-end;display:flex;flex:none;gap:6px;padding-block:4px}.inline-frame-slot{align-items:flex-end;display:flex;gap:6px}.inline-frame-card{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;color:#94a3b8;cursor:pointer;display:grid;flex:none;height:64px;justify-items:center;overflow:hidden;padding:0;position:relative;width:64px}.inline-frame-card img{height:100%;object-fit:cover;width:100%}.inline-frame-card small{font-size:10px;line-height:1}.inline-frame-card.uploading:after{align-items:center;background:#0f172a75;color:#fff;content:"上传中";display:flex;font-size:11px;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.inline-frame-close{align-items:center;background:#ffffffeb;border:1px solid #e5e7eb;border-radius:999px;color:#334155;display:flex;height:18px;justify-content:center;opacity:0;position:absolute;right:-4px;top:-4px;transition:opacity .16s ease;width:18px}.inline-frame-card:hover .inline-frame-close{opacity:1}.inline-frame-separator{color:#94a3b8;margin-bottom:24px}.inline-reference-images{border-bottom:1px solid #f1f5f9;display:grid;gap:8px;padding:10px 12px;transition:background .16s ease,box-shadow .16s ease}.inline-reference-images.drag-active{background:#fff7ed;box-shadow:inset 0 0 0 2px #f97316}.inline-reference-image-header{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;justify-content:space-between}.inline-reference-image-list{display:flex;flex-wrap:wrap;gap:8px}.inline-reference-image-card{cursor:default}.inline-reference-image-card .inline-frame-close{border:1px solid #e5e7eb;opacity:1;padding:0}.inline-reference-image-add:disabled{cursor:wait;opacity:.7}.lobe-input-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:4px 8px 8px}.input-actions-left,.input-actions-right{align-items:center;display:flex;gap:4px;min-width:0}.duration-btn{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 10px;border:none;border-radius:8px;background:transparent;color:#374151;font-size:13px;cursor:pointer;transition:background .15s;white-space:nowrap}.duration-btn:hover{background:#0000000f}.generation-config-popover{display:grid;gap:12px;min-width:420px}.generation-popover-panel{display:grid;gap:12px}.generation-popover-panel>strong{font-size:14px}.generation-config-popover label{display:grid;gap:6px}.generation-config-popover label>span,.config-switch-row span{color:#334155;font-size:12px;font-weight:600}.config-switch-row{align-items:center;display:flex;justify-content:space-between}.image-ratio-grid{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:grid;gap:4px;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px}.image-ratio-grid button{align-items:center;background:transparent;border:0;border-radius:8px;color:#475569;cursor:pointer;display:grid;font-size:12px;gap:4px;justify-items:center;min-height:56px;padding:6px 4px;transition:background .15s,color .15s}.image-ratio-grid button.active{background:#fff;box-shadow:0 1px 6px #0f172a1a;color:#111827}.image-size-fields{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}.image-size-fields>label{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);height:44px;padding:0 10px}.image-size-fields>label>span,.image-size-fields>span{color:#94a3b8;font-size:12px;font-weight:700}.image-size-fields input{background:transparent;border:0;color:#111827;font-size:15px;min-width:0;outline:0;text-align:right;width:100%}.image-size-preview{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#334155;display:flex;font-size:14px;font-weight:700;height:44px;justify-content:center;letter-spacing:0;padding:0 12px}.model-select-option{display:grid;gap:3px;line-height:1.2;padding:2px 0}.model-select-option span{color:inherit;font-size:13px;font-weight:600}.model-select-option small{color:#64748b;font-size:12px;max-height:0;opacity:0;overflow:hidden;text-overflow:ellipsis;transition:max-height .16s ease,opacity .16s ease;white-space:normal}.ant-select-item-option-active .model-select-option small,.model-select-option:hover small{max-height:36px;opacity:1}.update-announcement-content{background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e5e7eb;border-radius:8px;color:#334155;font-size:14px;line-height:1.75;margin-top:4px;max-height:min(56vh,520px);overflow:auto;padding:16px;white-space:pre-wrap}.update-announcement-modal .ant-modal-content{border-radius:12px;overflow:hidden;padding:22px 24px 20px}.update-announcement-modal .ant-modal-header{margin-bottom:14px}.update-announcement-modal .ant-modal-title{color:#0f172a;font-size:18px;font-weight:800;text-align:center}.update-announcement-modal .ant-modal-footer{margin-top:18px}.update-announcement-actions{display:flex;gap:12px;justify-content:center}.update-announcement-actions button{min-width:132px}.generation-feed{align-content:start;display:grid;gap:12px;margin:0 auto;max-width:680px;padding:18px 0 280px;width:100%}.generation-feed-item{display:grid;gap:8px;padding:10px 0}.feed-prompt{color:#111827;line-height:1.65;margin:0;white-space:pre-wrap}.feed-meta{display:flex;flex-wrap:wrap;gap:6px}.feed-meta>span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;color:#64748b;font-size:12px;padding:3px 7px}.feed-result{display:grid;gap:8px;justify-self:start;width:100%}.feed-result.is-portrait{width:min(420px,100%)}.feed-result.is-square{width:min(620px,100%)}.feed-result.is-landscape{width:100%}.feed-result.is-image{width:min(620px,100%)}.feed-image-grid{display:grid;gap:8px;width:100%}.feed-image-grid.count-1{grid-template-columns:minmax(0,1fr)}.feed-image-grid.count-2,.feed-image-grid.count-3,.feed-image-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-image-card,.feed-image-loading{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.feed-image-card{display:block;line-height:0}.feed-image-card .ant-image{display:block;width:100%}.feed-image-card img,.feed-image-card .ant-image-img{display:block;height:auto;max-height:720px;object-fit:contain;width:100%}.feed-image-loading{aspect-ratio:4 / 3;width:100%}.feed-video-card{align-items:center;aspect-ratio:var(--feed-video-aspect, 16 / 9);background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:center;justify-self:start;overflow:hidden;width:100%}.feed-video-card .feed-video-preview{display:block;height:100%;line-height:0;width:100%}.feed-video-card .feed-video-preview video{border-radius:0;display:block;height:100%;max-height:none;object-fit:contain;width:100%}.feed-video-card.loading{background:linear-gradient(90deg,#14b8a614,#8b5cf61f,#14b8a614),#f8fafc;background-size:240% 100%;animation:feedLoading 1.6s ease-in-out infinite}@keyframes feedLoading{0%{background-position:0 50%}to{background-position:100% 50%}}.feed-generating,.feed-error{align-items:center;color:#64748b;display:grid;gap:8px;justify-items:center}.feed-spinner{color:#0f766e;font-size:24px;font-weight:800}.feed-footer{align-items:center;color:#94a3b8;display:flex;font-size:12px;justify-content:space-between}.feed-actions{display:flex;gap:8px}.feed-actions a{align-items:center;border-radius:6px;color:#64748b;display:flex;height:28px;justify-content:center;width:28px}.feed-actions a:hover{background:#f8fafc}.generation-bottom-input{background:linear-gradient(180deg,#fff0,#fff 18%);bottom:0;left:0;padding:20px 0 12px;position:absolute;right:0}.generation-skeleton-feed{display:grid;gap:12px;padding:28px 0}.skeleton-line,.skeleton-tags span,.skeleton-video{animation:skeletonPulse 1.2s ease-in-out infinite;background:#eef2f7;border-radius:6px}.skeleton-line{height:18px}.skeleton-line.wide{width:94%}.skeleton-line.short{width:160px}.skeleton-tags{display:flex;gap:6px}.skeleton-tags span{height:22px;width:88px}.skeleton-video{aspect-ratio:16 / 9;width:100%}@keyframes skeletonPulse{0%,to{opacity:.55}50%{opacity:1}}.empty-selected-topic{align-items:center;color:#64748b;display:grid;gap:12px;justify-items:center}.user-shell{grid-template-columns:72px minmax(0,1fr)}.user-rail{align-items:center;background:#ffffffe6;border-right:1px solid #e5e7eb;display:grid;grid-template-rows:72px 1fr auto;justify-items:center;min-height:100vh;padding-bottom:16px;position:sticky;top:0}.rail-logo,.rail-action{align-items:center;border-radius:8px;display:inline-flex;height:44px;justify-content:center;width:44px}.rail-nav{display:grid;gap:10px}.rail-action{color:#64748b}.rail-action.active{background:#111827;color:#fff}.rail-bottom{display:grid;gap:10px}.user-main,.admin-main{background:#f5f7fb;min-width:0}.workspace-header,.admin-header{align-items:center;background:#ffffffd1;border-bottom:1px solid #e5e7eb;display:flex;height:64px;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:5}.workspace-title{color:#111827;font-weight:700;gap:9px}.user-bar{color:#475569;gap:12px}.creator-workspace{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px;min-height:calc(100vh - 64px);padding:18px}.creator-stage{display:grid;gap:14px;grid-template-rows:auto minmax(280px,1fr) auto;min-width:0}.stage-toolbar,.prompt-composer,.video-frame,.creator-settings{border-radius:8px}.stage-toolbar{align-items:center;background:#fff;border:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 16px}.stage-title,.settings-title{gap:12px}.stage-title strong,.settings-title strong{display:block}.stage-title span,.settings-title span{display:block;font-size:12px;margin-top:2px}.stage-tags{display:flex;flex-wrap:wrap;gap:8px}.video-frame{background:linear-gradient(135deg,rgba(45,212,191,.16),transparent 35%),linear-gradient(315deg,rgba(251,191,36,.16),transparent 35%),#0f172a;border:1px solid rgba(15,23,42,.16);color:#f8fafc;display:grid;gap:14px;min-height:360px;padding:18px}.video-frame-inner{align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;justify-content:center;min-height:0}.video-slate{display:grid;gap:10px;justify-items:center;padding:28px;text-align:center}.video-slate span{color:#cbd5e1;max-width:420px}.timeline-strip{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr));height:52px}.timeline-strip span{background:#ffffff29;border:1px solid rgba(255,255,255,.1);border-radius:6px}.prompt-composer{background:#fff;border:1px solid #e5e7eb;display:grid;gap:10px;padding:14px}.prompt-composer .ant-form-item,.creator-settings .ant-form-item{margin-bottom:0}.composer-footer{align-items:center;display:flex;gap:12px;justify-content:space-between}.asset-hint{color:#64748b;font-size:13px;gap:8px}.creator-settings{align-content:start;display:grid;gap:14px;min-width:0}.settings-panel{display:grid;gap:14px;padding:16px}.model-list{display:grid;gap:8px}.model-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:2px;min-width:0;padding:10px 12px}.model-item span,.model-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.surface{padding:22px}.admin-shell{grid-template-columns:250px minmax(0,1fr)}.admin-sider{background:#fff;border-right:1px solid #e5e7eb;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;padding:18px;position:sticky;top:0}.admin-brand{gap:12px;padding:6px 4px 18px}.admin-brand span{color:#64748b;display:block;font-size:12px;margin-top:2px}.admin-nav{align-content:start;display:grid;gap:8px}.admin-nav-item{border-radius:8px;color:#475569;gap:10px;padding:11px 12px}.admin-nav-item.active{background:#111827;color:#fff}.admin-sider-footer{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#475569;gap:8px;padding:10px 12px}.admin-content{min-width:0;overflow:hidden;padding:20px}.page-grid,.detail-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 360px}.page-title{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:22px}.page-title.compact{margin-bottom:18px}.form-grid,.param-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.side-panel{align-content:start;display:grid;gap:18px}.upload-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.upload-tile{align-items:center;background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;color:#334155;cursor:pointer;display:grid;gap:9px;justify-items:center;min-height:136px;padding:14px;text-align:center}.upload-tile img{border-radius:8px;height:112px;object-fit:cover;width:100%}.upload-tile span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-preview{display:grid;gap:14px}.video-preview video{background:#111827;border-radius:8px;max-height:520px;width:100%}.block{display:grid;gap:12px;margin-top:22px}.block h2,.surface>h2{font-size:17px;margin:0}.prompt-text{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;line-height:1.75;margin:0;padding:14px;white-space:pre-wrap}.json-panel{background:#111827;border-radius:8px;color:#e5e7eb;font-size:12px;line-height:1.65;margin:0;max-height:420px;overflow:auto;padding:14px}.asset-row{display:flex;flex-wrap:wrap;gap:12px}.asset-card{border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:8px;padding:8px;width:160px}.asset-card img{aspect-ratio:1 / 1;object-fit:cover}.detail-image-result{display:grid;gap:12px}.detail-image-result img{border-radius:8px}.table-actions,.switch-row{display:flex;flex-wrap:wrap;gap:10px}.audit-page{display:grid;gap:16px}.audit-summary-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.audit-stat-card .ant-card-head{min-height:38px}.audit-stat-main{color:#111827;font-size:28px;font-weight:800;line-height:1;margin-bottom:12px}.audit-stat-grid{color:#475569;display:grid;font-size:12px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filter-panel{background:#f8fafc}.audit-filter-grid{display:grid;gap:12px 14px;grid-template-columns:repeat(4,minmax(0,1fr))}.audit-filter-grid .ant-form-item{margin-bottom:0}.audit-sync-alert{margin:0}.audit-table-wrap{max-width:100%;min-width:0;overflow-x:auto;padding-bottom:4px}.audit-table-wrap .ant-table-wrapper{min-width:0}.audit-table-wrap .ant-table-cell{white-space:nowrap}.audit-visible-scrollbar{height:16px;margin-top:8px;max-width:100%;overflow-x:auto;overflow-y:hidden}.audit-visible-scrollbar>div{height:1px}.audit-visible-scrollbar::-webkit-scrollbar{height:10px}.audit-visible-scrollbar::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}.audit-visible-scrollbar::-webkit-scrollbar-track{background:#e5e7eb;border-radius:999px}.copyable-cell{align-items:center;display:inline-flex;gap:4px;max-width:100%;min-width:0}.copyable-cell>span{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-tooltip{max-width:620px}.audit-detail-tabs{margin-top:8px}.audit-detail-section{display:grid;gap:14px}.audit-asset-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.audit-asset-card,.audit-result-card{border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:10px;min-width:0;padding:12px}.audit-asset-card img{aspect-ratio:1 / 1;border-radius:8px;object-fit:cover;width:100%}.audit-asset-card audio,.audit-result-card audio{width:100%}.audit-asset-card span{color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-file-placeholder{align-items:center;aspect-ratio:1 / 1;background:#f1f5f9;border-radius:8px;color:#475569;display:flex;font-weight:700;justify-content:center;text-transform:uppercase}.audit-result-stack{display:grid;gap:14px}.audit-result-card video{background:#111827;border-radius:8px;max-height:560px;max-width:100%;width:fit-content}.audit-result-card img{border-radius:8px;max-height:560px;object-fit:contain}.audit-json-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.audit-json-full{grid-column:1 / -1}.audit-error-message{font-size:12px;margin:0;white-space:pre-wrap}@media(max-width:1280px){.audit-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.dashboard-page{display:grid;gap:16px}.dashboard-filter-panel{background:#f8fafc}.dashboard-filter-grid{display:grid;gap:12px 14px;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-filter-grid .ant-form-item{margin-bottom:0}.dashboard-stat-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-chart-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chart-card{min-width:0}.dashboard-chart-card .ant-card-body{min-height:320px}.dashboard-model-cost-card{min-width:0}.dashboard-model-cell{display:grid;gap:3px}.dashboard-model-cell strong{font-size:13px;font-weight:600}.dashboard-model-cell code{color:#64748b;font-size:11px;overflow-wrap:anywhere}@media(max-width:1280px){.dashboard-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1180px){.creator-workspace,.page-grid,.detail-grid,.dashboard-chart-grid{grid-template-columns:1fr}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.login-page{grid-template-columns:1fr;padding:18px}.login-hero{min-height:420px}.user-shell,.admin-shell,.generation-shell{grid-template-columns:1fr}.user-rail,.admin-sider,.generation-sidebar{display:none}.creator-workspace,.admin-content{padding:12px}.audit-summary-grid,.dashboard-stat-grid,.audit-filter-grid,.dashboard-filter-grid{grid-template-columns:1fr}.workspace-header,.admin-header,.generation-topbar{padding:0 14px}.stage-toolbar,.composer-footer,.page-title{align-items:flex-start;flex-direction:column}.lobe-generation-page{height:calc(100vh - 44px)}.generation-home{min-height:calc(100vh - 156px)}}.detail-audio-result{display:grid;gap:10px}.detail-audio-result audio{width:100%;border-radius:8px}.inline-reference-audio{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.inline-audio-label{color:#64748b;font-size:12px;font-weight:600}.inline-audio-list{display:flex;flex-wrap:wrap;gap:8px}.inline-audio-card{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#334155;display:flex;font-size:12px;gap:8px;padding:8px 12px;white-space:nowrap}.inline-audio-card.add{border-style:dashed;color:#64748b;cursor:pointer}.inline-audio-card.add:hover{background:#f1f5f9}.inline-audio-name{max-width:160px;overflow:hidden;text-overflow:ellipsis}.inline-audio-remove{align-items:center;background:transparent;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;width:20px}.inline-audio-remove:hover{background:#fee2e2;color:#ef4444}.inline-audio-uploading{color:#94a3b8;font-size:12px}.inline-audio-hint{color:#94a3b8;font-size:11px}.feed-result.is-audio{width:100%;max-width:560px}.feed-audio-player{display:block;width:100%}.feed-audio-loading{aspect-ratio:auto;min-height:80px}.asset-audio-name{display:block;font-size:11px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}@media(max-width:640px){.login-copy h1{font-size:42px}.login-panel,.login-hero,.surface,.settings-panel{padding:16px}.form-grid,.param-grid,.upload-grid,.compact-settings{grid-template-columns:1fr}.stage-tags{display:none}.timeline-strip{grid-template-columns:repeat(3,minmax(0,1fr));height:84px}.generation-wide-container{padding-inline:10px}.generation-hero-title,.generation-mode-hero-select{font-size:24px}.lobe-input-body{flex-direction:column}.lobe-input-footer{align-items:stretch;flex-direction:column;gap:8px}.input-actions-left,.input-actions-right{justify-content:space-between;width:100%}.generation-config-popover{min-width:min(420px,calc(100vw - 48px))}.image-ratio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feed-image-grid.count-2,.feed-image-grid.count-3,.feed-image-grid.count-4{grid-template-columns:minmax(0,1fr)}}.generation-theme-root{min-height:100vh}.generation-shell{--dd-bg: #0f1011;--dd-sidebar: #121315;--dd-panel: #1a1b1d;--dd-panel-raised: #202225;--dd-panel-hover: #25272a;--dd-border: #2b2d31;--dd-border-strong: #3a3d42;--dd-text: #eef0f2;--dd-text-secondary: #b1b5bc;--dd-text-muted: #7f858e;--dd-accent: #63c8be;--dd-accent-hover: #79d2c9;--dd-accent-soft: rgba(99, 200, 190, .13);background:var(--dd-bg);color:var(--dd-text);color-scheme:dark}.generation-sidebar{background:var(--dd-sidebar);border-color:var(--dd-border)}.generation-brand{padding-bottom:14px}.generation-brand strong,.generation-breadcrumb,.generation-nav-action,.generation-tasks-link{color:var(--dd-text)}.generation-brand span,.generation-empty-topics,.generation-topic-head,.generation-topic-item,.topbar-right{color:var(--dd-text-muted)}.generation-breadcrumb{border-color:var(--dd-border)}.generation-nav-action,.generation-topic-item,.generation-tasks-link,.sidebar-collapse-button{transition:background .16s ease,border-color .16s ease,color .16s ease}.generation-nav-action:first-child{background:var(--dd-panel-raised);color:var(--dd-text)}.generation-nav-action:hover,.generation-topic-item:hover,.generation-tasks-link:hover,.generation-nav-action:first-child:hover{background:var(--dd-panel-hover);color:var(--dd-text)}.topic-view-icons,.topic-thumb{background:var(--dd-panel-raised);color:var(--dd-text-secondary)}.generation-topic-list{scrollbar-color:var(--dd-border-strong) transparent}.generation-tasks-link{border-color:var(--dd-border)}.generation-main{background-color:var(--dd-bg);background-image:radial-gradient(circle,rgba(226,232,240,.075) 1px,transparent 1.2px);background-position:0 0;background-size:26px 26px}.generation-topbar{background:#0f1011e0;border-color:var(--dd-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.topbar-left{color:var(--dd-text)}.generation-home{align-items:flex-start;min-height:calc(100vh - 164px);padding-top:clamp(72px,11vh,132px)}.generation-hero-title{color:var(--dd-text);gap:4px;margin-bottom:22px}.generation-hero-subtitle{color:var(--dd-text);font-size:clamp(30px,3.2vw,42px);letter-spacing:-.035em}.generation-hero-video{height:58px;width:58px}.generation-mode-hero-select .ant-select-selector,.generation-mode-hero-select .ant-select-selection-item{color:var(--dd-text)!important}.generation-placeholder-overlay{color:var(--dd-text-muted)}.border-glow-card{border-color:var(--dd-border-strong);box-shadow:0 1px #eef0f20a inset,0 16px 44px #03050647}.lobe-chat-input{color:var(--dd-text);padding:10px}.generation-input-wrapper textarea,.generation-input-wrapper .ant-input{color:var(--dd-text)!important;caret-color:var(--dd-accent)}.lobe-input-footer,.inline-reference-images{border-color:var(--dd-border)}.inline-frame-card,.inline-audio-card,.image-size-fields>label,.image-size-preview{background:var(--dd-panel-raised);border-color:var(--dd-border-strong);color:var(--dd-text-secondary)}.inline-frame-close{background:#202225f0;border-color:var(--dd-border-strong);color:var(--dd-text-secondary)}.inline-reference-images.drag-active{background:var(--dd-accent-soft);box-shadow:inset 0 0 0 2px var(--dd-accent)}.inline-reference-image-header,.inline-audio-label,.inline-audio-hint,.inline-frame-separator{color:var(--dd-text-muted)}.inline-audio-card.add:hover{background:var(--dd-panel-hover)}.duration-btn{color:var(--dd-text-secondary)}.duration-btn:hover{background:var(--dd-panel-hover);color:var(--dd-text)}.image-ratio-grid{background:var(--dd-panel-raised);border-color:var(--dd-border-strong)}.image-ratio-grid button{color:var(--dd-text-muted)}.image-ratio-grid button:hover{color:var(--dd-text-secondary)}.image-ratio-grid button.active{background:#303338;box-shadow:0 1px #eef0f20d inset;color:var(--dd-text)}.generation-config-popover label>span,.config-switch-row span,.model-select-option small{color:var(--dd-text-secondary)}.image-size-fields input{color:var(--dd-text)}.generation-feed{max-width:720px}.feed-prompt{color:var(--dd-text)}.feed-meta>span{background:var(--dd-panel);border-color:var(--dd-border);color:var(--dd-text-muted)}.feed-image-card,.feed-image-loading,.feed-video-card{background:var(--dd-panel);border-color:var(--dd-border)}.feed-video-card.loading{background:linear-gradient(90deg,#63c8be0d,#7e73aa21,#63c8be0d),var(--dd-panel);background-size:240% 100%}.feed-generating,.feed-error,.feed-footer,.feed-actions a,.empty-selected-topic{color:var(--dd-text-muted)}.feed-spinner{color:var(--dd-accent)}.feed-actions a:hover{background:var(--dd-panel-hover);color:var(--dd-text)}.generation-bottom-input{background:linear-gradient(180deg,rgba(15,16,17,0),var(--dd-bg) 22%)}.skeleton-line,.skeleton-tags span,.skeleton-video{background:#26282c}.generation-main>.surface{align-self:start;background:#1a1b1df0;border-color:var(--dd-border);box-shadow:0 18px 50px #03050638;color:var(--dd-text);margin:20px}.generation-main>.surface .page-title p,.generation-main>.surface .muted{color:var(--dd-text-muted)}.generation-main>.surface .prompt-text,.generation-main>.surface .asset-card{background:var(--dd-panel-raised);border-color:var(--dd-border);color:var(--dd-text-secondary)}.generation-main>.surface .ant-table-wrapper,.generation-main>.surface .ant-table,.generation-main>.surface .ant-table-container,.generation-main>.surface .ant-table-cell{background:transparent}.generation-main>.surface .ant-table-thead>tr>th{background:var(--dd-panel-raised);border-color:var(--dd-border);color:var(--dd-text-secondary)}.generation-main>.surface .ant-table-tbody>tr>td{border-color:var(--dd-border)}.generation-main>.surface .ant-table-tbody>tr:hover>td{background:var(--dd-panel-hover)!important}.generation-theme-root .ant-btn-primary{background:var(--dd-accent, #63c8be);border-color:var(--dd-accent, #63c8be);box-shadow:none;color:#101416;font-weight:650}.generation-theme-root .ant-btn-primary:not(:disabled):hover{background:var(--dd-accent-hover, #79d2c9);border-color:var(--dd-accent-hover, #79d2c9);color:#101416}.generation-theme-root .ant-btn-primary:disabled{background:#2b2d30;border-color:#34373b;color:#747982}.generation-theme-root .ant-segmented{background:#141517;border:1px solid var(--dd-border, #2b2d31)}.generation-theme-root .ant-segmented-item-selected{background:#2b2d31;box-shadow:none}.generation-theme-root .ant-popover-inner,.generation-theme-root .ant-select-dropdown,.generation-theme-root .ant-picker-dropdown,.generation-theme-root .ant-tooltip-inner{border:1px solid #303236;box-shadow:0 18px 50px #0305066b}.generation-theme-root .ant-modal-content,.update-announcement-modal .ant-modal-content{background:#1a1b1d;border:1px solid #303236;box-shadow:0 24px 80px #0305068c}.generation-theme-root .ant-modal-header,.update-announcement-modal .ant-modal-header{background:transparent}.generation-theme-root .ant-modal-title,.update-announcement-modal .ant-modal-title{color:#eef0f2}.update-announcement-content{background:#202225;border-color:#303236;color:#b1b5bc}@media(max-width:860px){.generation-home{min-height:calc(100vh - 132px);padding-top:clamp(48px,9vh,88px)}.generation-main>.surface{margin:12px}}@media(max-width:640px){.generation-hero-subtitle{font-size:27px}.generation-hero-video{height:46px;width:46px}}.generation-shell{--dd-bg: #0d0d0e;--dd-sidebar: #101011;--dd-panel: #1d1d1e;--dd-panel-raised: #252526;--dd-panel-hover: #2b2b2d;--dd-border: #29292b;--dd-border-strong: #37373a;--dd-text: #f1f1f2;--dd-text-secondary: #b8b8bc;--dd-text-muted: #858589;--dd-accent: #69b7eb;--dd-accent-hover: #82c4ed;--dd-accent-soft: rgba(105, 183, 235, .14);grid-template-columns:236px minmax(0,1fr)}.generation-shell.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}.generation-sidebar{padding:10px}.generation-brand{min-height:48px;padding:7px 8px 13px}.generation-brand-logo{height:30px;width:30px}.generation-brand strong{font-size:16px;letter-spacing:-.02em}.generation-main{background-image:radial-gradient(circle,rgba(255,255,255,.075) 1px,transparent 1.1px);background-size:28px 28px;grid-template-rows:58px minmax(0,1fr)}.generation-topbar{background:#0d0d0ee6;height:58px;padding:0 18px}.lobe-generation-page{height:calc(100vh - 58px)}.generation-wide-container{max-width:820px;padding-inline:22px}.generation-home{min-height:calc(100vh - 172px);padding-top:clamp(56px,9vh,104px)}.generation-hero-title{align-items:flex-start;margin-bottom:28px}.generation-hero-subtitle{align-items:center;color:var(--dd-text);font-size:clamp(32px,3.4vw,42px);font-weight:500;gap:10px;letter-spacing:-.045em;line-height:1.12}.generation-hero-video{border-radius:12px;height:42px;width:42px}.border-glow-card{background:var(--dd-panel)!important;border-color:var(--dd-border-strong);box-shadow:inset 0 1px #ffffff09,0 18px 48px #0003}.border-glow-card:focus-within{border-color:#4a4a4e;box-shadow:inset 0 1px #ffffff0b,0 0 0 3px #69b7eb14,0 20px 52px #0000003d}.lobe-chat-input{min-height:140px;padding:9px 10px 8px}.lobe-input-body{min-height:92px;padding:5px 7px 8px}.generation-input-wrapper textarea,.generation-input-wrapper .ant-input{font-size:15px;line-height:1.65}.generation-placeholder-overlay{color:#8d8d91;font-size:15px;padding:8px 12px}.lobe-input-footer{border-color:#2b2b2d;min-height:45px;padding:7px 6px 1px}.input-actions-left{gap:3px}.input-actions-right{gap:5px}.composer-kind-select{min-width:72px}.composer-kind-select .ant-select-selector{color:var(--dd-text-secondary)!important;font-size:13px;font-weight:600;padding-inline:8px!important}.composer-mode-segmented.ant-segmented{background:#29292b;border:0;padding:2px}.composer-mode-segmented .ant-segmented-item{border-radius:7px;color:#a9a9ad;font-size:12px}.composer-mode-segmented .ant-segmented-item-selected{background:#39393c;color:#f0f0f1}.duration-btn,.input-actions-left [role=button],.input-actions-right [role=button]{border-radius:999px}.generation-submit-button{border-radius:999px!important;height:36px!important;min-width:36px!important;padding:0!important;width:36px}.generation-submit-button:not(:disabled):active{transform:translateY(1px) scale(.97)}.generation-submit-button:focus-visible,.duration-btn:focus-visible,.image-ratio-grid button:focus-visible{outline:2px solid var(--dd-accent);outline-offset:2px}.generation-popover-panel{gap:14px;min-width:248px}.generation-popover-panel>strong{color:var(--dd-text);font-size:14px;font-weight:650}.generation-config-popover{gap:16px;min-width:392px}.image-ratio-grid{background:#181819;border-color:#303032;border-radius:12px;gap:3px;padding:5px}.image-ratio-grid button{border-radius:9px;min-height:58px}.image-ratio-grid button.active{background:#343436;box-shadow:inset 0 1px #ffffff0d}.generation-theme-root .ant-popover-inner,.generation-theme-root .ant-select-dropdown{background:#1d1d1e;border:1px solid #353537;border-radius:14px;box-shadow:0 22px 64px #00000075;padding:12px}.generation-theme-root .ant-select-item{border-radius:9px;min-height:36px}.generation-theme-root .ant-select-item-option-active,.generation-theme-root .ant-select-item-option-selected{background:#2d2d2f!important}@media(max-width:860px){.generation-shell,.generation-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.generation-main{grid-template-rows:50px minmax(0,1fr)}.generation-topbar{height:50px}.lobe-generation-page{height:calc(100vh - 50px)}.generation-wide-container{padding-inline:16px}.generation-home{min-height:calc(100vh - 140px)}}@media(max-width:640px){.generation-wide-container{padding-inline:10px}.generation-hero-title{margin-bottom:20px}.generation-hero-subtitle{font-size:28px;gap:8px}.generation-hero-video{height:34px;width:34px}.lobe-input-footer{align-items:stretch;gap:8px}.input-actions-left{flex-wrap:wrap;justify-content:flex-start}.input-actions-right{justify-content:flex-end}.generation-config-popover{min-width:min(392px,calc(100vw - 40px))}}@media(prefers-reduced-motion:reduce){.generation-shell,.generation-nav-action,.generation-topic-item,.generation-tasks-link,.sidebar-collapse-button,.duration-btn,.generation-submit-button{transition:none!important}}@font-face{font-family:Suisse Intl;src:url(/krea/suisse-book.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Suisse Intl;src:url(/krea/suisse-medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Suisse Intl;src:url(/krea/suisse-semibold.woff2) format("woff2");font-weight:600;font-display:swap}.krea-app{color-scheme:dark;--sidebar-width: 256px;--bg: #111111;--black: #050505;--surface: #191919;--surface-hover: #252525;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .2);--text: #f3f3f3;--muted: rgba(255, 255, 255, .58);--radius: 16px;--easing: cubic-bezier(.16, 1, .3, 1)}.krea-app *{box-sizing:border-box}.krea-app{scroll-behavior:smooth;background:var(--bg)}.krea-app{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Suisse Intl,Arial,sans-serif;-webkit-font-smoothing:antialiased}.krea-app button,.krea-app input,.krea-app textarea{font:inherit}.krea-app a{color:inherit;text-decoration:none}.krea-app button{color:inherit}.krea-app img,.krea-app video{display:block;max-width:100%}.krea-app .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.krea-app .app-shell{min-height:100dvh}.krea-app .sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--sidebar-width);padding:12px 8px 8px;display:flex;flex-direction:column;background:#050505;border-right:1px solid rgba(255,255,255,.045);transition:width .32s var(--easing),transform .32s var(--easing)}.krea-app .brand-row{display:flex;align-items:center;height:38px;gap:9px;padding:0 8px}.krea-app .sidebar-toggle{width:17px;height:17px;padding:3px;position:relative;border:1px solid rgba(255,255,255,.45);border-radius:5px;background:transparent;cursor:pointer}.krea-app .sidebar-toggle span{position:absolute;top:3px;bottom:3px;width:1px;background:#ffffff80}.krea-app .sidebar-toggle span:first-child{left:5px}.krea-app .sidebar-toggle span:last-child{right:4px;opacity:.35}.krea-app .workspace-button{border:0;background:transparent;padding:0;font-size:15px;cursor:pointer}.krea-app .workspace-button span{margin-left:3px;color:var(--muted)}.krea-app .sidebar-nav{margin-top:10px}.krea-app .nav-item{min-height:36px;padding:6px 8px;display:flex;align-items:center;gap:10px;border-radius:10px;font-size:15px;color:#ffffffe0;transition:background-color .18s ease,transform .18s ease}.krea-app .nav-item:hover,.krea-app .nav-item:focus-visible{background:var(--surface-hover);outline:none}.krea-app .nav-item:active{transform:translateY(1px)}.krea-app .nav-item.active{background:#2d2d2d;color:#fff}.krea-app .nav-item img,.krea-app .nav-icon{width:20px;height:20px;border-radius:5px;flex:0 0 auto;object-fit:cover}.krea-app .nav-icon.seedance{background:linear-gradient(145deg,rgba(255,255,255,.3),transparent 55%),radial-gradient(circle at 28% 28%,#6f7280 0,#6f7280 8%,#31343d 32%,#151619 72%);box-shadow:inset 0 0 0 1px #ffffff2e}.krea-app .nav-icon.director{background:conic-gradient(from 20deg,#dfe3ea,#434956 18%,#eceff3 32%,#242832 55%,#d9dde5 74%,#373b44);box-shadow:inset 0 0 0 1px #ffffff38}.krea-app .more-nav{width:100%;border:0;background:transparent;cursor:pointer;color:#ffffff57}.krea-app .more-dots{width:20px;letter-spacing:2px;overflow:hidden}.krea-app .nav-label{margin:24px 8px 10px;color:#ffffff47;font-size:13px}.krea-app .sidebar-bottom{margin-top:auto;display:grid;gap:6px}.krea-app .pricing-link{display:block;padding:8px;font-size:14px}.krea-app .agent-link{margin-top:2px}.krea-app .agent-mark{width:20px;height:20px;border-radius:6px;color:#111;background:#eee;display:grid;place-items:center;font-weight:600}.krea-app .sign-in{height:49px;border:0;border-radius:10px;background:#f4f4f4;color:#111;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.krea-app .sign-in:hover{background:#fff}.krea-app .sign-in:active{transform:translateY(1px)}.krea-app .main-content,.krea-app .route-content{margin-left:var(--sidebar-width);min-width:0;transition:margin-left .32s var(--easing)}.krea-app .main-content{overflow:clip}.krea-app .route-content{min-height:100dvh;overflow:hidden;background:#101010}.krea-app .hero{min-height:max(512px,75dvh);position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:#050505;border-bottom:1px solid var(--line)}.krea-app .hero-backdrop,.krea-app #starfield{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.krea-app .hero-backdrop{object-fit:cover;z-index:-2}.krea-app #starfield{z-index:-1;opacity:0;transition:opacity .6s ease}.krea-app #starfield.ready{opacity:1}.krea-app .hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,rgba(0,0,0,.03),transparent 62%,rgba(0,0,0,.28));pointer-events:none}.krea-app .hero-copy{width:min(792px,calc(100% - 48px));display:flex;flex-direction:column;align-items:center;gap:28px;padding:58px 0 28px}.krea-app .hero-enter{opacity:0;scale:.85}.krea-app .hero-copy[data-ready=true] .hero-enter{opacity:1;scale:1}.krea-app .hero-copy[data-ready=true][data-animate=true] .hero-enter{transition-property:opacity,scale;transition-duration:1s,1s;transition-timing-function:cubic-bezier(.333333,1,.666667,1),cubic-bezier(.333333,1,.666667,1);transition-delay:var(--intro-delay, 75ms)}.krea-app .hero-heading{text-align:center}.krea-app .hero-heading h1{margin:0;font-size:clamp(42px,4.7vw,60px);line-height:.96;letter-spacing:-.04em;font-weight:400}.krea-app .hero-heading p{margin:20px 0 0;color:#ffffffa1;font-size:16px}.krea-app .agent-prompt{width:100%;min-height:120px;position:relative;display:flex;align-items:flex-end;padding:16px 14px;border:1px solid rgba(255,255,255,.64);border-radius:32px;background:#040404b8;box-shadow:inset 0 1px #ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .18s ease,background-color .18s ease}.krea-app .agent-prompt:focus-within{border-color:#ffffffe0;background:#040404db}.krea-app .agent-prompt textarea{position:absolute;top:18px;right:20px;bottom:50px;left:20px;resize:none;border:0;outline:none;background:transparent;color:#fff;font-size:16px;line-height:1.5}.krea-app .agent-prompt textarea::placeholder{color:#ffffff87;opacity:1}.krea-app .round-button{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:24px;line-height:1;transition:transform .16s ease,background-color .16s ease,opacity .16s ease}.krea-app .round-button:active{transform:scale(.96)}.krea-app .add-button{background:#141414;color:#f2f2f2}.krea-app .add-button:hover{background:#222}.krea-app .send-button{margin-left:10px;background:#eee;color:#0c0c0c;font-size:19px}.krea-app .send-button:disabled{opacity:.78;cursor:default}.krea-app .model-button{margin-left:auto;display:flex;gap:6px;align-items:center;border:0;background:transparent;cursor:pointer;font-size:14px}.krea-app .model-button span:nth-child(2),.krea-app .model-button span:nth-child(3){color:#ffffff7a}.krea-app .section-pad{padding:48px 46px 64px}.krea-app .showcase{background:var(--bg)}.krea-app .showcase-track{position:relative;height:400px}.krea-app .showcase-card{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--radius);opacity:0;transform:translate(22px) scale(.985);pointer-events:none;transition:opacity .5s var(--easing),transform .5s var(--easing);background:#171717}.krea-app .showcase-card.current{opacity:1;transform:none;pointer-events:auto}.krea-app .showcase-card video{width:100%;height:100%;object-fit:cover}.krea-app .showcase-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000a 30%,#000000c7)}.krea-app .showcase-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.krea-app .showcase-actions{display:flex;gap:8px}.krea-app .showcase-actions a,.krea-app .section-title-row button{min-height:38px;padding:10px 16px;border-radius:10px;background:#f1f1f1;color:#111;font-size:14px;border:0;cursor:pointer}.krea-app .showcase-actions a.ghost{background:#10101080;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.krea-app .showcase-overlay h2{margin:0;max-width:690px;font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:-.035em;font-weight:400}.krea-app .carousel-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;color:var(--muted);font-size:13px}.krea-app .carousel-controls div{margin-right:4px}.krea-app .carousel-controls button{width:37px;height:37px;border:1px solid var(--line);background:var(--surface);border-radius:10px;cursor:pointer}.krea-app .carousel-controls button:hover{background:var(--surface-hover)}.krea-app .gallery-section{padding:16px 46px 72px;background:var(--bg)}.krea-app .gallery-search{max-width:810px;margin:0 auto;height:54px;border:1px solid var(--line-strong);border-radius:13px;background:#1a1a1a;display:flex;align-items:center;padding:5px}.krea-app .gallery-search input{flex:1;min-width:0;height:100%;background:transparent;border:0;outline:none;color:#fff;font-size:16px}.krea-app .gallery-search input::placeholder{color:#ffffff8a;opacity:1}.krea-app .gallery-search button{width:42px;height:42px;border:0;background:transparent;border-radius:9px;cursor:pointer}.krea-app .gallery-search button:hover{background:#ffffff12}.krea-app .search-submit{font-size:18px}.krea-app .filter-row{display:flex;gap:6px;margin:20px 0 16px}.krea-app .filter-chip{padding:8px 13px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}.krea-app .filter-chip.active{color:#fff;background:#292929}.krea-app .masonry{columns:4 170px;column-gap:12px}.krea-app .gallery-card{width:100%;margin:0 0 12px;padding:0;overflow:hidden;border:0;border-radius:12px;background:#1c1c1c;break-inside:avoid;cursor:pointer;transition:transform .26s var(--easing),opacity .26s ease}.krea-app .gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--easing)}.krea-app .gallery-card:hover{transform:translateY(-2px)}.krea-app .gallery-card:hover img{transform:scale(1.025)}.krea-app .gallery-card.tall{aspect-ratio:3/4.25}.krea-app .gallery-card.square{aspect-ratio:1}.krea-app .gallery-card.short{aspect-ratio:4/3}.krea-app .gallery-card.portrait{aspect-ratio:4/5}.krea-app .gallery-card.is-hidden{display:none}.krea-app .empty-message{padding:72px 0;text-align:center;color:var(--muted)}.krea-app .section-title-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.krea-app .section-title-row h2{margin:0;font-size:clamp(25px,3vw,34px);font-weight:400;letter-spacing:-.025em}.krea-app .section-title-row a{color:var(--muted)}.krea-app .model-section{background:#0d0d0d;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.krea-app .model-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(282px,34%);gap:14px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding-bottom:4px}.krea-app .model-track::-webkit-scrollbar{display:none}.krea-app .model-card{min-height:430px;overflow:hidden;position:relative;border-radius:var(--radius);background:#191919;scroll-snap-align:start}.krea-app .model-card>img{width:100%;height:58%;object-fit:cover}.krea-app .model-card>div{padding:16px}.krea-app .model-card span{color:#ffffff85;font-size:12px}.krea-app .model-card h3{margin:8px 0 6px;font-size:21px;font-weight:500}.krea-app .model-card p{min-height:42px;margin:0;color:var(--muted);line-height:1.35;font-size:14px}.krea-app .model-card button{width:100%;height:40px;margin-top:14px;border:0;border-radius:10px;background:#ededed;color:#111;cursor:pointer}.krea-app .release-section{background:var(--bg)}.krea-app .release-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}.krea-app .release-grid article{min-width:0}.krea-app .release-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px}.krea-app .release-grid h3{margin:14px 0 7px;font-size:20px;font-weight:500;letter-spacing:-.01em}.krea-app .release-grid p{margin:0;max-width:46ch;color:var(--muted);font-size:14px;line-height:1.4}.krea-app .release-grid time{display:block;margin-top:12px;color:#ffffff59;font-size:12px}.krea-app .actions-section{background:#0c0c0c;border-top:1px solid var(--line)}.krea-app .action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.krea-app .action-grid a{min-height:84px;padding:15px;display:flex;align-items:center;gap:13px;border-radius:13px;background:#171717;transition:background-color .18s ease,transform .18s ease}.krea-app .action-grid a:hover{background:#222;transform:translateY(-1px)}.krea-app .action-grid img{width:42px;height:42px;border-radius:10px}.krea-app .action-grid span{display:grid;gap:5px}.krea-app .action-grid strong{font-size:15px;font-weight:500}.krea-app .action-grid small{color:var(--muted)}.krea-app .action-grid b{margin-left:auto;font-size:13px;font-weight:400;color:#ffffff7a}.krea-app .footer{padding:64px 46px 26px;background:#080808;border-top:1px solid var(--line)}.krea-app .footer-columns{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.krea-app .footer-columns h3{margin:0 0 17px;font-size:15px;font-weight:500}.krea-app .footer-columns a{display:block;margin:10px 0;color:var(--muted);font-size:14px}.krea-app .footer-columns a:hover{color:#fff}.krea-app .footer-bottom{margin-top:70px;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:#fff6;font-size:13px}.krea-app .footer-bottom .krea-logo{margin-right:auto;color:#fff;font-size:20px;letter-spacing:-.03em}.krea-app .footer-bottom div{display:flex;gap:18px}.krea-app .toast{position:fixed;right:22px;bottom:22px;z-index:120;max-width:320px;padding:12px 15px;border-radius:12px;background:#232323f0;border:1px solid var(--line-strong);box-shadow:0 18px 45px #00000052;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .22s ease,transform .22s var(--easing)}.krea-app .toast.show{opacity:1;transform:none}.krea-app.sidebar-collapsed .sidebar{width:54px}.krea-app.sidebar-collapsed .main-content,.krea-app.sidebar-collapsed .route-content{margin-left:54px}.krea-app.sidebar-collapsed .workspace-button,.krea-app.sidebar-collapsed .nav-item span:not(.nav-icon):not(.agent-mark),.krea-app.sidebar-collapsed .nav-label,.krea-app.sidebar-collapsed .pricing-link,.krea-app.sidebar-collapsed .sign-in{display:none}.krea-app.sidebar-collapsed .brand-row{padding-left:10px}@media(max-width:920px){.krea-app{--sidebar-width: 54px}.krea-app .workspace-button,.krea-app .nav-item span:not(.nav-icon):not(.agent-mark),.krea-app .nav-label,.krea-app .pricing-link,.krea-app .sign-in{display:none}.krea-app .brand-row{padding-left:10px}.krea-app .release-grid{grid-template-columns:1fr 1fr}.krea-app .release-grid article:first-child{grid-column:1 / -1}.krea-app .footer-columns{grid-template-columns:repeat(3,1fr);row-gap:36px}}@media(max-width:700px){.krea-app{--sidebar-width: 0px}.krea-app .sidebar{width:230px;transform:translate(-100%);box-shadow:20px 0 50px #00000073}.krea-app.mobile-nav-open .sidebar{transform:translate(0)}.krea-app .workspace-button,.krea-app .nav-item span:not(.nav-icon):not(.agent-mark),.krea-app .nav-label,.krea-app .pricing-link,.krea-app .sign-in{display:initial}.krea-app .sidebar-toggle{position:fixed;top:14px;left:244px;z-index:40;width:30px;height:30px;padding:7px;background:#0a0a0ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.krea-app .sidebar-toggle span{top:7px;bottom:7px}.krea-app .sidebar-toggle span:first-child{left:10px}.krea-app .sidebar-toggle span:last-child{right:8px}.krea-app .main-content,.krea-app .route-content,.krea-app.sidebar-collapsed .main-content,.krea-app.sidebar-collapsed .route-content{margin-left:0}.krea-app .hero{min-height:600px}.krea-app .hero-copy{width:calc(100% - 32px);padding-top:44px}.krea-app .hero-heading h1{font-size:44px}.krea-app .hero-heading p{max-width:290px;line-height:1.35}.krea-app .agent-prompt{min-height:142px;border-radius:25px}.krea-app .section-pad,.krea-app .gallery-section{padding-left:16px;padding-right:16px}.krea-app .showcase-track{height:520px}.krea-app .showcase-overlay h2{font-size:37px}.krea-app .masonry{columns:2 130px;gap:9px}.krea-app .gallery-card{margin-bottom:9px}.krea-app .model-track{grid-auto-columns:minmax(268px,82%)}.krea-app .release-grid{grid-template-columns:1fr}.krea-app .release-grid article:first-child{grid-column:auto}.krea-app .action-grid{grid-template-columns:1fr}.krea-app .footer{padding-left:18px;padding-right:18px}.krea-app .footer-columns{grid-template-columns:1fr 1fr}.krea-app .footer-bottom{align-items:flex-start;flex-wrap:wrap}.krea-app .footer-bottom div{width:100%}}.krea-app .workspace-page{min-height:100dvh;position:relative;display:flex;flex-direction:column;background:#111}.krea-app .workspace-topbar{height:62px;display:flex;align-items:center;padding:0 26px;color:#ffffff8c;font-size:18px}.krea-app .workspace-topbar strong{color:#f4f4f4;font-weight:500}.krea-app .workspace-topbar .chevron{margin-left:8px;font-size:13px}.krea-app .workspace-center{flex:1;min-height:0;display:grid;place-items:center;padding:28px 5vw 82px}.krea-app .workspace-stack{width:min(896px,100%);min-width:0;display:grid;justify-items:center;gap:30px}.krea-app .tool-title{margin:0;display:flex;align-items:center;gap:13px;font-size:clamp(38px,4vw,54px);line-height:1;letter-spacing:-.04em;font-weight:500}.krea-app .tool-title img,.krea-app .tool-title .title-icon{width:48px;height:48px;border-radius:12px;object-fit:cover}.krea-app .prompt-dock{width:100%;min-height:118px;padding:14px;border:1px solid rgba(255,255,255,.085);border-radius:28px;background:#1a1a1a;display:grid;grid-template-rows:1fr auto;gap:12px;box-shadow:inset 0 1px #ffffff06}.krea-app .prompt-dock textarea{width:100%;min-height:44px;resize:none;border:0;outline:none;background:transparent;color:#fff;padding:4px 8px;font-size:16px}.krea-app .prompt-dock textarea::placeholder{color:#ffffff7a;opacity:1}.krea-app .dock-tools{width:100%;min-width:0;display:flex;align-items:center;gap:7px}.krea-app .dock-tools button,.krea-app .studio-pills button,.krea-app .mini-action{min-height:38px;padding:0 13px;border:0;border-radius:12px;background:#292929;color:#ffffffd4;cursor:pointer;white-space:nowrap}.krea-app .dock-tools button:hover,.krea-app .studio-pills button:hover,.krea-app .mini-action:hover{background:#343434}.krea-app .dock-tools .generate-round{margin-left:auto;width:38px;padding:0;border-radius:50%;background:#f2f2f2;color:#111;font-size:19px}.krea-app .dock-tools button:active,.krea-app .studio-pills button:active,.krea-app .mini-action:active{transform:translateY(1px)}.krea-app .image-showcase{width:min(820px,92%);height:290px;position:relative;margin-bottom:-20px}.krea-app .image-showcase h1{position:absolute;inset:0 0 auto;z-index:4;margin:0;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:56px;letter-spacing:-.05em}.krea-app .image-fan{position:absolute;top:70px;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.krea-app .image-fan figure{width:210px;aspect-ratio:3/4;position:absolute;overflow:hidden;border-radius:12px;background:#222;box-shadow:0 20px 50px #00000059}.krea-app .image-fan img{width:100%;height:100%;object-fit:cover}.krea-app .image-fan figcaption{position:absolute;inset:auto 0 0;padding:40px 14px 14px;background:linear-gradient(transparent,#000000e6);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.krea-app .video-stack{gap:34px}.krea-app .upload-strip{justify-self:stretch;display:flex;gap:9px}.krea-app .upload-tile{width:58px;height:58px;border:0;border-radius:13px;background:#252525;display:grid;place-items:center;cursor:pointer;font-size:20px}.krea-app .upload-tile small{position:absolute;transform:translateY(44px);color:#ffffff73;font-size:10px;white-space:nowrap}.krea-app .seedance-page .workspace-center{padding-bottom:24px}.krea-app .seedance-stack{width:min(870px,100%);min-width:0;gap:42px}.krea-app .studio-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.krea-app .studio-action{min-width:0;border:0;padding:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.krea-app .studio-visual{aspect-ratio:1.64;margin-bottom:10px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#333 0,#1b1b1b,#171717);font-size:62px;color:#e9e9e9}.krea-app .studio-action:nth-child(2) .studio-visual{background:radial-gradient(circle at 35% 35%,#383838,#191919 65%)}.krea-app .studio-action:nth-child(3) .studio-visual{background:linear-gradient(150deg,#202020,#141414)}.krea-app .studio-action strong{display:block;font-size:14px;font-weight:500}.krea-app .studio-action small{display:block;margin-top:4px;color:#ffffff6b;font-size:12px}.krea-app .studio-prompt{width:100%;min-width:0;min-height:180px;padding:14px;overflow:hidden;border-radius:28px;background:#1a1a1a;display:grid;grid-template-rows:auto 1fr auto;gap:11px}.krea-app .studio-pills{display:flex;gap:7px}.krea-app .studio-pills button{background:transparent;padding-inline:8px;color:#ffffff80}.krea-app .studio-pills button:first-child{color:#fff}.krea-app .studio-prompt textarea{border:0;outline:none;resize:none;background:transparent;color:#fff;padding:4px 10px}.krea-app .studio-prompt textarea::placeholder{color:#ffffff73;opacity:1}.krea-app .library-page{min-height:100dvh;padding:28px 32px 60px;background:#111}.krea-app .library-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.krea-app .library-header h1{margin:0;font-size:30px;font-weight:500;letter-spacing:-.03em}.krea-app .library-header .header-actions{margin-left:auto;display:flex;gap:8px}.krea-app .library-search{width:220px;height:40px;border-radius:11px;border:1px solid var(--line);background:#1a1a1a;color:#fff;padding:0 13px;outline:none}.krea-app .library-tabs{display:flex;gap:8px;margin-bottom:22px}.krea-app .library-tabs button{height:36px;border:0;border-radius:10px;padding:0 14px;background:transparent;color:var(--muted);cursor:pointer}.krea-app .library-tabs button.active{background:#292929;color:#fff}.krea-app .asset-grid{columns:4 180px;column-gap:12px}.krea-app .asset-card{break-inside:avoid;margin-bottom:12px;border-radius:13px;overflow:hidden;background:#1a1a1a;position:relative}.krea-app .asset-card img{width:100%;min-height:160px;object-fit:cover}.krea-app .asset-card div{padding:12px}.krea-app .asset-card h3{margin:0;font-size:14px;font-weight:500}.krea-app .asset-card p{margin:5px 0 0;color:var(--muted);font-size:12px}.krea-app .empty-workspace{min-height:100dvh;display:grid;grid-template-rows:62px 1fr;background:#111}.krea-app .empty-center{display:grid;place-items:center;padding:28px}.krea-app .empty-card{width:min(660px,100%);text-align:center}.krea-app .empty-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:16px;display:grid;place-items:center;background:#222;font-size:28px}.krea-app .empty-card h1{margin:0;font-size:34px;font-weight:500;letter-spacing:-.04em}.krea-app .empty-card p{max-width:470px;margin:12px auto 24px;color:var(--muted);line-height:1.45}.krea-app .empty-card .primary{min-height:44px;padding:0 20px;border:0;border-radius:12px;background:#f2f2f2;color:#111;cursor:pointer}.krea-app .node-canvas{position:relative;min-height:calc(100dvh - 62px);overflow:hidden;background-color:#101010;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:18px 18px}.krea-app .node-card{position:absolute;width:230px;padding:13px;border-radius:14px;background:#202020;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 32px #0000003d}.krea-app .node-card:nth-child(1){left:11%;top:25%}.krea-app .node-card:nth-child(2){left:42%;top:43%}.krea-app .node-card:nth-child(3){right:8%;top:20%}.krea-app .node-card strong{display:block;font-size:14px}.krea-app .node-card p{margin:8px 0;color:var(--muted);font-size:12px}.krea-app .node-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px}.krea-app .split-workspace{min-height:calc(100dvh - 62px);display:grid;grid-template-columns:360px 1fr}.krea-app .control-panel{padding:18px;border-right:1px solid var(--line);background:#0d0d0d}.krea-app .control-panel h1{margin:4px 0 22px;font-size:25px;font-weight:500}.krea-app .control-group{margin:18px 0}.krea-app .control-group label{display:block;margin-bottom:9px;color:var(--muted);font-size:12px}.krea-app .control-group input,.krea-app .control-group textarea,.krea-app .control-group select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:11px;background:#1b1b1b;color:#fff;padding:11px;outline:none}.krea-app .control-group textarea{min-height:104px;resize:none}.krea-app .preview-stage{position:relative;display:grid;place-items:center;padding:36px;background:radial-gradient(circle at 50% 46%,#1e1e1e,#111 62%)}.krea-app .preview-frame{width:min(760px,88%);aspect-ratio:16/10;overflow:hidden;border-radius:14px;background:#181818;display:grid;place-items:center;border:1px solid var(--line)}.krea-app .preview-frame img,.krea-app .preview-frame video{width:100%;height:100%;object-fit:cover}.krea-app.agent-route .sidebar,.krea-app.agent-route #home-view{display:none}.krea-app.agent-route .route-content{margin-left:0}.krea-app .agent-page{min-height:100dvh;position:relative;padding-left:52px;background:#111}.krea-app .agent-rail{position:fixed;inset:0 auto 0 0;z-index:10;width:52px;padding:14px 8px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:18px;background:#101010}.krea-app .agent-rail a,.krea-app .agent-rail button{width:34px;height:34px;border:0;border-radius:9px;display:grid;place-items:center;background:transparent;color:#eee;cursor:pointer}.krea-app .agent-rail a:hover,.krea-app .agent-rail button:hover{background:#272727}.krea-app .agent-rail .rail-bottom{margin-top:auto}.krea-app .agent-main{width:min(1196px,calc(100% - 32px));margin:0 auto;padding:78px 0 44px}.krea-app .agent-intro{width:min(792px,100%);margin:0 auto;text-align:center}.krea-app .agent-intro video,.krea-app .agent-hero-image{width:384px;max-width:100%;aspect-ratio:2.33;margin:0 auto 17px;object-fit:cover;border-radius:14px}.krea-app .agent-intro h1{margin:0 0 24px;font-size:28px;font-weight:500;letter-spacing:-.025em}.krea-app .agent-main .prompt-dock{text-align:left}.krea-app .template-title{margin:76px 0 12px;font-size:16px;font-weight:500}.krea-app .template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.krea-app .template-card{border:0;background:transparent;color:#fff;padding:0;text-align:left;cursor:pointer}.krea-app .template-card img,.krea-app .template-card video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;background:#222}.krea-app .template-card h3{margin:12px 0 5px;font-size:15px;font-weight:500}.krea-app .template-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.krea-app .auth-modal[hidden]{display:none}.krea-app .auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:28px}.krea-app .auth-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#000000db;cursor:default}.krea-app .auth-card{width:min(848px,calc(100vw - 48px));height:min(520px,calc(100dvh - 56px));position:relative;z-index:1;overflow:hidden;border-radius:16px;display:grid;grid-template-columns:45% 55%;background:#101010;box-shadow:0 30px 90px #00000085}.krea-app .auth-panel{position:relative;padding:25px 24px 20px;display:flex;flex-direction:column}.krea-app .auth-panel h2{max-width:350px;margin:0 auto 22px;text-align:center;font-size:clamp(27px,3vw,36px);line-height:1.04;letter-spacing:-.04em;font-weight:500}.krea-app .auth-card>img{width:100%;height:100%;object-fit:cover}.krea-app .auth-close{position:absolute;z-index:2;right:-452px;top:-17px;width:34px;height:34px;border:0;border-radius:50%;background:#1e1e1e42;font-size:28px;line-height:1;cursor:pointer;transform:translateY(25px)}.krea-app .auth-providers{display:grid;gap:10px}.krea-app .auth-providers button{height:48px;border:0;border-radius:12px;background:#f5f5f5;color:#080808;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:15px}.krea-app .google-mark{font-weight:700;color:#4285f4}.krea-app .apple-mark{font-size:17px;color:#000}.krea-app .shield-mark{font-size:23px;color:#000}.krea-app .auth-or{height:43px;display:grid;place-items:center;color:#ffffff45;font-size:12px}.krea-app .auth-email{height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:12px;display:flex;align-items:center;gap:12px;color:#ffffff4d}.krea-app .auth-email input{width:100%;border:0;outline:none;background:transparent;color:#fff}.krea-app .auth-email input::placeholder{color:#ffffff61;opacity:1}.krea-app .auth-continue{height:48px;margin-top:10px;border:0;border-radius:12px;background:#111e30;color:#0b79ff;font-size:15px;cursor:pointer}.krea-app .auth-continue:disabled{opacity:.72}.krea-app .auth-panel p{margin:13px 0 0;text-align:center;color:#ffffff8a;font-size:12px;line-height:1.35}.krea-app .auth-panel p a{color:#5a9eff}.krea-app.modal-open{overflow:hidden}@media(max-width:920px){.krea-app .workspace-center{padding-inline:28px}.krea-app .asset-grid{columns:3 160px}.krea-app .template-grid{grid-template-columns:1fr 1fr}.krea-app .split-workspace{grid-template-columns:300px 1fr}}@media(max-width:700px){.krea-app .workspace-topbar{padding-left:56px;height:58px;font-size:16px}.krea-app .workspace-center{padding:18px 16px 34px;align-items:start}.krea-app .workspace-stack{gap:24px;padding-top:50px}.krea-app .tool-title{font-size:34px}.krea-app .tool-title img,.krea-app .tool-title .title-icon{width:38px;height:38px}.krea-app .image-showcase{height:290px;width:100%}.krea-app .image-showcase h1{font-size:42px}.krea-app .image-fan figure{width:148px}.krea-app .image-fan figure:nth-child(1){transform:translate(-120px) rotate(-5deg)}.krea-app .image-fan figure:nth-child(2){transform:translate(-40px) rotate(3deg)}.krea-app .image-fan figure:nth-child(3){transform:translate(42px) rotate(-4deg)}.krea-app .image-fan figure:nth-child(4){transform:translate(122px) rotate(3deg)}.krea-app .dock-tools{overflow-x:auto;scrollbar-width:none}.krea-app .dock-tools .generate-round{position:sticky;right:0;flex:0 0 auto}.krea-app .studio-actions{grid-template-columns:1fr}.krea-app .studio-action{display:grid;grid-template-columns:112px 1fr;column-gap:12px;align-items:center}.krea-app .studio-visual{grid-row:span 2;margin:0;font-size:38px}.krea-app .seedance-page .tool-title{width:100%;justify-content:center;font-size:29px}.krea-app .studio-prompt{border-radius:22px}.krea-app .studio-prompt .dock-tools{padding-bottom:2px}.krea-app .library-page{padding:18px 14px 40px}.krea-app .library-header{padding-left:42px;flex-wrap:wrap}.krea-app .library-header .header-actions,.krea-app .library-search{width:100%}.krea-app .asset-grid{columns:2 130px;column-gap:9px}.krea-app .split-workspace{grid-template-columns:1fr}.krea-app .control-panel{border-right:0;border-bottom:1px solid var(--line)}.krea-app .preview-stage{min-height:420px;padding:20px}.krea-app .agent-page{padding-left:0}.krea-app .agent-rail{width:44px}.krea-app .agent-main{width:calc(100% - 60px);margin-left:52px;margin-right:8px;padding-top:44px}.krea-app .agent-intro{padding-left:0}.krea-app .agent-intro h1{max-width:300px;margin-inline:auto;font-size:24px;line-height:1.08}.krea-app .template-grid{grid-template-columns:1fr;padding-left:0}.krea-app .template-title{padding-left:0;margin-top:46px}.krea-app .auth-modal{padding:16px}.krea-app .auth-card{width:100%;height:min(640px,calc(100dvh - 32px));grid-template-columns:1fr}.krea-app .auth-card>img{display:none}.krea-app .auth-panel{padding:34px 22px 20px}.krea-app .auth-close{right:10px;top:-26px}}@media(prefers-reduced-motion:reduce){.krea-app{scroll-behavior:auto}.krea-app *,.krea-app *:before,.krea-app *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){.krea-app .agent-prompt,.krea-app .showcase-actions a.ghost,.krea-app .sidebar-toggle{background:#080808;backdrop-filter:none;-webkit-backdrop-filter:none}}.krea-app{min-height:100dvh;width:100%;font-weight:400}.krea-app h1,.krea-app h2,.krea-app h3,.krea-app p,.krea-app button,.krea-app input,.krea-app textarea{font-family:inherit}.krea-app button,.krea-app input,.krea-app textarea,.krea-app a{-webkit-tap-highlight-color:transparent}.krea-app button:focus-visible,.krea-app a:focus-visible,.krea-app [role=button]:focus-visible{outline:2px solid #aaa;outline-offset:3px}.krea-app .workspace-button{display:flex;align-items:center}.krea-app .sidebar-nav{overflow-y:auto;scrollbar-width:none}.krea-app .sidebar-bottom{padding-top:8px}.krea-app .sign-in{flex-shrink:0}.krea-app .account-menu{position:absolute;bottom:65px;left:8px;width:238px;padding:12px;border:1px solid #333;border-radius:14px;background:#1c1c1c;box-shadow:0 16px 50px #0008;z-index:35}.krea-app .account-menu strong{display:block;padding:8px;font-size:14px}.krea-app .account-menu a,.krea-app .account-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;border:0;border-radius:8px;background:transparent;cursor:pointer;font-size:14px}.krea-app .account-menu a:hover,.krea-app .account-menu button:hover{background:#303030}.krea-app .model-button select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#eee;background:transparent;border:0;outline:none;cursor:pointer}.krea-app .model-button option{background:#202020}.krea-app .carousel-controls button,.krea-app .gallery-search button{display:grid;place-items:center}.krea-app .model-track .model-card>img{height:250px}.krea-app .muted{color:#999}.krea-app .mobile-nav-scrim{display:none}.krea-app .krea-generation{height:100dvh;min-height:620px;display:flex;flex-direction:column;overflow:hidden;background:#111}.krea-app .workspace-topbar{flex:0 0 62px}.krea-app .workspace-topbar .ant-select{min-width:180px;max-width:calc(100% - 75px);font-size:18px}.krea-app .workspace-topbar .ant-select-selector{padding-left:0!important}.krea-app .generation-scroll-area{flex:1;width:100%;min-height:0;padding:28px 5vw 82px;display:flex}.krea-app .generation-wide-container{max-width:896px;padding:0;width:100%}.krea-app .generation-home{min-height:100%;padding:0;display:flex;align-items:center;justify-content:center}.krea-app .lobe-prompt-wrap{width:100%;display:grid;justify-items:center;gap:30px}.krea-app .lobe-prompt-wrap>.border-glow-card{width:100%}.krea-app .image-showcase{margin-bottom:-20px}.krea-app .image-fan figure{margin:0;cursor:pointer}.krea-app .image-fan{pointer-events:none}.krea-app .image-fan figure{pointer-events:auto}.krea-app .workspace-tool-intro{width:100%;display:grid;justify-items:center;gap:42px}.krea-app .workspace-tool-intro .studio-actions{margin-bottom:12px}.krea-app .prompt-dock{display:block;padding:14px;border-radius:28px;min-height:130px}.krea-app .lobe-chat-input{min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.krea-app .lobe-input-body{min-height:48px;gap:12px;padding:0 8px;align-items:flex-start}.krea-app .generation-input-wrapper{width:100%}.krea-app .generation-input-wrapper textarea{min-height:44px!important;padding:4px 0!important;font-size:16px;line-height:1.5;color:#f3f3f3;background:transparent!important}.krea-app .generation-input-wrapper textarea::placeholder{color:#858585}.krea-app .lobe-input-footer{padding:12px 0 0;min-height:50px;border:0;align-items:flex-end;gap:7px;flex-wrap:nowrap}.krea-app .input-actions-left{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:0}.krea-app .input-actions-right{margin-left:auto;flex:0 0 auto}.krea-app .composer-kind-select{display:none}.krea-app .is-agent .composer-kind-select{display:block;min-width:74px}.krea-app .input-actions-left>.ant-form-item:has(.composer-kind-select){display:none}.krea-app .is-agent .input-actions-left>.ant-form-item:has(.composer-kind-select){display:block}.krea-app .composer-mode-segmented.ant-segmented{border:0;background:#292929;padding:3px;border-radius:12px;min-height:38px}.krea-app .composer-mode-segmented .ant-segmented-item{min-height:32px;border-radius:9px;color:#bcbcbc}.krea-app .composer-mode-segmented .ant-segmented-item-selected{background:#414141;color:#f3f3f3;box-shadow:none}.krea-app .dock-model-button,.krea-app .duration-btn{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;background:#292929;color:#d6d6d6;font-size:14px;border-radius:12px;border:0;cursor:pointer;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}.krea-app .dock-model-button:hover,.krea-app .duration-btn:hover{background:#343434}.krea-app .generation-submit-button{min-width:38px!important;width:38px!important;height:38px!important;border-radius:50%!important;border:0!important;background:#f2f2f2!important;color:#111!important;box-shadow:none!important}.krea-app .generation-submit-button:disabled{opacity:.45}.krea-app .inline-reference-images,.krea-app .inline-reference-audio{margin:0 8px 12px;padding:0;border:0;background:none}.krea-app .inline-frame-card{background:#252525;border-color:#393939}.krea-app .inline-video-frames{padding:0}.krea-app .generation-bottom-input{position:static;padding:12px 5vw 22px;background:#111;border-top:0}.krea-app .has-results .generation-scroll-area{padding-bottom:20px}.krea-app .generation-feed{padding:0 0 24px}.krea-app .feed-video-card,.krea-app .feed-image-card{box-shadow:none;border-color:#2e2e2e}.krea-app .is-studio .lobe-prompt-wrap{gap:42px}.krea-app .is-studio .lobe-chat-input{min-height:180px}.krea-app .is-studio .lobe-input-body{min-height:124px}.krea-app .generation-intro h1{margin-bottom:0}.krea-app .is-agent .lobe-prompt-wrap{max-width:792px}.krea-app .is-agent .generation-home{align-items:flex-start;padding-top:16px}.krea-app .library-page .asset-card{padding:0;width:100%;border:0;text-align:left;color:inherit;cursor:pointer}.krea-app .library-page .asset-card:hover{background:#262626}.krea-app .asset-preview{display:grid;place-items:center;min-height:170px;padding:0!important;background:#1d1d1d}.krea-app .asset-preview video{width:100%;max-height:300px;object-fit:cover}.krea-app .asset-preview img{min-height:0;max-height:330px}.krea-app .asset-preview svg{margin:48px;color:#858585}.krea-app .asset-card h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.krea-app .asset-status{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0!important;margin-top:10px}.krea-app .asset-status small{color:#999}.krea-app .library-pagination{display:flex;justify-content:center;margin-top:28px}.krea-app .library-tabs{flex-wrap:wrap}.krea-app .library-empty{min-height:350px;display:grid;place-content:center;justify-items:center;gap:16px;color:#999}.krea-app .library-empty h2{font-size:22px;color:#eee;margin:0}.krea-app .library-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.krea-app .library-skeleton div{height:240px;border-radius:13px;background:#202020}.krea-app .detail-grid{padding:28px;background:#111}.krea-app .detail-grid .surface{background:#191919;border-color:#303030;box-shadow:none}.krea-app .detail-grid .page-title h1{font-size:22px;overflow-wrap:anywhere}.krea-app .detail-grid .json-panel{background:#111;color:#bdbdbd}.krea-app .detail-back{display:inline-flex;gap:8px;margin:22px 28px 0;color:#aaa}.krea-app.creator-login-shell{display:grid;place-items:center;padding:24px;min-height:100dvh;background:#050505}.krea-app .auth-card{height:520px}.krea-app .auth-panel{justify-content:center;gap:14px}.krea-app .auth-panel h2{margin:0 0 12px}.krea-app .auth-panel .login-logo-row{justify-content:center;margin:0 0 12px;gap:8px}.krea-app .auth-panel .login-logo-img{height:28px;width:28px}.krea-app .auth-panel .login-logo-text{font-size:17px}.krea-app .auth-panel .ant-input-affix-wrapper,.krea-app .auth-panel .ant-input{background:#191919;color:#eee;border-color:#414141}.krea-app .auth-panel .ant-form-item-label label{color:#bbb}.krea-app .auth-panel .auth-login-submit{color:#111;background:#f2f2f2;border:0;border-radius:12px;min-height:46px}.krea-app .auth-panel .login-switch{text-align:center;margin:0;color:#999}@media(max-width:1100px){.krea-app .image-fan figure{width:180px}.krea-app .image-fan figure:nth-child(1){transform:translate(-225px) rotate(-5deg)}.krea-app .image-fan figure:nth-child(2){transform:translate(-75px) rotate(3deg)}.krea-app .image-fan figure:nth-child(3){transform:translate(78px) rotate(-4deg)}.krea-app .image-fan figure:nth-child(4){transform:translate(225px) rotate(3deg)}}@media(min-width:701px)and (max-width:920px){.krea-app .workspace-button{display:none}}@media(max-width:700px){.krea-app .krea-generation{min-height:100dvh;height:auto;overflow:visible}.krea-app .workspace-topbar{flex-basis:58px}.krea-app .workspace-topbar .ant-select{font-size:15px}.krea-app .generation-scroll-area{padding:18px 16px 34px;overflow:visible}.krea-app .generation-home{min-height:0;padding-top:50px}.krea-app .lobe-prompt-wrap{gap:24px}.krea-app .image-fan figure{width:148px}.krea-app .image-fan figure:nth-child(1){transform:translate(-120px) rotate(-5deg)}.krea-app .image-fan figure:nth-child(2){transform:translate(-40px) rotate(3deg)}.krea-app .image-fan figure:nth-child(3){transform:translate(42px) rotate(-4deg)}.krea-app .image-fan figure:nth-child(4){transform:translate(122px) rotate(3deg)}.krea-app .image-showcase{overflow:clip;overflow-clip-margin:20px}.krea-app .image-fan figcaption{font-size:13px}.krea-app .input-actions-left{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.krea-app .input-actions-left>*{flex-shrink:0}.krea-app .lobe-input-footer{gap:6px}.krea-app .dock-model-button{font-size:12px;padding-inline:10px}.krea-app .prompt-dock{padding:14px}.krea-app .workspace-tool-intro .tool-title{font-size:30px}.krea-app .generation-bottom-input{padding:12px 16px 22px;position:sticky;bottom:0}.krea-app .generation-wide-container{width:100%}.krea-app .has-results{height:100dvh;overflow:hidden}.krea-app .has-results .generation-scroll-area{overflow-y:auto}.krea-app .sidebar-toggle{left:244px}.krea-app.mobile-nav-open .sidebar-toggle{left:188px}.krea-app .mobile-nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0009;z-index:29}.krea-app .library-skeleton{grid-template-columns:1fr 1fr}.krea-app .library-header h1{font-size:24px}.krea-app .library-header .mini-action{flex-shrink:0}.krea-app .detail-grid{padding:16px;grid-template-columns:1fr}.krea-app .detail-grid .ant-descriptions{overflow-x:auto}.krea-app .auth-card{height:auto;min-height:480px}.krea-app .workspace-button{display:flex}}.krea-app .generation-templates{width:100%}.krea-app .agent-intro-copy{width:min(792px,100%);text-align:center}.krea-app .agent-intro-copy .agent-hero-image{width:384px;max-width:100%;aspect-ratio:2.33;margin:0 auto 17px;object-fit:cover;border-radius:14px}.krea-app .agent-intro-copy h1{margin:0;font-size:28px;font-weight:500;letter-spacing:-.025em}.krea-app .generation-templates{margin-top:48px}.krea-app .generation-templates .template-title{margin-top:0}.krea-app .audio-title-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;color:#101010;background:linear-gradient(145deg,#e4f65b,#81cf5b)}.krea-app .library-search-form{position:relative;display:flex;align-items:center}.krea-app .library-search-form>svg{position:absolute;left:12px;z-index:1;color:#777;pointer-events:none}.krea-app .library-search-form .library-search{padding-left:36px}.krea-app .library-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.krea-app .library-status-select{width:124px}.krea-app .asset-card{font:inherit}.krea-app .asset-preview{min-height:210px;gap:10px;color:#888}.krea-app .asset-preview span{font-size:12px}.krea-app .agent-rail svg{display:block}.krea-app .workspace-tool-intro>.lobe-prompt-wrap{width:100%}.krea-app .upload-tile{min-height:58px;padding:0;position:relative}.krea-app .is-agent.is-empty{height:auto;min-height:100dvh;overflow:visible}.krea-app .is-agent.is-empty .workspace-topbar{display:none}.krea-app .is-agent.is-empty .generation-scroll-area{padding:78px 16px 44px;overflow:visible}.krea-app .is-agent.is-empty .generation-wide-container{max-width:1196px}.krea-app .is-agent.is-empty .generation-home{display:flex;flex-direction:column;padding:0}.krea-app .is-agent.is-empty .lobe-prompt-wrap{margin:0 auto;gap:24px}.krea-app.agent-route .route-content{margin-left:52px}.generation-config-popover .config-field{display:grid;gap:9px;margin-bottom:16px}.generation-config-popover .config-field>span{color:#aaa;font-size:12px}@media(max-width:700px){.krea-app.agent-route .route-content{margin-left:44px}.krea-app .is-agent.is-empty .generation-scroll-area{padding:44px 8px 36px}.krea-app .agent-intro-copy h1{max-width:300px;margin-inline:auto;font-size:24px;line-height:1.08}.krea-app .generation-templates{margin-top:38px}.krea-app .library-toolbar{align-items:stretch;flex-direction:column}.krea-app .library-status-select{width:100%}}.krea-app .detail-title-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.krea-app .detail-title-actions .mini-action{display:inline-flex;align-items:center;font-size:13px}.krea-app .workspace-api-error{margin:0 26px;padding:10px 14px;background:#28221b;color:#d7bb99;border:1px solid #4a3925;border-radius:10px;font-size:13px}.krea-app .workspace-api-error button{margin-left:10px;border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer}.krea-app .lobe-prompt-wrap{grid-template-columns:minmax(0,1fr);min-width:0}.krea-app .prompt-dock,.krea-app .lobe-chat-input{min-width:0;max-width:100%}.krea-app .lobe-input-body>.ant-form-item{flex:1;width:100%;min-width:0}.krea-app .lobe-input-footer{flex-direction:row}.krea-app .input-actions-left{flex:1;width:auto}.krea-app .input-actions-right{width:auto}.krea-app .is-studio .workspace-topbar{display:none}.krea-app .is-agent .composer-kind-select{height:38px;min-width:82px}.krea-app .is-agent .composer-kind-select .ant-select-content{flex-direction:row;align-items:center}.krea-app .auth-card{grid-template-rows:minmax(0,1fr)}.krea-app .auth-panel{min-height:0;overflow-y:auto}.krea-app .auth-card>img{min-height:0}.krea-app .task-status{color:#bcbcbc;background:#2b2b2b}.krea-app .task-status.status-succeeded{color:#9ed9ab;background:#213429}.krea-app .task-status.status-running{color:#eed49b;background:#3b3220}.krea-app .task-status.status-queued{color:#a9c6ed;background:#243147}.krea-app .task-status.status-failed,.krea-app .task-status.status-expired{color:#edada7;background:#3c2725}.krea-app,.krea-app .krea-generation{font-size:16px;line-height:normal}.krea-app .sidebar-nav{flex-shrink:0;overflow:visible}.krea-app .sidebar-bottom{padding-top:0}@media(max-height:680px)and (min-width:701px){.krea-app .sidebar-nav{flex-shrink:1;overflow-y:auto}}@media(max-width:700px){.krea-app .sidebar-nav{flex-shrink:1;overflow-y:auto}}.krea-app .more-dots{white-space:nowrap;flex-shrink:0}.krea-app .prompt-text{background:#232323;color:#ddd;border:1px solid #333}.krea-app .task-status.status-succeeded{color:#9ed9ab!important;background:#213429!important}.krea-app .task-status.status-running{color:#eed49b!important;background:#3b3220!important}.krea-app .task-status.status-queued{color:#a9c6ed!important;background:#243147!important}.krea-app .task-status.status-failed,.krea-app .task-status.status-expired{color:#edada7!important;background:#3c2725!important}.krea-app .generation-scroll-area{padding-left:clamp(22px,3vw,52px);padding-right:clamp(22px,3vw,52px)}.krea-app .generation-wide-container{max-width:1680px}.krea-app .workspace-tool-intro{gap:clamp(30px,4vh,46px)}.krea-app .lobe-prompt-wrap>.krea-composer-shell{width:100%}.krea-app .krea-composer-shell{position:relative;min-height:214px;overflow:hidden;border:1px solid #3a3a3c;border-radius:30px;background:#121213;box-shadow:inset 0 1px #ffffff06,0 24px 70px #0000003d;transition:border-color .18s ease,box-shadow .18s ease}.krea-app .krea-composer-shell:focus-within{border-color:#5b5b5f;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff06,0 26px 74px #0000004d}.krea-app .krea-composer-shell .lobe-chat-input{display:flex;flex-direction:column;min-height:212px;height:100%;padding:0;border-radius:inherit}.krea-app .krea-composer-shell .lobe-input-body{flex:1 1 auto;min-height:150px;padding:22px 32px 10px;gap:16px}.krea-app .krea-composer-shell .lobe-input-body>.ant-form-item{align-self:stretch}.krea-app .krea-composer-shell .generation-input-wrapper textarea{min-height:112px!important;padding:0!important;color:#e8e8e9!important;font-size:18px;line-height:1.55;caret-color:#e8e8e9}.krea-app .krea-composer-shell .generation-placeholder-overlay{padding:0;color:#858589;font-size:18px;line-height:1.55}.krea-app .krea-composer-shell .lobe-input-footer{min-height:62px;padding:6px 7px 7px;align-items:center;gap:10px;border-top:1px solid #303032}.krea-app .krea-composer-shell .input-actions-left{flex:1 1 auto;gap:7px;flex-wrap:nowrap}.krea-app .krea-composer-shell .input-actions-right{display:flex;gap:7px;margin-left:auto}.krea-app .krea-composer-shell .composer-mode-segmented.ant-segmented{min-height:48px;padding:4px;border-radius:16px;background:#2a2a2c}.krea-app .krea-composer-shell .composer-mode-segmented .ant-segmented-item{min-height:40px;border-radius:12px;color:#b8b8bb;font-size:15px;font-weight:450}.krea-app .krea-composer-shell .composer-mode-segmented .ant-segmented-item-label{min-height:40px;padding:0 15px;display:flex;align-items:center;white-space:nowrap}.krea-app .krea-composer-shell .composer-mode-segmented .ant-segmented-item-selected{background:#48484b;color:#f1f1f2;box-shadow:none}.krea-app .krea-composer-shell .input-actions-left>[role=button],.krea-app .krea-composer-shell .input-actions-right>[role=button]{width:48px!important;height:48px!important;border-radius:14px!important;color:#77777b}.krea-app .krea-composer-shell .input-actions-left>[role=button]:hover,.krea-app .krea-composer-shell .input-actions-right>[role=button]:hover{background:#242426;color:#c9c9cb}.krea-app .krea-composer-shell .duration-btn{min-height:48px;padding:0 18px;border-radius:15px;background:#2a2a2c;color:#d0d0d2;font-size:15px}.krea-app .krea-composer-shell .duration-btn:active,.krea-app .krea-composer-shell .input-actions-left>[role=button]:active,.krea-app .krea-composer-shell .input-actions-right>[role=button]:active{transform:translateY(1px) scale(.98)}.krea-app .krea-composer-shell .generation-submit-button{width:52px!important;min-width:52px!important;height:52px!important;border-radius:50%!important;background:#a4a4a5!important;color:#151516!important}.krea-app .krea-composer-shell .generation-submit-button:not(:disabled):hover{background:#eeeeef!important}.krea-app .krea-composer-shell .generation-submit-button:disabled{background:#8b8b8d!important;color:#202022!important;opacity:.72}.krea-app .krea-composer-shell.is-compact{min-height:142px;border-radius:24px}.krea-app .krea-composer-shell.is-compact .lobe-chat-input{min-height:140px}.krea-app .krea-composer-shell.is-compact .lobe-input-body{min-height:82px;padding:14px 22px 6px}.krea-app .krea-composer-shell.is-compact .generation-input-wrapper textarea{min-height:60px!important;font-size:16px}.krea-app .krea-composer-shell.is-compact .generation-placeholder-overlay{font-size:16px}.krea-app .krea-composer-shell.is-compact .lobe-input-footer{min-height:54px;padding:4px 6px 5px}.krea-app .image-showcase{width:min(1420px,96%);height:clamp(320px,44vh,390px);margin-bottom:-10px}.krea-app .image-showcase h1{font-size:clamp(58px,5vw,86px)}.krea-app .image-showcase h1 img{width:clamp(54px,4.4vw,76px);height:clamp(54px,4.4vw,76px);border-radius:17px}.krea-app .image-fan{top:74px;right:0;bottom:0;left:0}.krea-app .image-fan figure{width:clamp(220px,18vw,380px)}.krea-app .image-fan figure:nth-child(1){transform:translate(-132%) rotate(-5deg)}.krea-app .image-fan figure:nth-child(2){transform:translate(-44%) rotate(3deg)}.krea-app .image-fan figure:nth-child(3){transform:translate(44%) rotate(-4deg)}.krea-app .image-fan figure:nth-child(4){transform:translate(132%) rotate(3deg)}.krea-app .tool-title{font-size:clamp(58px,5vw,86px)}.krea-app .tool-title img,.krea-app .tool-title .title-icon{width:clamp(54px,4.4vw,76px);height:clamp(54px,4.4vw,76px);border-radius:17px}.krea-app .upload-tile{width:78px;height:78px;border-radius:18px}@media(max-width:700px){.krea-app .generation-scroll-area{padding-left:14px;padding-right:14px}.krea-app .krea-composer-shell{min-height:184px;border-radius:24px}.krea-app .krea-composer-shell .lobe-chat-input{min-height:182px}.krea-app .krea-composer-shell .lobe-input-body{min-height:120px;padding:18px 18px 8px}.krea-app .krea-composer-shell .generation-input-wrapper textarea{min-height:82px!important;font-size:16px}.krea-app .krea-composer-shell .generation-placeholder-overlay{font-size:16px}.krea-app .krea-composer-shell .lobe-input-footer{min-height:56px;gap:5px}.krea-app .krea-composer-shell .composer-mode-segmented.ant-segmented{min-height:44px}.krea-app .krea-composer-shell .composer-mode-segmented .ant-segmented-item,.krea-app .krea-composer-shell .composer-mode-segmented .ant-segmented-item-label{min-height:36px}.krea-app .krea-composer-shell .composer-mode-segmented .ant-segmented-item-label{padding:0 11px;font-size:13px}.krea-app .krea-composer-shell .input-actions-left>[role=button],.krea-app .krea-composer-shell .input-actions-right>[role=button]{width:42px!important;height:42px!important}.krea-app .krea-composer-shell .generation-submit-button{width:46px!important;min-width:46px!important;height:46px!important}.krea-app .image-showcase{width:100%;height:264px}.krea-app .image-fan figure{width:154px}}@media(min-width:701px){.krea-app .krea-generation.is-empty:has(.krea-composer-image){background:#101010}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .workspace-topbar{flex-basis:64px;height:64px;padding:0 14px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .generation-scroll-area{padding:0 16px 12px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .generation-wide-container,.krea-app .krea-generation.is-empty:has(.krea-composer-image) .generation-home,.krea-app .krea-generation.is-empty:has(.krea-composer-image) .workspace-tool-intro{height:100%;min-height:0}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .workspace-tool-intro{grid-template-rows:minmax(0,1fr) auto;gap:32px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-showcase{align-self:center;width:768px;max-width:100%;height:336px;margin:0}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-showcase h1{height:52px;font-size:48px;font-weight:500;line-height:48px;letter-spacing:-.03em}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-showcase h1 img{width:40px;height:40px;border-radius:10px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-fan{inset:76px 0 auto;width:768px;max-width:100%;height:260px;align-items:flex-start;justify-content:flex-start;pointer-events:auto}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-fan figure{--card-transform: rotate(-2.5deg) scale(.98) translateY(0);--deal-x: 296px;position:relative;flex:0 0 208px;width:208px;height:260px;margin:0 0 0 -16px;aspect-ratio:4 / 5;transform:var(--card-transform);transform-origin:center bottom;border-radius:14px;box-shadow:0 14px 28px #00000047;will-change:transform,opacity}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-fan figure:nth-child(2){--card-transform: rotate(.5deg) scale(.99) translateY(24px);--deal-x: 104px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-fan figure:nth-child(3){--card-transform: rotate(-1.25deg) scale(1.01) translateY(0);--deal-x: -88px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-fan figure:nth-child(4){--card-transform: rotate(3.5deg) scale(1.01) translateY(24px);--deal-x: -280px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-fan figcaption{padding:48px 24px 24px;font-size:16px;line-height:24px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .lobe-prompt-wrap{align-self:end}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .krea-composer-shell{min-height:156px;padding:12px;overflow:visible;border:.5px solid rgba(255,255,255,.15);border-radius:32px;background:#272727d1;box-shadow:none;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .krea-composer-shell .lobe-chat-input{min-height:128px;height:128px;gap:8px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .krea-composer-shell .lobe-input-body{flex:0 0 84px;min-height:84px;height:84px;padding:0;gap:0}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .lobe-input-body>.ant-form-item{height:84px;overflow:visible}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .generation-input-wrapper,.krea-app .krea-generation.is-empty:has(.krea-composer-image) .generation-input-wrapper textarea{min-height:78px!important;height:78px!important}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .generation-input-wrapper textarea{padding:6px 10px!important;overflow-y:auto!important;overscroll-behavior:contain;resize:none;scrollbar-color:#55555a transparent;scrollbar-width:thin}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .generation-placeholder-overlay{padding:6px 10px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .krea-composer-shell .lobe-input-footer{min-height:36px;height:36px;gap:4px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .input-actions-left,.krea-app .krea-generation.is-empty:has(.krea-composer-image) .input-actions-right{height:36px;gap:4px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .composer-mode-segmented.ant-segmented{min-height:36px;height:36px;border-radius:18px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .composer-mode-segmented .ant-segmented-item,.krea-app .krea-generation.is-empty:has(.krea-composer-image) .composer-mode-segmented .ant-segmented-item-label{min-height:30px;height:30px;line-height:30px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .composer-mode-segmented .ant-segmented-item{border-radius:15px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .krea-composer-shell .input-actions-left>[role=button],.krea-app .krea-generation.is-empty:has(.krea-composer-image) .krea-composer-shell .input-actions-right>[role=button],.krea-app .krea-generation.is-empty:has(.krea-composer-image) .generation-submit-button{width:36px!important;min-width:36px!important;height:36px!important}}@keyframes krea-image-title-in{0%{opacity:0;transform:translateY(14px) scale(.96);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes krea-image-card-deal{0%{opacity:0;transform:translate(var(--deal-x)) translateY(34px) rotate(0) scale(.86)}to{opacity:1;transform:var(--card-transform)}}@keyframes krea-image-composer-in{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes krea-image-model-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .workspace-topbar{animation:krea-image-model-in .36s cubic-bezier(.22,1,.36,1) backwards}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-showcase h1{animation:krea-image-title-in .48s 40ms cubic-bezier(.22,1,.36,1) backwards}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-fan figure{animation:krea-image-card-deal .68s .11s cubic-bezier(.22,1,.36,1) backwards}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-fan figure:nth-child(2){animation-delay:155ms}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-fan figure:nth-child(3){animation-delay:.2s}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-fan figure:nth-child(4){animation-delay:245ms}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .krea-composer-shell{animation:krea-image-composer-in .46s .26s cubic-bezier(.22,1,.36,1) backwards}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-fan figure:hover{transform:var(--card-transform) translateY(-4px) scale(1.02);z-index:5}@media(prefers-reduced-motion:reduce){.krea-app .krea-generation.is-empty:has(.krea-composer-image) .workspace-topbar,.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-showcase h1,.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-fan figure,.krea-app .krea-generation.is-empty:has(.krea-composer-image) .krea-composer-shell{animation:none}}@media(prefers-reduced-motion:reduce){.krea-app .krea-composer-shell{transition:none}}.krea-app .generation-scroll-area{padding:28px 5vw 82px}.krea-app .generation-wide-container{max-width:896px}.krea-app .workspace-tool-intro{gap:30px}.krea-app .krea-composer-shell,.krea-app .krea-composer-shell.is-compact{width:100%;min-height:130px;padding:14px;overflow:visible;border:1px solid rgba(255,255,255,.085);border-radius:28px;background:#1a1a1a;box-shadow:inset 0 1px #ffffff06}.krea-app .krea-composer-shell:focus-within{border-color:#ffffff21;box-shadow:inset 0 1px #ffffff06}.krea-app .krea-composer-shell .lobe-chat-input,.krea-app .krea-composer-shell.is-compact .lobe-chat-input{min-height:100px;padding:0;overflow:visible;border-radius:0}.krea-app .krea-composer-shell .lobe-input-body,.krea-app .krea-composer-shell.is-compact .lobe-input-body{min-height:50px;padding:0 8px;gap:12px}.krea-app .krea-composer-shell .generation-input-wrapper textarea,.krea-app .krea-composer-shell.is-compact .generation-input-wrapper textarea{min-height:44px!important;padding:4px 0!important;color:#f3f3f3!important;font-size:16px;line-height:1.5}.krea-app .krea-composer-shell .generation-placeholder-overlay,.krea-app .krea-composer-shell.is-compact .generation-placeholder-overlay{padding:4px 0;color:#ffffff7a;font-size:16px;line-height:1.5}.krea-app .krea-composer-shell .lobe-input-footer,.krea-app .krea-composer-shell.is-compact .lobe-input-footer{min-height:38px;padding:0;align-items:center;gap:7px;border-top:0}.krea-app .krea-composer-shell .input-actions-left,.krea-app .krea-composer-shell .input-actions-right{gap:7px}.krea-app .krea-composer-shell .composer-mode-segmented.ant-segmented{min-height:38px;padding:3px;border-radius:12px;background:#292929}.krea-app .krea-composer-shell .composer-mode-segmented .ant-segmented-item,.krea-app .krea-composer-shell .composer-mode-segmented .ant-segmented-item-label{min-height:32px}.krea-app .krea-composer-shell .composer-mode-segmented .ant-segmented-item{border-radius:9px;color:#ffffffb8;font-size:13px}.krea-app .krea-composer-shell .composer-mode-segmented .ant-segmented-item-label{padding:0 12px}.krea-app .krea-composer-shell .composer-mode-segmented .ant-segmented-item-selected{background:#414141;color:#f3f3f3}.krea-app .krea-composer-shell .input-actions-left>[role=button],.krea-app .krea-composer-shell .input-actions-right>[role=button]{width:36px!important;height:36px!important;border-radius:9px!important}.krea-app .krea-composer-shell .duration-btn{min-height:38px;padding:0 13px;border-radius:12px;background:#292929;color:#ffffffd4;font-size:14px}.krea-app .krea-composer-shell .generation-submit-button,.krea-app .krea-composer-shell.is-compact .generation-submit-button{width:38px!important;min-width:38px!important;height:38px!important;border-radius:50%!important;background:#f2f2f2!important;color:#111!important;opacity:1}.krea-app .krea-composer-shell .generation-submit-button:disabled{background:#f2f2f2!important;color:#111!important;opacity:.45}.krea-app .image-showcase{width:min(820px,92%);height:290px;margin-bottom:-20px}.krea-app .image-showcase h1{font-size:56px}.krea-app .image-showcase h1 img{width:48px;height:48px;border-radius:12px}.krea-app .image-fan{top:70px;right:0;bottom:0;left:0}.krea-app .image-fan figure{width:210px}.krea-app .image-fan figure:nth-child(1){transform:translate(-280px) rotate(-5deg)}.krea-app .image-fan figure:nth-child(2){transform:translate(-92px) rotate(3deg)}.krea-app .image-fan figure:nth-child(3){transform:translate(100px) rotate(-4deg)}.krea-app .image-fan figure:nth-child(4){transform:translate(288px) rotate(3deg)}.krea-app .tool-title{font-size:clamp(38px,4vw,54px)}.krea-app .tool-title img,.krea-app .tool-title .title-icon{width:48px;height:48px;border-radius:12px}.krea-app .upload-tile{width:58px;height:58px;border-radius:13px}.krea-app .is-studio .krea-composer-shell{min-height:180px}.krea-app .is-studio .krea-composer-shell .lobe-chat-input{min-height:150px}.krea-app .is-studio .krea-composer-shell .lobe-input-body{min-height:100px}.krea-app .workspace-tool-intro:has(.krea-composer-video){gap:34px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .generation-scroll-area{padding-bottom:0}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .generation-home{height:100%;align-items:stretch}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .workspace-tool-intro{height:100%;min-height:0;grid-template-rows:minmax(0,1fr) auto;gap:0}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-showcase{align-self:start;margin-top:clamp(48px,9vh,78px)}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .lobe-prompt-wrap{align-self:end}.krea-app .is-studio .generation-scroll-area{padding-bottom:24px}.krea-app .is-studio .generation-wide-container{max-width:870px}.krea-app .is-studio .workspace-tool-intro{gap:42px}@media(max-width:700px){.krea-app .generation-scroll-area{padding:18px 16px 34px}.krea-app .image-showcase{width:100%;height:290px}.krea-app .image-showcase h1{font-size:42px}.krea-app .image-showcase h1 img,.krea-app .tool-title img,.krea-app .tool-title .title-icon{width:38px;height:38px}.krea-app .tool-title{font-size:34px}.krea-app .krea-composer-shell{min-height:130px;border-radius:22px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .generation-scroll-area{padding-bottom:34px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .workspace-tool-intro{height:auto;grid-template-rows:auto auto;gap:24px}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-showcase{margin-top:0}}@media(min-width:701px){.krea-app .krea-generation.is-empty:has(.krea-composer-image) .generation-scroll-area{padding:0 16px 12px!important}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .workspace-tool-intro{gap:32px!important}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .image-showcase{align-self:center;margin:0}.krea-app .krea-generation.is-empty:has(.krea-composer-image) .krea-composer-image:has(.inline-reference-images) .lobe-chat-input{height:auto}}@media(max-width:700px){.krea-app :is(.krea-composer-video,.krea-composer-audio) .lobe-input-footer{align-items:flex-end}.krea-app :is(.krea-composer-video,.krea-composer-audio) .input-actions-left{flex:1 1 0;width:0;min-width:0;flex-wrap:wrap;overflow:visible}.krea-app :is(.krea-composer-video,.krea-composer-audio) .input-actions-right{align-self:flex-end}}.krea-app :is(.krea-composer-video,.krea-composer-audio){min-height:124px;padding:12px;border:.5px solid rgba(255,255,255,.15);border-radius:32px;background:#272727d1;box-shadow:0 18px 42px #00000038}.krea-app :is(.krea-composer-video,.krea-composer-audio) .lobe-chat-input{min-height:99px}.krea-app .is-studio .krea-composer-video{min-height:124px}.krea-app .is-studio .krea-composer-video .lobe-chat-input{min-height:99px}.krea-app .is-studio .krea-composer-video .lobe-input-body{min-height:55px}.krea-app :is(.krea-composer-video,.krea-composer-audio) .composer-mode-segmented.ant-segmented{min-height:36px;padding:3px;border-radius:18px;background:#292929}.krea-app :is(.krea-composer-video,.krea-composer-audio) .composer-mode-segmented .ant-segmented-item,.krea-app :is(.krea-composer-video,.krea-composer-audio) .composer-mode-segmented .ant-segmented-item-label{min-height:30px}.krea-app :is(.krea-composer-video,.krea-composer-audio) .composer-mode-segmented .ant-segmented-item{border-radius:15px}.krea-app :is(.krea-composer-video,.krea-composer-audio) .composer-mode-segmented .ant-segmented-item-selected{border-radius:15px;background:#414141}.krea-app :is(.krea-composer-video,.krea-composer-audio) .duration-btn{min-height:36px;height:36px;border-radius:18px}.krea-app :is(.krea-composer-video,.krea-composer-audio) .generation-submit-button{width:36px!important;min-width:36px!important;height:36px!important}@media(max-width:700px){.krea-app :is(.krea-composer-video,.krea-composer-audio){min-height:124px;border-radius:28px}}.krea-app .lobe-input-body:has(>.inline-reference-images),.krea-app .lobe-input-body:has(>.inline-video-frames){min-height:112px;height:auto;flex-basis:auto;padding-bottom:16px;overflow:visible}.krea-app .krea-composer-shell .lobe-input-body:has(>.inline-reference-images){flex:0 0 126px!important;min-height:126px!important;height:126px!important;padding:0 8px 24px!important}.krea-app .krea-composer-shell:has(.inline-reference-images) .lobe-chat-input,.krea-app .krea-composer-shell:has(.inline-video-frames) .lobe-chat-input{height:auto;min-height:156px;overflow:visible}.krea-app .lobe-input-body:has(>.inline-reference-images)>.ant-form-item,.krea-app .lobe-input-body:has(>.inline-video-frames)>.ant-form-item{height:auto;min-height:84px;overflow:visible}.krea-app .inline-reference-images{position:relative;z-index:4;flex:0 0 112px;width:112px;height:94px;margin:0 12px 0 0;padding:0 13px 0 0;border:0;background:transparent;transition:filter .22s ease}.krea-app .inline-reference-images:after{position:absolute;top:25px;right:0;width:1px;height:34px;background:#ffffff29;content:""}.krea-app .inline-reference-images:is(:hover,:focus-within),.krea-app .inline-reference-images.drag-active{z-index:24}.krea-app .inline-reference-images.drag-active{background:transparent;box-shadow:none;filter:brightness(1.2)}.krea-app .inline-reference-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.krea-app .inline-reference-image-list{position:relative;display:block;width:98px;height:94px;overflow:visible}.krea-app .inline-reference-empty{display:grid;place-items:center;align-content:center;gap:8px;width:92px;height:92px;padding:0;border:0;border-radius:18px;background:transparent;color:#ffffffab;cursor:pointer}.krea-app .inline-reference-empty:hover{background:#ffffff09;color:#ffffffd6}.krea-app .inline-reference-empty:active,.krea-app .inline-reference-add-circle:active,.krea-app .inline-reference-add-expanded:active{transform:scale(.97)}.krea-app .inline-reference-empty-stack{position:relative;width:64px;height:42px}.krea-app .inline-reference-empty-stack>span{position:absolute;top:2px;left:17px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:11px;background:#202020;color:#ffffffa1}.krea-app .inline-reference-empty-stack>span:first-child{left:1px;transform:rotate(-12deg)}.krea-app .inline-reference-empty-stack>span:nth-child(2){z-index:2;left:14px}.krea-app .inline-reference-empty-stack>span:last-child{left:29px;transform:rotate(12deg)}.krea-app .inline-reference-empty small{font-size:13px;line-height:1}.krea-app .inline-reference-image-card,.krea-app .inline-reference-add-expanded{--stack-rotation: -7deg;--fan-rotation: -5deg;--item-scale: 1;--item-lift: 0px;position:absolute;top:0;left:3px;z-index:calc(var(--reference-index) + 2);width:72px;height:90px;padding:2px;overflow:visible;border:1px solid rgba(255,255,255,.42);border-radius:9px;background:#303030;box-shadow:0 9px 24px #00000052;transform:translate(calc(var(--reference-index) * 3px)) rotate(var(--stack-rotation)) scale(var(--item-scale)) translateY(var(--item-lift));transform-origin:center bottom;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .18s ease,border-color .18s ease;will-change:transform}.krea-app .inline-reference-image-card:nth-of-type(2){--stack-rotation: 5deg;--fan-rotation: 2deg}.krea-app .inline-reference-image-card:nth-of-type(3){--stack-rotation: -3deg;--fan-rotation: -2deg}.krea-app .inline-reference-image-card:nth-of-type(4){--stack-rotation: 4deg;--fan-rotation: 4deg}.krea-app .inline-reference-image-card img{width:100%;height:100%;border-radius:6px;object-fit:cover}.krea-app .inline-reference-images.has-assets:is(:hover,:focus-within,.drag-active) .inline-reference-image-card,.krea-app .inline-reference-images.has-assets:is(:hover,:focus-within,.drag-active) .inline-reference-add-expanded{transform:translate(calc(var(--reference-index) * 78px)) rotate(var(--fan-rotation)) scale(var(--item-scale)) translateY(var(--item-lift))}.krea-app .inline-reference-images.has-assets:is(:hover,:focus-within) .inline-reference-image-card:hover,.krea-app .inline-reference-images.has-assets:is(:hover,:focus-within) .inline-reference-image-card:focus-within{--item-scale: 1.045;--item-lift: -4px;z-index:18;border-color:#ffffffb8}.krea-app .inline-reference-image-card .inline-frame-close{top:-12px;right:auto;left:-9px;z-index:3;width:22px;height:22px;padding:0;border-color:#ffffff38;background:#2b2b2b;color:#f0f0f0;opacity:0;pointer-events:none;transform:scale(.82);transition:opacity .15s ease,transform .18s cubic-bezier(.22,1,.36,1)}.krea-app .inline-reference-images.has-assets:is(:hover,:focus-within) .inline-reference-image-card:is(:hover,:focus-within) .inline-frame-close{opacity:1;pointer-events:auto;transform:scale(1)}.krea-app .inline-reference-add-circle{position:absolute;top:56px;left:59px;z-index:14;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:#494949;color:#f2f2f2;cursor:pointer;transition:opacity .15s ease,transform .18s cubic-bezier(.22,1,.36,1),background .15s ease}.krea-app .inline-reference-add-circle:hover{background:#5b5b5b}.krea-app .inline-reference-add-expanded{--fan-rotation: 7deg;display:grid;place-items:center;border-color:#ffffff1a;background:#3b3b3b;color:#ffffff7a;opacity:0;pointer-events:none}.krea-app .inline-reference-images.has-assets:is(:hover,:focus-within,.drag-active) .inline-reference-add-circle{opacity:0;pointer-events:none}.krea-app .inline-reference-images.has-assets:is(:hover,:focus-within,.drag-active) .inline-reference-add-expanded{opacity:1;pointer-events:auto}.krea-app .inline-reference-images .uploading{cursor:wait;opacity:.62}.krea-app .inline-video-frames{align-self:flex-start;margin:0 4px 12px 0;padding:0}.krea-app .inline-video-frames .inline-frame-card{width:76px;height:84px;border-radius:14px}.krea-app .inline-video-frames .inline-frame-card img{border-radius:13px}@media(hover:none),(max-width:700px){.krea-app .lobe-input-body:has(>.inline-reference-images){flex-wrap:wrap}.krea-app .inline-reference-images.has-assets{flex:0 0 100%;width:100%;height:100px;margin-right:0}.krea-app .inline-reference-images.has-assets:after{display:none}.krea-app .inline-reference-images.has-assets .inline-reference-image-card,.krea-app .inline-reference-images.has-assets .inline-reference-add-expanded{width:66px;height:84px;transform:translate(calc(var(--reference-index) * 70px)) rotate(var(--fan-rotation))}.krea-app .inline-reference-images.has-assets .inline-reference-add-circle{display:none}.krea-app .inline-reference-images.has-assets .inline-reference-add-expanded{opacity:1;pointer-events:auto}.krea-app .inline-reference-images.has-assets .inline-reference-image-card .inline-frame-close{opacity:1;pointer-events:auto;transform:scale(.9)}}@media(prefers-reduced-motion:reduce){.krea-app .inline-reference-image-card,.krea-app .inline-reference-add-circle,.krea-app .inline-reference-add-expanded,.krea-app .inline-reference-image-card .inline-frame-close{transition:none}}.krea-app .krea-generation{position:relative;isolation:isolate;background:#111}.krea-app .generation-dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;opacity:.9;pointer-events:none}.krea-app .krea-generation>:not(.generation-dot-grid){position:relative;z-index:1}.krea-app .krea-generation .generation-scroll-area{background:transparent}.krea-app .feed-meta>span{border:0!important;background:#242426;box-shadow:none!important}.krea-app :is(.composer-mode-segmented.ant-segmented,.generation-config-popover .ant-segmented,.generation-popover-panel .ant-segmented){border:0!important;box-shadow:none!important}.krea-app :is(.composer-mode-segmented,.generation-config-popover .ant-segmented,.generation-popover-panel .ant-segmented) .ant-segmented-item-selected{border:0!important;box-shadow:none!important}.krea-app :is(.composer-kind-select,.generation-popover-panel .ant-select,.generation-config-popover .ant-select) .ant-select-selector{border:0!important;background:#29292b!important;box-shadow:none!important}.krea-app :is(.dock-model-button,.duration-btn,.image-ratio-grid button,.studio-action,.upload-tile,.generation-popover-panel [role=button],.generation-config-popover [role=button]){border:0!important;box-shadow:none!important}.krea-app .image-size-fields input{border-color:#303033!important;box-shadow:none!important}.krea-app :is(.inline-reference-empty-stack>span,.inline-reference-image-card,.inline-reference-add-circle,.inline-reference-add-expanded,.inline-frame-close,.inline-frame-card){border-color:#38383b!important}.krea-app .inline-reference-images.has-assets:is(:hover,:focus-within) .inline-reference-image-card:hover,.krea-app .inline-reference-images.has-assets:is(:hover,:focus-within) .inline-reference-image-card:focus-within{border-color:#505055!important}@media(prefers-reduced-motion:reduce){.krea-app .generation-dot-grid{opacity:.78}}.generation-config-popover :is(.ant-segmented,.ant-segmented-item-selected),.generation-popover-panel :is(.ant-segmented,.ant-segmented-item-selected){border:0!important;box-shadow:none!important}.generation-config-popover .image-ratio-grid button,.generation-popover-panel [role=button]{border:0!important;box-shadow:none!important}.generation-config-popover .image-size-fields>label,.generation-config-popover .image-size-preview,.generation-config-popover .image-size-fields input{border:0!important;background:#171719!important;box-shadow:none!important}.generation-popover-panel .ant-select-selector,.generation-config-popover .ant-select-selector{border:0!important;background:#29292b!important;box-shadow:none!important}body:has(.krea-app) .ant-select-dropdown{border:0!important;background:#202022!important;box-shadow:0 18px 46px #00000061!important}.krea-app .image-fan figure{aspect-ratio:4 / 5}.krea-app .image-fan img{width:100%;height:100%;object-fit:cover;object-position:center}.krea-app .image-fan figcaption{font-family:Suisse Intl,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.18;letter-spacing:-.018em;text-shadow:0 1px 9px rgba(0,0,0,.82);text-rendering:geometricPrecision}.dot-grid{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dot-grid__wrap{position:relative;width:100%;height:100%}.dot-grid__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}.prism-container{position:relative;width:100%;height:100%}