:root{color:#f3f0ea;background:#111214;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#111214}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.58}.app-shell,.loading-shell,.login-shell{min-height:100vh;background:linear-gradient(180deg,#151618,#101113)}.loading-shell,.login-shell{display:grid;place-items:center;padding:24px}.login-panel{width:min(420px,100%);padding:24px;border:1px solid #30323a;border-radius:8px;background:#191b20;box-shadow:0 24px 80px #00000047}.login-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.main-layout{display:grid;grid-template-columns:430px minmax(0,1fr);gap:14px;min-height:100vh;padding:16px}.composer-panel,.conversation-panel,.asset-library-panel,.billing-panel{min-width:0;border:1px solid #30323a;border-radius:8px;background:#17191d}.composer-panel{position:sticky;top:16px;display:grid;align-content:start;gap:18px;height:calc(100vh - 32px);padding:20px;overflow:auto}.conversation-panel,.asset-library-panel,.billing-panel{display:flex;flex-direction:column;height:calc(100vh - 32px);overflow:hidden}.composer-header,.conversation-toolbar,.conversation-actions,.upload-row,.advanced-row,.task-actions{display:flex;align-items:center;gap:10px}.composer-header,.conversation-toolbar{justify-content:space-between}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{width:42px;height:42px;flex:0 0 auto;border-radius:8px;background:#fff;object-fit:contain}.composer-header .brand-icon{width:46px;height:46px}.conversation-toolbar{flex-shrink:0;min-height:76px;padding:16px 18px;border-bottom:1px solid #30323a;background:#1b1d22}.conversation-actions{justify-content:flex-end}.app-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px;border:1px solid #30323a;border-radius:8px;background:#20232a}.nav-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:6px;color:#dbe3ef;background:transparent;font-size:13px;font-weight:900}.nav-button:hover{background:#2b2f38}.nav-button.active{color:#111214;background:#50e3b5}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #383c46;border-radius:8px;color:#dbe3ef;background:#20232a;font-size:13px;font-weight:900}.mode-button:hover{border-color:#515762;background:#262a32}.mode-button.active{border-color:#50e3b5;color:#111214;background:#50e3b5}.model-picker{display:grid;gap:10px}.provider-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.provider-tab{min-height:36px;border:1px solid #383c46;border-radius:8px;color:#dbe3ef;background:#20232a;font-size:13px;font-weight:900}.provider-tab:hover{border-color:#515762;background:#262a32}.provider-tab.active{border-color:#50e3b5;color:#111214;background:#50e3b5}.eyebrow{margin:0 0 4px;color:#8e98a7;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;color:#fffaf2;letter-spacing:0}h1{font-size:23px;line-height:1.15}h2{font-size:18px;line-height:1.2}.topbar-subtitle{margin:6px 0 0;color:#9aa3af;font-size:12px}label,.field-label,.section-title{color:#d8dde6;font-size:13px;font-weight:800}label{display:grid;gap:7px;margin-bottom:13px}.field-label,.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}input,textarea{width:100%;min-height:40px;padding:10px 11px;border:1px solid #383c46;border-radius:8px;color:#f6f2eb;background:#20232a;outline:none}textarea{resize:vertical;line-height:1.55}input:focus,textarea:focus{border-color:#50e3b5;box-shadow:0 0 0 3px #50e3b521}.prompt-card{display:grid;gap:12px}.prompt-input{min-height:210px}.upload-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:10px}.upload-row.count-1{grid-template-columns:1fr}.upload-row.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-button,.primary-button,.generate-button,.secondary-button,.icon-button,.ghost-button,.ghost-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;font-size:13px;font-weight:800;text-decoration:none}.upload-button{margin:0;flex-direction:column;min-height:76px;padding:11px 10px;border:1px dashed #454a55;color:#f3f0ea;background:#23262d;cursor:pointer;text-align:center;white-space:normal}.upload-button:hover,.ghost-button:hover,.ghost-link:hover,.secondary-button:hover,.icon-button:hover{background:#2b2f38}.upload-button.drag-over{border-color:#50e3b5;color:#dffdf4;background:#22342f;box-shadow:0 0 0 3px #50e3b524}.upload-button.disabled{cursor:not-allowed;opacity:.62}.upload-button.disabled.drag-over{border-color:#454a55;color:#f3f0ea;background:#23262d;box-shadow:none}.upload-button-main{display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%}.upload-button-hint{max-width:100%;color:#9ca3af;font-size:11px;font-weight:700;line-height:1.35}.upload-button input{display:none}.attachment-list{display:flex;flex-wrap:wrap;gap:8px}.attachment-chip{display:inline-flex;align-items:center;max-width:100%;gap:7px;min-height:32px;padding:0 7px;border:1px solid #3b3f49;border-radius:8px;color:#dbe3ef;background:#20232a;font-size:12px;font-weight:800}.attachment-chip a{overflow:hidden;color:inherit;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.attachment-chip button{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;color:#9aa3af;background:transparent}.attachment-chip button:hover{color:#fff;background:#333842}.attachment-icon{display:grid;place-items:center;color:#50e3b5}.asset-panel{display:grid;gap:10px}.asset-upload-dropzone{display:grid;place-items:center;min-height:92px;margin:0;padding:14px;border:1px dashed #454a55;border-radius:8px;color:#f3f0ea;background:#20232a;cursor:pointer;text-align:center}.asset-upload-dropzone:hover{background:#262a32}.asset-upload-dropzone.drag-over{border-color:#50e3b5;color:#dffdf4;background:#22342f;box-shadow:0 0 0 3px #50e3b524}.asset-upload-dropzone.disabled{cursor:not-allowed;opacity:.62}.asset-upload-dropzone input{display:none}.asset-preview-list{display:grid;gap:10px}.asset-preview-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;min-width:0;padding:8px;border:1px solid #383c46;border-radius:8px;background:#20232a}.asset-preview-card.highlighted{border-color:#50e3b5;background:#22342f;box-shadow:0 0 0 3px #50e3b524}.asset-preview-media{width:88px;aspect-ratio:9 / 12;overflow:hidden;border-radius:8px;background:#111214}.asset-preview-media img,.asset-preview-media video{width:100%;height:100%;object-fit:cover}.asset-preview-body{display:grid;align-content:space-between;min-width:0;gap:10px}.asset-preview-body strong,.asset-preview-body small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-preview-body strong{color:#f9f5ee;font-size:13px}.asset-preview-body small{margin-top:4px;color:#9aa3af;font-size:11px;font-weight:800}.asset-preview-actions{display:flex;align-items:center;gap:6px;min-width:0}.mini-action-link,.asset-remove-button{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:30px;border:1px solid #383c46;border-radius:8px;color:#e9edf4;background:#23262d}.mini-action-link:hover,.asset-remove-button:hover{background:#2b2f38}.asset-remove-button{color:#ffd5d5}.asset-sidebar{display:grid;gap:14px}.asset-library-content{display:grid;align-content:start;gap:16px;padding:18px;overflow:auto}.asset-panel.library{gap:14px}.asset-panel.library .asset-upload-dropzone{min-height:142px}.asset-list-head{display:flex;align-items:center;justify-content:space-between;color:#d8dde6;font-size:13px;font-weight:900}.asset-list-head small{margin-left:8px;color:#8e98a7;font-size:12px;font-weight:800}.asset-preview-list.library-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.asset-preview-list.library-grid .asset-preview-card{grid-template-columns:104px minmax(0,1fr);min-height:150px}.asset-preview-list.library-grid .asset-preview-media{width:104px}.human-asset-toolbar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr);gap:14px;align-items:end}.human-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.human-asset-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end}.human-create-button{min-width:118px;min-height:42px}.human-asset-grid .asset-preview-body small{white-space:nowrap}.asset-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#8f9aaa;background:#17191d}.human-asset-card-footer{display:grid;gap:8px}.asset-status-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:24px;padding:0 8px;border:1px solid #454a55;border-radius:8px;color:#d8dde6;background:#23262d;font-size:11px;font-weight:900}.asset-status-badge.active{border-color:#2f9f77;color:#cffff0;background:#17382f}.asset-status-badge.processing{border-color:#807246;color:#fff0bf;background:#332c17}.asset-status-badge.failed{border-color:#8b4a4a;color:#ffd5d5;background:#3a2020}.setting-group{min-width:0}.setting-grid{display:grid;grid-template-columns:minmax(96px,.72fr) minmax(0,1fr);gap:14px}.model-options,.ratio-options,.resolution-options,.gpt-option-grid{display:grid;gap:8px}.model-options{grid-template-columns:1fr}.ratio-options,.resolution-options{grid-template-columns:repeat(2,minmax(0,1fr))}.image-ratio-options,.gpt-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gpt-option-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-card,.choice-pill{min-width:0;min-height:48px;padding:10px;border:1px solid #383c46;border-radius:8px;color:#dbe3ef;background:#20232a;text-align:left}.choice-card strong,.choice-card small,.choice-pill strong,.choice-pill small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice-card strong,.choice-pill strong{color:#f9f5ee;font-size:13px}.choice-card small,.choice-pill small{margin-top:4px;color:#909aa8;font-size:11px}.choice-card:hover,.choice-pill:hover{border-color:#515762;background:#262a32}.choice-card.active,.choice-pill.active{border-color:#50e3b5;color:#fff;background:#19372f;box-shadow:inset 0 0 0 1px #50e3b53d}.duration-field{position:relative;margin:0}.duration-field input{padding-right:34px}.duration-field span{position:absolute;right:12px;bottom:10px;color:#9aa3af;font-size:12px;font-weight:800}.advanced-row{display:flex;align-items:center}.switch-control{display:flex;align-items:center;gap:9px;min-height:40px;margin:0;padding:0 10px;border:1px solid #383c46;border-radius:8px;background:#20232a}.switch-control input{position:absolute;width:1px;min-height:1px;opacity:0}.switch-control span{position:relative;width:34px;height:20px;border-radius:8px;background:#3a3f49}.switch-control span:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:6px;background:#c7ced8;content:"";transition:transform .16s ease,background .16s ease}.switch-control input:checked+span{background:#256f58}.switch-control input:checked+span:after{transform:translate(14px);background:#50e3b5}.kling-shot-list{display:grid;gap:8px}.kling-shot-row{display:grid;grid-template-columns:28px minmax(0,1fr) 84px 40px;align-items:stretch;gap:8px}.shot-index{display:grid;place-items:center;min-height:56px;border:1px solid #383c46;border-radius:8px;color:#50e3b5;background:#20232a;font-size:12px;font-weight:900}.shot-prompt-input{min-height:56px;resize:vertical}.shot-duration-field{position:relative;margin:0}.shot-duration-field input{height:100%;min-height:56px;padding-right:26px}.shot-duration-field span{position:absolute;right:10px;top:50%;color:#9aa3af;font-size:12px;font-weight:800;transform:translateY(-50%)}.shot-remove-button{align-self:stretch;height:auto}.camera-preset-grid,.camera-motion-grid{display:grid;gap:8px}.camera-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.camera-motion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.camera-custom-panel{display:grid;gap:10px;margin-top:12px}.compact-title{margin-bottom:0}.camera-strength-field{margin:0}.camera-strength-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:10px}.camera-strength-row input[type=range]{min-height:40px;padding:0;accent-color:#50e3b5}.camera-strength-row input[type=number]{text-align:center}.primary-button,.generate-button{color:#111214;background:#50e3b5}.primary-button:hover,.generate-button:hover{background:#76edc8}.generate-button{width:100%;min-height:48px;margin-top:2px}.login-button{width:100%;margin-top:4px}.icon-button{width:40px;min-width:40px;padding:0;color:#e9edf4;background:#23262d}.secondary-button,.ghost-button,.ghost-link{padding:0 12px;border:1px solid #383c46;color:#e9edf4;background:#23262d}.mini-action-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid #383c46;border-radius:8px;color:#e9edf4;background:#23262d;font-size:12px;font-weight:900}.mini-action-button:hover{background:#2b2f38}.danger-button{border-color:#6f2a2a;color:#ffd5d5}.danger-button:hover{border-color:#9a3636;background:#351b1d}.form-error,.result-error{display:flex;align-items:flex-start;gap:8px;min-height:38px;padding:9px 10px;border:1px solid #7c2d2d;border-radius:8px;color:#ffd5d5;background:#351b1d;font-size:13px;font-weight:800}.result-error>svg{flex-shrink:0}.result-error-content{min-width:0;overflow-wrap:anywhere}.result-error-content p{margin:0 0 8px}.result-error-suggestion{font-weight:400;line-height:1.6}.result-error-content summary{cursor:pointer;font-weight:400}.result-error-content details[open] summary{margin-bottom:8px}.result-error pre{min-width:0;margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.status-pill{display:inline-flex;align-items:flex-start;max-width:min(720px,100%);min-height:36px;gap:8px;padding:9px 11px;border:1px solid #2f6d5d;border-radius:8px;color:#bdf7e6;background:#17352d;font-size:12px;font-weight:800}.status-pill.error{border-color:#7c2d2d;color:#ffd5d5;background:#351b1d}.status-pill span{min-width:0;max-height:320px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}.billing-sidebar{display:grid;gap:14px}.billing-side-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid #353a44;border-radius:8px;background:#20232a}.billing-side-icon,.metric-icon{display:grid;place-items:center;border-radius:8px;color:#111214;background:#c8b46a}.billing-side-icon{width:46px;height:46px}.billing-side-card strong{display:block;overflow-wrap:anywhere;color:#fffaf2;font-size:24px;line-height:1.1}.billing-side-card small{display:block;margin-top:5px;color:#9aa3af;font-size:12px;font-weight:800}.billing-side-stats{display:grid;gap:8px}.billing-side-stats div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:0 11px;border:1px solid #353a44;border-radius:8px;background:#20232a}.billing-side-stats span,.metric-tile span,.metric-tile small,.breakdown-row small,.billing-table small{color:#9aa3af;font-size:12px;font-weight:800}.billing-side-stats strong{overflow-wrap:anywhere;color:#f8f4ec;font-size:14px}.billing-refresh-button{width:100%}.billing-content{display:grid;gap:16px;padding:18px;overflow:auto}.billing-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-tile{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:118px;padding:14px;border:1px solid #30323a;border-radius:8px;background:#1b1d22}.metric-icon{width:42px;height:42px}.metric-tile div{min-width:0}.metric-tile strong{display:block;margin:5px 0;overflow-wrap:anywhere;color:#fffaf2;font-size:24px;line-height:1.1}.billing-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:16px}.billing-block,.billing-ledger{min-width:0;padding:16px;border:1px solid #30323a;border-radius:8px;background:#1b1d22}.billing-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;color:#c8b46a}.billing-section-head h2{font-size:17px}.daily-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));align-items:end;gap:8px;height:180px;padding-top:8px}.daily-bar{display:grid;grid-template-rows:minmax(0,1fr) 18px;align-items:end;gap:6px;height:100%;min-width:0}.daily-bar span{display:block;justify-self:center;width:100%;max-width:18px;min-height:8px;border-radius:6px 6px 2px 2px;background:#50e3b5;box-shadow:0 0 0 1px #50e3b52e}.daily-bar small{overflow:hidden;color:#8e98a7;font-size:10px;font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap}.breakdown-list{display:grid;gap:12px}.breakdown-row{display:grid;gap:8px}.breakdown-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.breakdown-row-head div{display:grid;min-width:0;gap:3px}.breakdown-row strong,.breakdown-row span{overflow:hidden;color:#fffaf2;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.breakdown-row span{flex-shrink:0;color:#bdf7e6}.breakdown-track{height:8px;overflow:hidden;border-radius:8px;background:#333842}.breakdown-track span{display:block;height:100%;border-radius:inherit;background:#c8b46a}.ledger-head{align-items:flex-start}.billing-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.filter-button{min-height:34px;padding:0 11px;border:1px solid #383c46;border-radius:8px;color:#dbe3ef;background:#20232a;font-size:12px;font-weight:900}.filter-button:hover{border-color:#515762;background:#262a32}.filter-button.active{border-color:#50e3b5;color:#111214;background:#50e3b5}.billing-table-wrap{overflow:auto}.billing-table{width:100%;min-width:760px;border-collapse:collapse}.billing-table th,.billing-table td{padding:12px 10px;border-bottom:1px solid #30323a;color:#dbe3ef;font-size:13px;text-align:left;vertical-align:middle}.billing-table th{color:#8e98a7;font-size:11px;font-weight:900;text-transform:uppercase}.billing-table td:first-child,.billing-table td:last-child{white-space:nowrap}.billing-table td:nth-child(2){width:34%}.billing-table td:nth-child(2) strong,.billing-table td:nth-child(2) small{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted-amount{color:#8e98a7!important}.billing-empty{display:grid;place-items:center;align-content:center;gap:10px;min-height:180px;color:#8e98a7;font-size:13px;font-weight:800}.billing-empty.compact{min-height:180px}.conversation-list{display:grid;gap:16px;padding:18px;overflow:auto}.conversation-empty{display:grid;place-items:center;align-content:center;gap:10px;height:100%;color:#8e98a7;font-size:13px;font-weight:800}.task-message{display:grid;gap:12px;width:min(920px,100%);padding:14px;border:1px solid #30323a;border-radius:8px;background:#1b1d22}.task-message.active{border-color:#4b705e}.task-message-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:0;color:inherit;background:transparent;text-align:left}.task-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;color:#111214;background:#c8b46a}.task-title-block{display:grid;min-width:0;gap:3px}.task-title-block strong,.task-title-block small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-title-block strong{color:#fffaf2;font-size:14px}.task-title-block small{color:#9aa3af;font-size:12px}.status-badge{min-width:64px;padding:5px 8px;border-radius:8px;color:#e4e9f2;background:#30343d;font-size:11px;font-style:normal;font-weight:900;text-align:center}.status-badge.succeeded{color:#bdf7e6;background:#17352d}.status-badge.failed{color:#ffd5d5;background:#351b1d}.status-badge.running{color:#dbeafe;background:#233654}.prompt-bubble{display:grid;justify-self:end;gap:9px;width:min(78%,720px);padding:11px 12px;border-radius:8px;color:#f7fff9;background:#256f58;font-size:14px;line-height:1.6}.prompt-bubble-text{margin:0;white-space:pre-wrap}.prompt-references{display:grid;gap:8px}.prompt-reference-grid{display:flex;flex-wrap:wrap;gap:8px}.prompt-reference-card{display:grid;gap:4px;width:92px;color:inherit;text-decoration:none}.prompt-reference-media{position:relative;display:block;width:92px;aspect-ratio:1 / 1;overflow:hidden;border:1px solid rgb(247 255 249 / 24%);border-radius:8px;background:#18453a}.prompt-reference-media img,.prompt-reference-media video{width:100%;height:100%;object-fit:cover}.prompt-reference-card:hover .prompt-reference-media{border-color:#f7fff98f}.prompt-reference-play{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;color:#f7fff9;background:#0914109e;font-style:normal}.prompt-reference-card small{overflow:hidden;color:#f7fff9c7;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.prompt-reference-audio{display:grid;gap:6px;width:min(100%,320px);padding:8px;border:1px solid rgb(247 255 249 / 22%);border-radius:8px;background:#0914103d}.prompt-reference-audio-label{display:inline-flex;align-items:center;gap:6px;color:#f7fff9d1;font-size:11px;font-weight:800}.prompt-reference-audio audio{width:100%;height:32px}.prompt-reference-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 8px;border:1px solid rgb(247 255 249 / 22%);border-radius:8px;color:#f7fff9e0;background:#0914103d;font-size:11px;font-weight:800}.prompt-reference-chip.link:hover{border-color:#f7fff98f;background:#0914106b}.assistant-bubble{justify-self:start;width:min(78%,720px);min-height:92px;padding:12px;border:1px solid #343842;border-radius:8px;background:#20232a}.video-preview,.image-preview{display:block;width:100%;max-height:520px;border-radius:8px;background:#0b0c0f}.image-preview{object-fit:contain}.task-actions{justify-content:flex-start;flex-wrap:wrap}.generating-state{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px}.generating-visual{display:flex;align-items:end;justify-content:center;gap:4px;width:48px;height:48px;border-radius:8px;background:#262a32}.generating-visual span{width:6px;height:14px;border-radius:4px;background:#50e3b5;animation:bounce .9s ease-in-out infinite}.generating-visual span:nth-child(2){animation-delay:.12s}.generating-visual span:nth-child(3){animation-delay:.24s}.generating-copy{display:grid;min-width:0;gap:4px}.generating-copy strong{color:#fffaf2;font-size:14px}.generating-copy small{color:#9aa3af;font-size:12px}.progress-track{grid-column:1 / -1;height:8px;overflow:hidden;border-radius:8px;background:#333842}.progress-track span{display:block;height:100%;min-width:4px;border-radius:inherit;background:#50e3b5;transition:width .24s ease}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:scaleY(.62)}50%{transform:scaleY(1.35)}}@media(max-width:1120px){.main-layout{grid-template-columns:1fr}.composer-panel,.conversation-panel,.asset-library-panel,.billing-panel{position:static;height:auto;min-height:auto}.conversation-panel,.asset-library-panel,.billing-panel{min-height:520px}.billing-metrics,.billing-grid{grid-template-columns:1fr}}@media(max-width:720px){.main-layout{padding:10px}.composer-panel,.conversation-toolbar,.conversation-list,.asset-library-content,.billing-content{padding:14px}.composer-header,.conversation-toolbar,.conversation-actions{align-items:flex-start;flex-direction:column}.conversation-actions,.generate-button,.secondary-button,.status-pill{width:100%}.billing-section-head,.ledger-head{align-items:stretch;flex-direction:column}.billing-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.app-nav,.human-asset-toolbar,.human-asset-form-grid,.human-model-grid,.upload-row,.setting-grid,.ratio-options,.resolution-options,.image-ratio-options,.camera-preset-grid,.asset-preview-list.library-grid,.gpt-option-grid,.gpt-option-grid.four{grid-template-columns:1fr}.asset-preview-list.library-grid .asset-preview-card{grid-template-columns:92px minmax(0,1fr)}.asset-preview-list.library-grid .asset-preview-media{width:92px}.camera-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-message-head{grid-template-columns:38px minmax(0,1fr)}.kling-shot-row{grid-template-columns:28px minmax(0,1fr) 78px}.shot-remove-button{grid-column:2 / -1;min-height:34px}.status-badge{grid-column:1 / -1;justify-self:start}.prompt-bubble,.assistant-bubble{width:100%}}