@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f2;font-synthesis:none;text-rendering:optimizelegibility;--bg:#090a0c;--card:#111316;--card-soft:#14171a;--surface:#0d0f11;--line:#272a2e;--line-soft:#202328;--text:#f1f1ee;--muted:#8b9098;--muted-2:#676c73;--accent:#d9ff5b;--accent-soft:#d9ff5b1a;--danger:#ff776e;--success:#9fe14b;background:#090a0c;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 80% -8%, #a3c64d0e, transparent 28%), linear-gradient(#ffffff04 1px, transparent 1px), linear-gradient(90deg, #ffffff04 1px, transparent 1px), var(--bg);background-size:auto,48px 48px,48px 48px,auto;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#090a0ccc;border-bottom:1px solid #ffffff13;justify-content:space-between;align-items:center;height:70px;padding:0 max(28px,50vw - 660px);display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{color:#0b0c0d;background:var(--accent);border-radius:10px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 0 25px #d9ff5b1a}.brand>span:last-child{align-items:baseline;gap:9px;display:flex}.brand strong{letter-spacing:.02em;font:700 17px/1 Manrope,sans-serif}.brand em{color:#858a91;font-size:13px;font-style:normal}.header-actions{align-items:center;gap:12px;display:flex}.page-nav{border:1px solid var(--line);background:#101214;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.page-nav a{color:var(--muted);white-space:nowrap;border-radius:5px;padding:6px 9px;font-size:10px;text-decoration:none}.page-nav a:hover{color:var(--text)}.page-nav a.active{color:#15170f;background:var(--accent)}.connection-status{border:1px solid var(--line);color:var(--muted);background:#101214;border-radius:99px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;display:flex}.connection-status.connected{color:var(--success);background:#9fe14b0f;border-color:#9fe14b40}.connection-status.error{color:var(--danger);border-color:#ff776e40}.github-link{color:#a2a7ad;align-items:center;gap:7px;padding:8px;font-size:12px;text-decoration:none;display:flex}.github-link:hover{color:var(--text)}main{width:min(1320px,100% - 48px);margin:0 auto;padding:32px 0 36px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#141619f5,#0e1012f7);border-radius:14px;box-shadow:0 18px 45px #00000030,inset 0 1px #ffffff06}.api-panel{grid-template-columns:250px minmax(260px,1fr) auto;align-items:center;column-gap:14px;margin-bottom:22px;padding:19px 20px;display:grid}.api-title{grid-row:1/3;align-items:center;gap:12px;display:flex}.icon-box{width:37px;height:37px;color:var(--accent);background:var(--accent-soft);border:1px solid #d9ff5b2e;border-radius:9px;place-items:center;display:grid}.eyebrow{color:var(--muted-2);letter-spacing:.14em;font-size:9px;font-weight:700;line-height:1}.api-title h2,.section-heading h2,.task-topline h2{letter-spacing:-.015em;margin:5px 0 0;font:600 15px/1.2 Manrope,sans-serif}.key-field{position:relative}.key-field input{padding-right:42px}.icon-button{width:31px;height:31px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.icon-button:hover{color:var(--text);background:#202327}.connect-button{cursor:pointer;color:#101113;background:#f0f0ed;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:12px;font-weight:700;display:flex}.connect-button:hover:not(:disabled){background:var(--accent)}.connect-button:disabled{opacity:.42;cursor:not-allowed}.key-vault{border-top:1px solid var(--line-soft);grid-column:2/4;min-width:0;margin-top:10px;padding-top:10px}.key-note-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.key-note-row input{height:36px;font-size:10px}.key-note-row button{color:#bbc0bc;cursor:pointer;background:#181b1e;border:1px solid #363a3e;border-radius:8px;align-items:center;gap:5px;height:36px;padding:0 11px;font-size:9px;display:flex}.key-note-row button:hover:not(:disabled){color:var(--accent);border-color:#4b543f}.key-note-row button:disabled{opacity:.35;cursor:not-allowed}.saved-key-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin-top:8px;display:grid}.saved-key-item{background:#0d0f11;border:1px solid #24282c;border-radius:8px;align-items:center;gap:5px;min-width:0;padding:5px;display:flex}.saved-key-item.active{background:#d9ff5b06;border-color:#d9ff5b3d}.saved-key-select{color:#aeb2b5;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;padding:3px 5px;display:flex}.saved-key-select span,.saved-key-select code{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.saved-key-select span{font-size:9px}.saved-key-select code{color:var(--muted-2);font-size:8px}.saved-key-active{color:var(--accent);background:#d9ff5b14;border-radius:99px;flex:none;padding:3px 5px;font-size:7px}.saved-key-delete{width:27px;height:27px;color:var(--muted-2);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.saved-key-delete:hover{color:var(--danger);background:#ff776e12}.key-vault>p{color:#555a60;margin:7px 1px 0;font-size:8px}.key-vault>.key-storage-error{color:var(--danger)}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0c0e10;border-radius:9px;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}input{height:42px;padding:0 12px}textarea{resize:vertical;padding:12px;line-height:1.6}input::placeholder,textarea::placeholder{color:#4f545b}input:focus,textarea:focus{background:#0e1012;border-color:#515750;box-shadow:0 0 0 3px #d9ff5b09}.custom-select{width:100%;min-width:0;position:relative}.custom-select.open{z-index:60}.custom-select-trigger{border:1px solid var(--line);width:100%;height:42px;color:var(--text);cursor:pointer;background:#0c0e10;border-radius:9px;outline:none;justify-content:space-between;align-items:center;gap:10px;padding:0 11px 0 12px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex}.custom-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;overflow:hidden}.custom-select-trigger>svg{color:var(--muted-2);flex:none;transition:transform .18s,color .18s}.custom-select-trigger:hover{background:#0f1113;border-color:#3a3e43}.custom-select-trigger:focus-visible,.custom-select.open .custom-select-trigger{background:#0e1012;border-color:#515750;box-shadow:0 0 0 3px #d9ff5b0b}.custom-select.open .custom-select-trigger>svg{color:var(--accent);transform:rotate(180deg)}.custom-select-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121416fa;border:1px solid #34383d;border-radius:10px;max-height:260px;padding:5px;animation:.14s ease-out select-reveal;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 42px #0000008c,inset 0 1px #ffffff09}.custom-select-option{color:#a5aaae;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:35px;padding:7px 9px;font-size:10px;display:flex}.custom-select-option>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.custom-select-option>svg{color:var(--accent);flex:none}.custom-select-option.highlighted{color:#edf0e8;background:#272b25}.custom-select-option.selected{color:var(--accent)}.custom-select-option:disabled{opacity:.35;cursor:not-allowed}.custom-select.disabled{opacity:.5}@keyframes select-reveal{0%{opacity:0;transform:translateY(-5px)scale(.985)}}.connection-error{color:var(--danger);background:#ff776e0e;border:1px solid #ff776e33;border-radius:10px;gap:11px;margin:-8px 0 22px;padding:14px 16px;font-size:13px;display:flex}.connection-error svg{flex:none;margin-top:1px}.connection-error p{color:#b4a0a0;margin:5px 0 0;line-height:1.5}.connection-error small{color:#8f7777;word-break:break-word;margin-top:5px;display:block}.connection-error code{color:#ded7d7}.workspace{grid-template-columns:minmax(0,1.43fr) minmax(350px,.8fr);align-items:start;gap:22px;display:grid}.generation-form{flex-direction:column;gap:16px;display:flex}.form-card{padding:24px}.section-heading{gap:13px;margin-bottom:23px;display:flex}.step-number{color:var(--accent);letter-spacing:.06em;text-align:center;background:var(--accent-soft);border:1px solid #d9ff5b40;border-radius:6px;width:23px;height:23px;margin-top:1px;font:600 9px/22px Manrope,sans-serif}.section-heading p{color:var(--muted);margin:6px 0 0;font-size:12px}.field{margin-bottom:19px;display:block}.field-label{color:#bfc2c2;justify-content:space-between;margin:0 1px 8px;font-size:12px;font-weight:600;display:flex}.field-label small{color:var(--muted-2);font-size:10px;font-weight:500}.prompt-editor-block{gap:8px;display:grid}.prompt-reference-bar{gap:6px;display:grid}.prompt-reference-bar>span{color:var(--muted-2);letter-spacing:.05em;font-size:10px;font-weight:600}.prompt-reference-bar>div{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.prompt-reference-bar button{border:1px solid var(--line);min-width:0;max-width:210px;height:34px;color:var(--muted);cursor:pointer;text-align:left;background:#0d1012;border-radius:7px;flex:none;grid-template-columns:26px auto minmax(0,1fr);align-items:center;gap:6px;padding:3px 8px 3px 3px;transition:border-color .15s,background .15s,color .15s;display:grid}.prompt-reference-bar button:hover,.prompt-reference-bar button.active{color:var(--text);background:#d9ff5b0f;border-color:#d9ff5b73}.prompt-reference-bar button.used{border-color:#d9ff5b3d}.prompt-reference-bar button.missing{color:#ffaaa4;background:#ff776e12;border-color:#ff776e61;grid-template-columns:18px auto minmax(0,1fr)}.prompt-reference-bar button>img{object-fit:cover;background:#090b0c;border-radius:5px;width:26px;height:26px}.prompt-reference-bar button>svg{color:#ff776e;justify-self:center}.prompt-reference-bar button strong{color:inherit;white-space:nowrap;font-size:10px}.prompt-reference-bar button small{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.prompt-reference-bar button.missing small{color:#d98782}.prompt-reference-bar.available{border-top:1px solid #ffffff0a;padding-top:2px}.prompt-reference-bar.available button{cursor:grab;-webkit-user-select:none;user-select:none}.prompt-reference-bar.available button:active{cursor:grabbing}.prompt-editor{min-height:142px;position:relative}.prompt-editor textarea,.prompt-highlight{min-height:142px;font:inherit;letter-spacing:inherit;white-space:pre-wrap;overflow-wrap:break-word;tab-size:4;margin:0;padding:12px 76px 12px 12px;line-height:1.6;overflow:auto}.prompt-editor textarea{z-index:2;color:#0000;caret-color:var(--text);resize:vertical;background:0 0;display:block;position:relative}.prompt-editor.reference-dragging textarea{border-color:#d9ff5bb3;box-shadow:inset 0 0 0 1px #d9ff5b2e,0 0 0 3px #d9ff5b14}.prompt-history-actions{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0f11e0;border:1px solid #ffffff12;border-radius:7px;gap:4px;padding:3px;display:flex;position:absolute;top:8px;right:8px}.prompt-history-actions button{width:25px;height:25px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.prompt-history-actions button:not(:disabled):hover{color:var(--accent);background:#d9ff5b14}.prompt-history-actions button:disabled{color:#3d4245;cursor:not-allowed}.prompt-editor textarea::selection{color:#0000;background:#7497ff52}.prompt-highlight{z-index:1;color:var(--text);pointer-events:none;border:1px solid #0000;position:absolute;inset:0}.prompt-highlight mark{color:#e7ff9d;background:#d9ff5b26;border-radius:4px;box-shadow:0 0 0 1px #d9ff5b33}.prompt-highlight mark.invalid{color:#ffaea8;background:#ff776e24;box-shadow:0 0 0 1px #ff776e33}.prompt-placeholder{z-index:1;color:#4f545b;pointer-events:none;font-size:13px;position:absolute;top:13px;left:13px}.prompt-mention-menu{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121518f7;border:1px solid #353a3e;border-radius:9px;max-height:min(190px,100% - 16px);padding:5px;position:absolute;bottom:8px;left:8px;right:8px;overflow:auto;box-shadow:0 14px 34px #0000008c}.prompt-mention-menu button{width:100%;min-width:0;min-height:38px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:30px auto minmax(0,1fr);align-items:center;gap:8px;padding:4px 9px;display:grid}.prompt-mention-menu button.active,.prompt-mention-menu button:hover{color:var(--text);background:#d9ff5b12}.prompt-mention-menu button svg{color:var(--accent)}.prompt-mention-menu button strong{color:#dfff7d;font-size:10px}.prompt-mention-menu button span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.prompt-mention-menu .prompt-mention-thumb{background:#090b0c;border:1px solid #343a3e;border-radius:5px;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.prompt-mention-menu .prompt-mention-thumb img{object-fit:cover;width:100%;height:100%;display:block}.generation-mode{border:1px solid var(--line);background:#0b0d0f;border-radius:8px;width:fit-content;margin:0 0 16px;padding:3px;display:flex}.generation-mode button{height:29px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 13px;font-size:10px}.generation-mode button.active{color:#171912;background:var(--accent);font-weight:700}.shots-editor{margin-bottom:20px}.shots-heading{color:#bfc2c2;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.shots-heading strong{color:var(--danger);font-weight:600}.shots-heading strong.valid{color:var(--success)}.shot-row{grid-template-columns:25px minmax(0,1fr) 72px 27px;align-items:center;gap:7px;margin-bottom:7px;display:grid}.shot-index{color:var(--muted-2);font:9px ui-monospace,monospace}.shot-row textarea{resize:vertical;min-height:52px;font-size:10px}.shot-row label{position:relative}.shot-row label input{padding-right:27px}.shot-row label span{color:var(--muted-2);pointer-events:none;font-size:9px;position:absolute;top:14px;right:9px}.shot-row>button{width:27px;height:27px;color:var(--muted);cursor:pointer;background:#191c1f;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.shot-row>button:hover:not(:disabled){color:var(--danger)}.shot-row>button:disabled{opacity:.25;cursor:not-allowed}.shots-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.shots-footer button{border:1px solid var(--line);color:#b7bbba;cursor:pointer;background:#16191c;border-radius:6px;align-items:center;gap:5px;height:31px;padding:0 10px;font-size:9px;display:flex}.shots-footer button:disabled{opacity:.35;cursor:not-allowed}.shots-footer span{color:var(--danger);text-align:right;font-size:9px}.field-help{color:var(--muted-2);margin:7px 2px 0;font-size:10px;display:block}.model-cost-note{color:#8e967d;background:#d9ff5b06;border:1px solid #d9ff5b1a;border-radius:8px;margin:-6px 0 15px;padding:9px 11px;font-size:10px}.compatibility-warnings{color:#d8b986;background:#ffb8600b;border:1px solid #ffb8602e;border-radius:8px;margin:-6px 0 15px;padding:9px 11px}.compatibility-warnings p{margin:0;font-size:10px;line-height:1.55}.compatibility-warnings p+p{margin-top:4px}.model-controls{grid-template-columns:1fr .72fr;gap:10px;display:grid}.form-grid{gap:11px;display:grid}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid .field{margin-bottom:16px}.switch-row{border:1px solid var(--line-soft);cursor:pointer;background:#ffffff03;border-radius:10px;align-items:center;padding:13px 14px;display:flex}.switch-row>div{flex-direction:column;flex:1;gap:4px;display:flex}.switch-row strong{font-size:12px;font-weight:600}.switch-row div span{color:var(--muted);font-size:10px}.switch-row.disabled{cursor:not-allowed;opacity:.65}.switch-row input{opacity:0;pointer-events:none;position:absolute}.switch{background:#292c30;border-radius:99px;width:37px;height:21px;transition:background .2s;position:relative}.switch:after{content:"";background:#858a90;border-radius:50%;width:15px;height:15px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.switch-row input:checked+.switch{background:var(--accent)}.switch-row input:checked+.switch:after{background:#171916;transform:translate(16px)}.disclosure{border:0;border-top:1px solid var(--line-soft);color:#9da2a8;cursor:pointer;background:0 0;justify-content:space-between;align-items:flex-end;width:100%;height:38px;margin-top:15px;padding:0 2px 2px;font-size:11px;display:flex}.disclosure:hover{color:var(--text)}.disclosure svg,.debug-toggle svg{transition:transform .2s}.rotated{transform:rotate(180deg)}.advanced-fields{padding-top:16px;animation:.18s reveal}.compatibility-note{color:#b5bd9d;background:#d9ff5b0a;border:1px solid #d9ff5b26;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:10px;line-height:1.55}input:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}@keyframes reveal{0%{opacity:0;transform:translateY(-4px)}}.uploaders-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.uploader{min-width:0;margin:0 0 19px}.reference-count{color:var(--muted-2);justify-content:space-between;margin:-6px 0 14px;font-size:9px;display:flex}.reference-count strong{color:#92988a;font-weight:500}.reference-url-entry{grid-template-columns:85px minmax(0,1fr) auto;gap:8px;margin-bottom:8px;display:grid}.reference-url-input{position:relative}.reference-url-input svg{color:var(--muted-2);position:absolute;top:14px;left:11px}.reference-url-input input{padding-left:34px}.reference-url-entry>button{color:#c5c8c7;cursor:pointer;background:#1a1d20;border:1px solid #373c3f;border-radius:8px;align-items:center;gap:5px;padding:0 13px;font-size:10px;display:flex}.reference-url-entry>button:hover:not(:disabled){color:var(--accent);border-color:#505746}.reference-url-entry>button:disabled{opacity:.4;cursor:not-allowed}.reference-error{color:var(--danger);margin:0 0 10px;font-size:9px}.reference-url-list{flex-direction:column;gap:6px;margin-bottom:15px;display:flex}.reference-url-list>div{border:1px solid var(--line-soft);background:#0c0e10;border-radius:7px;align-items:center;gap:8px;min-width:0;height:36px;padding:0 7px 0 10px;display:flex}.reference-url-list span{color:var(--accent);text-transform:uppercase;font-size:8px}.reference-url-list strong{text-overflow:ellipsis;white-space:nowrap;color:#92979b;flex:1;min-width:0;font-size:9px;font-weight:500;overflow:hidden}.reference-url-list button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.reference-url-list button:hover{color:var(--danger);background:#ff776e14}.uploader-heading{justify-content:space-between;align-items:flex-end;margin-bottom:9px;display:flex}.uploader-heading>div{align-items:baseline;gap:8px;display:flex}.uploader-heading strong{font-size:12px;font-weight:600}.uploader-heading span{color:var(--muted-2);font-size:9px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}.file-grid,.file-list{border-radius:9px;transition:outline-color .16s,background .16s}.file-grid.drop-active,.file-list.drop-active{outline-offset:5px;background:#d9ff5b09;outline:2px dashed #d9ff5b9e}.image-file,.add-image{border:1px solid var(--line);background:#0b0d0e;border-radius:9px;min-width:0;height:82px;position:relative;overflow:hidden}.image-preview-link{width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.image-file img{object-fit:cover;width:100%;height:100%;transition:transform .18s;display:block}.image-file:hover img{transform:scale(1.035)}.image-name-popover{z-index:2;opacity:0;color:#f0f2f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#050607d1;border-radius:5px;padding:4px 5px;font-size:8px;line-height:1.25;transition:opacity .15s,transform .15s;position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden;transform:translateY(3px)}.image-file:hover .image-name-popover,.image-file.show-name .image-name-popover{opacity:1;transform:translateY(0)}.image-preview-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a3;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.image-preview-dialog{background:#111416;border:1px solid #3b4044;border-radius:12px;width:min(560px,92vw);max-height:min(620px,86vh);overflow:hidden;box-shadow:0 22px 70px #0000008c}.image-preview-dialog>div{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;height:42px;padding:0 10px 0 13px;display:flex}.image-preview-dialog strong{color:#c8cbcc;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;font-weight:600;overflow:hidden}.image-preview-dialog button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:#1c2023;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.image-preview-dialog button:hover{color:var(--text)}.image-preview-dialog img{object-fit:contain;background:#070809;width:100%;max-height:calc(min(620px,86vh) - 42px);display:block}.add-image{cursor:pointer;color:#686d72;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:9px;display:flex}.add-image:hover,.add-file:hover{color:var(--accent);background:#d9ff5b06;border-color:#4e554b}.remove-file{color:#c7cacb;cursor:pointer;background:#050607c7;border:1px solid #ffffff29;border-radius:6px;place-items:center;width:21px;height:21px;padding:0;display:grid;position:absolute;top:5px;right:5px}.remove-file:hover{color:#ffb3ad;background:#3e2020}.file-list{flex-direction:column;gap:7px;display:flex}.file-row{border:1px solid var(--line-soft);background:#0c0e10;border-radius:8px;flex-direction:column;align-items:stretch;gap:8px;min-height:74px;padding:8px;display:flex;position:relative}.file-info{min-width:0;padding-right:28px}.file-name{align-items:center;gap:7px;min-width:0;display:flex}.file-icon{color:#878c92;background:#181b1e;border-radius:6px;flex:none;place-items:center;width:25px;height:25px;display:grid}.file-info strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;font-weight:500;overflow:hidden}.file-info span{color:var(--muted-2);flex:none;font-size:9px}.file-row .remove-file{top:10px}.upload-media-preview{background:#060708;border-radius:6px;width:100%;max-height:210px;display:block}.upload-audio-preview{width:100%;height:34px;display:block}.add-file{border:1px dashed var(--line);height:42px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.generate-button{background:var(--accent);color:#12140d;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;padding:0 19px;font-size:13px;font-weight:700;transition:transform .15s,background .15s,opacity .15s;display:flex;box-shadow:0 10px 30px #b4da3d1a}.generate-button:hover:not(:disabled){background:#e4ff84;transform:translateY(-1px)}.generate-button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.button-end-icon{opacity:.55;margin-left:auto}.button-loader{border:2px solid #0003;border-top-color:#111;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}.submit-hint{color:var(--muted-2);text-align:center;margin:-7px 0 2px;font-size:10px}.request-preview{border:1px solid var(--line);background:#0d0f11;border-radius:11px;overflow:hidden}.request-preview-toggle{width:100%;height:48px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 15px;display:flex}.request-preview-toggle>span{align-items:center;gap:8px;display:flex}.request-preview-toggle strong{color:#bdc1c2;font-size:11px;font-weight:600}.request-preview-toggle small{border-left:1px solid var(--line);color:var(--muted-2);padding-left:8px;font-size:9px}.request-preview-toggle svg{transition:transform .2s}.request-preview-body{border-top:1px solid var(--line-soft);padding:10px;position:relative}.request-preview-body pre{color:#b2be9f;white-space:pre-wrap;word-break:break-word;background:#080a0b;border-radius:7px;min-height:110px;max-height:320px;margin:0;padding:14px;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.preview-copy{z-index:1;color:var(--muted);cursor:pointer;background:#15181b;border:1px solid #303439;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:flex;position:absolute;top:19px;right:19px}.preview-copy:hover{color:var(--text)}.right-column{min-width:0;position:sticky;top:92px}.right-column .task-column{position:static}.task-column{position:sticky;top:92px}.task-card{min-height:440px;padding:24px;overflow:hidden}.task-card.state-generating{border-color:#34392e;box-shadow:0 18px 45px #00000030,inset 0 1px #d9ff5b09}.task-topline{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.task-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.parallel-count{color:var(--accent);white-space:nowrap;background:#d9ff5b12;border-radius:99px;padding:4px 7px;font-size:8px}.task-refresh-button{border:1px solid var(--line);height:27px;color:var(--muted);cursor:pointer;background:#0d0f11;border-radius:99px;align-items:center;gap:5px;padding:0 9px;font-size:9px;display:flex}.task-refresh-button:hover:not(:disabled){color:var(--accent);border-color:#d9ff5b38}.task-refresh-button:disabled{opacity:.5;cursor:wait}.cancel-request-button{color:#ff9d96;cursor:pointer;background:#ff776e12;border:1px solid #ff776e47;border-radius:99px;align-items:center;gap:5px;height:27px;padding:0 9px;font-size:9px;display:flex}.cancel-request-button:hover{color:#ffd0cc;background:#ff776e1f;border-color:#ff776e80}.status-pill{color:var(--muted);border:1px solid var(--line);white-space:nowrap;background:#0d0f11;border-radius:99px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;display:inline-flex}.status-pill.generating,.status-pill.submitting{color:var(--accent);background:#d9ff5b0e;border-color:#d9ff5b33}.status-pill.completed{color:var(--success)}.status-pill.failed,.status-pill.cancelled{color:var(--danger)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex}.orb{color:#73787f;background:radial-gradient(circle at 50% 40%,#1e2226,#0b0d0f 67%);border:1px solid #292c30;border-radius:50%;place-items:center;width:76px;height:76px;margin-bottom:21px;display:grid;position:relative;box-shadow:0 0 0 12px #ffffff02,0 0 0 24px #ffffff01}.orb:after{content:"";border-radius:inherit;opacity:.5;border-top:1px solid #555b55;position:absolute;inset:-1px}.empty-state h3{margin:0 0 7px;font:600 14px Manrope,sans-serif}.empty-state p{max-width:245px;color:var(--muted);margin:0;font-size:11px;line-height:1.65}.task-content{animation:.2s reveal}.task-switcher{border:1px solid var(--line-soft);background:#0c0e10;border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin-bottom:10px;padding:6px;display:grid}.task-switcher button{height:27px;color:var(--muted);cursor:pointer;background:#15181b;border:1px solid #2d3135;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:8px;display:flex}.task-switcher button:hover{color:var(--accent);border-color:#46503c}.task-switcher>span{color:#777d82;text-align:center;min-width:38px;font-size:8px}.task-meta-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.task-meta-grid>div{border:1px solid var(--line-soft);background:#0c0e10;border-radius:8px;min-width:0;padding:10px 11px}.task-meta-grid span{color:var(--muted-2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;font-size:8px;display:block}.task-meta-grid strong{text-overflow:ellipsis;white-space:nowrap;color:#b9bdc0;font-size:10px;font-weight:500;display:block;overflow:hidden}.progress-block{padding:17px 0 15px}.task-steps{grid-template-columns:repeat(4,1fr);display:grid}.task-step{color:#555b61;text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.task-step:not(:last-child):after{content:"";background:#2a2e31;width:calc(100% - 28px);height:1px;position:absolute;top:11px;left:calc(50% + 14px)}.task-step>span{z-index:1;color:#70757b;background:#121416;border:1px solid #31353a;border-radius:50%;place-items:center;width:23px;height:23px;font-size:8px;display:grid;position:relative}.task-step>strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:500;overflow:hidden}.task-step.completed,.task-step.current{color:#afb5a7}.task-step.completed>span{color:#171a10;border-color:var(--accent);background:var(--accent)}.task-step.completed:not(:last-child):after{background:#d9ff5ba6}.task-step.current>span{color:var(--accent);border-color:var(--accent);background:#d9ff5b14;box-shadow:0 0 12px #d9ff5b1f}.task-step.current:not(.failed)>span{animation:1.6s ease-in-out infinite step-pulse}.task-step.failed>span{color:var(--danger);border-color:var(--danger);background:#ff776e14;animation:none}@keyframes step-pulse{50%{box-shadow:0 0 0 5px #d9ff5b0a,0 0 16px #d9ff5b2e}}.progress-block p{color:var(--muted-2);align-items:center;gap:5px;margin:8px 0 0;font-size:9px;display:flex}.prompt-preview{border-top:1px solid var(--line-soft);margin-top:15px;padding-top:15px}.prompt-preview span{color:var(--muted-2);letter-spacing:.1em;font-size:8px}.prompt-preview p{color:#9ea2a7;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:7px 0 0;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.error-box{color:var(--danger);background:#ff776e0d;border:1px solid #ff776e33;border-radius:9px;gap:9px;margin-top:15px;padding:12px;display:flex}.error-box svg{flex:none}.error-box strong,.error-box small{word-break:break-word;font-size:10px;line-height:1.45;display:block}.error-box small{color:#9b7472;margin-top:4px}.content-loading{color:var(--muted);align-items:center;gap:8px;padding:20px 0;font-size:10px;display:flex}.video-result{margin-top:17px}.video-frame{aspect-ratio:16/9;background:#050607;border:1px solid #292d31;border-radius:9px;position:relative;overflow:hidden}.video-frame video{object-fit:contain;width:100%;height:100%;display:block}.video-badge{color:#ddd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050607b8;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:flex;position:absolute;top:8px;left:8px}.download-button{color:#dadddd;background:#171a1d;border:1px solid #34383d;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:39px;margin-top:10px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.download-button:hover{color:var(--accent);border-color:#515849}.video-cache-status,.history-video-cache{color:var(--muted-2);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:8px;display:flex}.video-cache-status span,.history-video-cache span{align-items:center;gap:5px;min-width:0;display:flex}.video-cache-status button,.history-video-cache button{border:1px solid var(--line);height:27px;color:var(--muted);cursor:pointer;background:#14171a;border-radius:6px;flex:none;align-items:center;gap:5px;padding:0 8px;font-size:8px;display:flex}.video-cache-status button:hover:not(:disabled),.history-video-cache button:hover:not(:disabled){color:var(--accent);border-color:#46503c}.video-cache-status button:disabled,.history-video-cache button:disabled{opacity:.45;cursor:wait}.video-cache-error{color:var(--danger);margin:7px 0 0;font-size:8px;line-height:1.45}.lookup-panel{grid-template-columns:1fr;align-items:center;margin-bottom:22px;padding:17px 19px;display:grid}.lookup-heading{border-bottom:1px solid var(--line-soft);color:var(--muted-2);justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 0 12px;display:flex}.lookup-heading h2,.history-heading h2{color:var(--text);margin:5px 0 0;font:600 14px/1.2 Manrope,sans-serif}.lookup-panel form{grid-template-columns:1fr auto;gap:8px;display:grid}.lookup-panel form button{color:#12140d;background:var(--accent);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:10px;font-weight:700;display:flex}.lookup-panel form button:disabled{opacity:.4;cursor:not-allowed}.lookup-poll-option{color:var(--muted);cursor:pointer;align-items:center;gap:7px;margin:8px 0 0;font-size:9px;display:flex}.lookup-poll-option input{width:auto;height:auto;accent-color:var(--accent)}.lookup-message{color:#9ba48d;margin:7px 0 0;font-size:9px}.history-global-error{color:var(--danger);background:#ff776e0a;border:1px solid #ff776e29;border-radius:8px;align-items:center;gap:8px;margin:-11px 0 20px;padding:10px 13px;font-size:10px;display:flex}.asset-library{min-width:0}.asset-library-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:2px 0 24px;display:flex}.asset-library-heading h1{letter-spacing:-.035em;margin:9px 0 7px;font:600 30px/1.1 Manrope,sans-serif}.asset-library-heading p{color:var(--muted);margin:0;font-size:12px}.asset-library-heading>strong{border:1px solid var(--line);color:var(--accent);background:#d9ff5b0b;border-radius:99px;flex:none;padding:7px 10px;font-size:9px;font-weight:600}.asset-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.asset-item{border:1px solid var(--line);background:linear-gradient(145deg,#121517fa,#0b0d0ffa);border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 12px 32px #00000024}.asset-item.expanded{border-color:#343a32;grid-column:1/-1}.asset-summary{width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.asset-summary:hover{background:#ffffff04}.asset-cover{aspect-ratio:16/9;background:#070809;border:1px solid #292d30;border-radius:8px;display:block;position:relative;overflow:hidden}.asset-cover>img{object-fit:cover;width:100%;height:100%;display:block}.asset-cover>span{color:#555b60;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;height:100%;font-size:8px;display:flex}.asset-cover em,.asset-cover i{color:#d9dcdd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050607c2;border-radius:4px;padding:3px 5px;font-size:7px;font-style:normal;position:absolute;top:5px}.asset-cover em{left:5px}.asset-cover i{color:var(--accent);right:5px}.asset-summary-copy{min-width:0}.asset-summary-copy strong{color:#c4c8c9;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.asset-summary-copy small{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:8px;display:block;overflow:hidden}.asset-summary>svg{color:var(--muted);transition:transform .18s}.asset-summary>svg.rotated{transform:rotate(180deg)}.asset-details{border-top:1px solid var(--line-soft);background:#0a0c0e;grid-template-columns:minmax(340px,.95fr) minmax(0,1.05fr);gap:18px;padding:16px;animation:.18s reveal;display:grid}.asset-video-column,.asset-info-column{min-width:0}.asset-video-column video{object-fit:contain;background:#050607;border:1px solid #25292c;border-radius:9px;width:100%;max-height:580px;display:block}.asset-video-column>a{color:#c7cbca;border:1px solid var(--line);background:#15181b;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:37px;margin-top:8px;font-size:9px;text-decoration:none;display:flex}.asset-video-column>a:hover{color:var(--accent);border-color:#4a5143}.asset-cache-row{color:var(--muted-2);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:8px;display:flex}.asset-cache-row span{align-items:center;gap:5px;display:flex}.asset-cache-row button{border:1px solid var(--line);height:28px;color:var(--muted);cursor:pointer;background:#14171a;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:8px;display:flex}.asset-cache-row button:hover:not(:disabled){color:var(--accent);border-color:#46503c}.asset-cache-row button:disabled{opacity:.45;cursor:wait}.asset-info-column dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;display:grid}.asset-info-column dl>div{background:#0e1012;border:1px solid #1e2225;border-radius:7px;min-width:0;padding:9px 10px}.asset-info-column dt{color:var(--muted-2);margin-bottom:4px;font-size:8px}.asset-info-column dd{color:#afb3b4;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;overflow:hidden}.asset-info-column .asset-key-note{background:#d9ff5b06;border-color:#d9ff5b21}.asset-prompt,.asset-references{margin-top:13px}.asset-prompt>span,.asset-references>span{color:var(--muted-2);letter-spacing:.09em;font-size:8px}.asset-prompt p{color:#a7abad;white-space:pre-wrap;max-height:130px;margin:6px 0 0;font-size:10px;line-height:1.6;overflow:auto}.asset-references>div{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:7px;margin-top:7px;display:grid}.asset-references>p{color:var(--muted-2);margin:7px 0 0;font-size:9px}.asset-references figure{border:1px solid var(--line-soft);background:#111315;border-radius:7px;min-width:0;margin:0;overflow:hidden}.asset-references figure>img,.asset-references figure>span{object-fit:cover;width:100%;height:78px;color:var(--muted-2);justify-content:center;align-items:center;gap:5px;font-size:8px;display:flex}.asset-references figcaption{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:5px 6px;font-size:8px;overflow:hidden}.asset-empty{border:1px dashed var(--line);min-height:220px;color:var(--muted-2);background:#0d0f11;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.history-panel{margin-top:22px;padding:20px}.history-page-title{margin:2px 0 24px}.history-page-title h1{letter-spacing:-.035em;margin:9px 0 7px;font:600 30px/1.1 Manrope,sans-serif}.history-page-title p{color:var(--muted);margin:0;font-size:12px}.history-page .history-panel{margin-top:0}.history-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.history-heading>span{color:var(--muted-2);font-size:9px}.history-list{flex-direction:column;gap:7px;display:flex}.history-item{border:1px solid var(--line-soft);background:#0c0e10;border-radius:9px;overflow:hidden}.history-item.status-completed{border-color:#9fe14b24}.history-item.status-failed{border-color:#ff776e24}.history-summary{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:55px;padding:8px 9px;display:grid}.history-expand{width:27px;height:27px;color:var(--muted);cursor:pointer;background:#171a1d;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.history-expand svg{transition:transform .2s}.history-main{align-items:center;gap:9px;min-width:0;display:flex}.history-main-copy{flex:1;min-width:0}.history-main-copy>div{align-items:center;gap:8px;display:flex}.history-main strong{text-overflow:ellipsis;white-space:nowrap;color:#bec2c3;min-width:0;font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.history-main p{color:var(--muted-2);margin:5px 0 0;font-size:9px}.history-result-thumbnail{object-fit:cover;background:#070809;border:1px solid #2a2e31;border-radius:6px;flex:none;width:58px;height:38px;display:block}.history-status{color:var(--muted);background:#1b1e21;border-radius:99px;flex:none;padding:3px 6px;font-size:8px}.history-status.completed{color:var(--success);background:#9fe14b12}.history-status.failed,.history-status.cancelled{color:var(--danger);background:#ff776e12}.history-status.processing,.history-status.in_progress,.history-status.queued,.history-status.submitting{color:var(--accent);background:#d9ff5b0f}.history-actions{gap:5px;display:flex}.history-actions button{border:1px solid var(--line-soft);width:29px;height:29px;color:var(--muted);cursor:pointer;background:#15181b;border-radius:6px;place-items:center;padding:0;display:grid}.history-actions button:hover:not(:disabled){color:var(--accent);border-color:#444a3d}.history-actions button:last-child:hover{color:var(--danger);border-color:#ff776e33}.history-actions button:disabled{opacity:.35;cursor:not-allowed}.history-details{border-top:1px solid var(--line-soft);background:#0a0c0e;padding:14px;animation:.18s reveal}.history-detail-layout{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:start;gap:16px;display:grid}.history-info-column,.history-preview-column{min-width:0}.history-details dl{grid-template-columns:repeat(2,1fr);gap:7px;margin:0;display:grid}.history-details dl>div{background:#0e1012;border:1px solid #1d2023;border-radius:6px;padding:8px 9px}.history-details dt{color:var(--muted-2);margin-bottom:4px;font-size:8px}.history-details dd{text-overflow:ellipsis;white-space:nowrap;color:#a9adaf;margin:0;font-size:9px;overflow:hidden}.polling-label{color:var(--accent);align-items:center;gap:4px;display:flex}.history-prompt{margin-top:11px}.history-prompt>span,.history-images>span{color:var(--muted-2);letter-spacing:.08em;font-size:8px}.history-prompt p{color:#a0a4a6;white-space:pre-wrap;margin:6px 0 0;font-size:10px;line-height:1.55}.history-images{margin-top:12px}.history-images>div{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:7px;margin-top:7px;display:grid}.history-images figure{border:1px solid var(--line-soft);background:#111315;border-radius:7px;min-width:0;margin:0;overflow:hidden}.history-images figure>a{cursor:zoom-in;display:block}.history-images img,.missing-thumb>span{object-fit:cover;width:100%;height:74px;color:var(--muted-2);place-items:center;font-size:8px;display:grid}.history-images figcaption{min-width:0;color:var(--muted);justify-content:space-between;align-items:center;gap:5px;padding:5px 6px;font-size:8px;display:flex}.history-images figcaption span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.history-images figcaption small{color:var(--muted-2);flex:none;font-size:7px}.history-error{color:var(--danger);background:#ff776e0a;border:1px solid #ff776e26;border-radius:7px;flex-direction:column;gap:3px;margin-top:11px;padding:9px 10px;font-size:9px;display:flex}.history-video{margin-top:13px}.history-preview-column .history-video{margin-top:0;position:sticky;top:88px}.history-video video{background:#050607;border-radius:8px;width:100%;max-height:520px;display:block}.history-video a{color:#c3c7c6;border:1px solid var(--line);background:#15181b;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:36px;margin-top:7px;font-size:9px;text-decoration:none;display:flex}.history-video a:hover{color:var(--accent)}.history-video-empty{min-height:280px;color:var(--muted-2);text-align:center;background:#0c0e10;border:1px dashed #24282c;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.history-video-empty span{letter-spacing:.14em;font-size:8px}.history-video-empty p{margin:0;font-size:10px}.history-responses{border-top:1px solid var(--line-soft);margin-top:13px;padding-top:12px}.history-responses-heading{color:var(--muted-2);letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:8px;display:flex}.history-responses-heading strong{color:#777d82;letter-spacing:0;font-weight:500}.history-responses>p{color:var(--muted-2);margin:8px 0 0;font-size:9px}.history-responses details{background:#0d0f11;border:1px solid #202429;border-radius:7px;margin-top:6px;overflow:hidden}.history-responses summary{color:#9da2a6;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:0 10px;font-size:9px;list-style:none;display:flex}.history-responses summary::-webkit-details-marker{display:none}.history-responses summary:before{content:"›";color:var(--accent);transition:transform .16s}.history-responses details[open] summary:before{transform:rotate(90deg)}.history-responses summary span{margin-right:auto}.history-responses summary time{color:var(--muted-2);white-space:nowrap}.history-responses pre{color:#aeb99e;white-space:pre-wrap;word-break:break-word;background:#090b0c;border-top:1px solid #202429;max-height:320px;margin:0;padding:12px;font:9px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.poll-response-entries{background:#0a0c0e;border-top:1px solid #202429;padding:0 6px 6px}.poll-response-entries details{background:#101315;margin-top:6px}.poll-response-entries summary{min-height:30px}.history-empty{min-height:85px;color:var(--muted-2);justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.history-more{border:1px solid var(--line-soft);width:100%;height:35px;color:var(--muted);cursor:pointer;background:#111315;border-radius:7px;margin-top:9px;font-size:9px}.history-footnote{color:#565b61;margin:12px 1px 0;font-size:8px;line-height:1.5}.debug-panel{margin-top:22px}.debug-toggle{width:100%;height:53px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.debug-toggle>span{align-items:center;gap:9px;display:flex}.debug-toggle strong{color:#b9bdc0;font-size:11px;font-weight:600}.debug-toggle small{color:var(--muted-2);border-left:1px solid var(--line);padding-left:9px;font-size:9px}.debug-body{border-top:1px solid var(--line-soft);padding:13px;position:relative}.debug-body pre{color:#abb69c;background:#090b0c;border-radius:8px;max-height:360px;margin:0;padding:15px;font:10px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.debug-copy{z-index:1;color:var(--muted);cursor:pointer;background:#15181b;border:1px solid #303439;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:flex;position:absolute;top:23px;right:23px}.debug-response-nav+.debug-copy{top:68px}.debug-copy:hover{color:var(--text)}.debug-response-nav{justify-content:space-between;align-items:center;gap:10px;min-width:0;margin-bottom:9px;display:flex}.debug-response-meta{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 7px;min-width:0;display:grid}.debug-response-meta strong{color:#aeb6a0;font-size:9px;font-weight:600}.debug-response-meta span{text-overflow:ellipsis;white-space:nowrap;color:#777d82;font:8px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.debug-response-meta time{color:#5f646a;grid-column:1/3;font-size:8px}.debug-response-controls{flex:none;align-items:center;gap:5px;display:flex}.debug-response-controls button{height:25px;color:var(--muted);cursor:pointer;background:#15181b;border:1px solid #303439;border-radius:6px;align-items:center;gap:3px;padding:0 7px;font-size:8px;display:flex}.debug-response-controls button:hover:not(:disabled){color:var(--accent);border-color:#46503c}.debug-response-controls button:disabled{opacity:.3;cursor:not-allowed}.debug-response-controls>span{min-width:35px;color:var(--muted-2);text-align:center;font-size:8px}footer{border-top:1px solid var(--line-soft);color:#494d52;letter-spacing:.11em;justify-content:space-between;align-items:center;width:min(1320px,100% - 48px);height:78px;margin:30px auto 0;font-size:8px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.api-panel{grid-template-columns:1fr auto}.api-title{grid-area:auto/1/auto/3;margin-bottom:15px}.key-vault{grid-column:1/3}.workspace{grid-template-columns:1fr}.right-column,.task-column{position:static}.lookup-panel{grid-template-columns:1fr}.lookup-heading{border-right:0;border-bottom:1px solid var(--line-soft);grid-row:auto;margin-bottom:12px;padding:0 0 12px}.lookup-message{grid-column:1}.history-detail-layout{grid-template-columns:1fr}.history-preview-column{grid-row:1}.history-preview-column .history-video{position:static}.asset-list{grid-template-columns:1fr}.asset-item.expanded{grid-column:auto}.asset-details{grid-template-columns:1fr}}@media (width<=600px){.site-header{height:62px;padding:0 16px}.brand em,.github-link span,.connection-status{display:none}.page-nav a{padding-inline:7px}.header-actions{gap:3px}main{width:calc(100% - 28px);padding-top:42px}.api-panel{grid-template-columns:1fr;padding:16px}.api-title{grid-column:auto}.connect-button{margin-top:10px}.key-vault{grid-column:auto}.form-card,.task-card{padding:18px}.model-controls,.form-grid.three,.uploaders-grid{grid-template-columns:1fr}.reference-url-entry{grid-template-columns:82px 1fr}.reference-url-entry>button{grid-column:1/3;justify-content:center;height:38px}.form-grid.three{gap:0}.task-meta-grid{grid-template-columns:1fr}.history-summary{grid-template-columns:28px minmax(0,1fr)}.history-actions{grid-column:2}.history-details dl{grid-template-columns:1fr 1fr}.asset-summary{grid-template-columns:104px minmax(0,1fr) auto;gap:9px}.asset-library-heading{align-items:flex-start}.asset-library-heading>strong{margin-top:5px}.asset-info-column dl{grid-template-columns:1fr}footer{width:calc(100% - 28px)}footer span:last-child{display:none}}.canvas-page-shell .site-header{background:#101113;height:64px;padding:0 24px}.canvas-page-shell .brand em{font-size:11px}.canvas-page-shell .page-nav{background:#191b1d;border:0;padding:4px}.canvas-page-shell .page-nav a{padding:7px 16px;font-size:12px}.canvas-page-shell .page-nav a.active{color:var(--accent);background:#32362b}.video-canvas{--canvas-panel-width:340px;background:#151618;height:calc(100dvh - 64px);min-height:440px;overflow:hidden}.canvas-surface{touch-action:none;-webkit-user-select:none;user-select:none;background-color:#151618;background-image:radial-gradient(circle,#37383a .8px,#0000 .8px);width:100%;height:100%;position:relative;overflow:hidden}.canvas-surface.hand-tool,.canvas-surface.hand-tool .canvas-node{cursor:grab}.canvas-surface.hand-tool:active{cursor:grabbing}.canvas-surface.connecting,.canvas-surface.connecting .canvas-node{cursor:crosshair}.canvas-surface button{color:#c5c7c9;cursor:pointer;background:#232527;border:1px solid #383a3d;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:12px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.canvas-surface button:hover:not(:disabled){color:#f7f8f4;background:#303335;border-color:#575b54}.canvas-surface button:disabled{opacity:.4;cursor:not-allowed}.canvas-surface button:focus-visible,.canvas-surface [role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.canvas-surface button.primary,.canvas-surface .canvas-generate-button{background:var(--accent);color:#202511;border-color:var(--accent);font-weight:700}.canvas-surface button.primary:hover:not(:disabled),.canvas-surface .canvas-generate-button:hover:not(:disabled){color:#161a0a;background:#e4ff8b}.canvas-topbar{z-index:8;background:linear-gradient(#151618 70%,#15161800);justify-content:space-between;align-items:center;gap:16px;height:65px;padding:0 24px;display:flex;position:absolute;inset:0 0 auto}.canvas-document-name,.canvas-top-actions{align-items:center;gap:12px;min-width:0;display:flex}.canvas-document-name .canvas-board-menu{background:0 0;border-color:#0000;padding:8px 4px}.canvas-document-name input{background:0 0;border-color:#0000;width:180px;max-width:220px;height:32px;padding:4px 6px;font-size:13px;font-weight:600}.canvas-document-name input:hover{border-color:#3c3e41}.canvas-save-state{color:#767c7a;white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:flex}.canvas-save-state.error{color:var(--danger)}.canvas-top-actions>button{background:#1d1f21}.canvas-node-count{color:#737879;white-space:nowrap;margin-right:4px;font-size:11px}.canvas-toolbar{z-index:9;background:#202224f5;border:1px solid #35373a;border-radius:13px;flex-direction:column;gap:5px;padding:7px;display:flex;position:absolute;top:86px;left:20px;box-shadow:0 8px 28px #0003}.canvas-toolbar>button{color:#969c9e;background:0 0;border:1px solid #0000;width:39px;height:39px;padding:0}.canvas-toolbar>button.active{color:var(--accent);background:#d9ff5b16;border-color:#d9ff5b25}.canvas-toolbar i{background:#36383a;height:1px;margin:4px 3px}.canvas-welcome{z-index:2;text-align:center;width:min(580px,100% - 160px);position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.canvas-welcome-symbol{color:#cee594;background:linear-gradient(135deg,#292e22,#20231d);border:1px solid #b4cb7235;border-radius:23px;place-items:center;width:74px;height:74px;margin:0 auto 28px;display:grid;position:relative;transform:rotate(-7deg);box-shadow:0 0 65px #c2e5700b,inset 0 1px #ffffff0a}.canvas-welcome-symbol>span{color:#2f3815;background:#d9ff5b;border:4px solid #151618;border-radius:10px;padding:7px;display:flex;position:absolute;bottom:-5px;right:-6px}.canvas-eyebrow{color:#818a72;letter-spacing:.16em;font-size:9px;font-weight:600}.canvas-welcome h1{color:#ecefe6;letter-spacing:.06em;margin:13px 0 14px;font-size:clamp(27px,3vw,38px);font-weight:500;line-height:1.3}.canvas-welcome p{color:#8a8f91;margin:0 0 29px;font-size:13px;line-height:1.9}.canvas-start-actions{justify-content:center;align-items:center;gap:12px;display:flex}.canvas-start-actions button{padding:12px 20px;font-size:12px}.canvas-surface .canvas-template-link{color:#a7ad9e;background:0 0;border:0;margin:14px auto 0;font-size:11px}.canvas-template-link>span{margin-left:8px}.canvas-welcome>small{color:#62686a;margin-top:35px;font-size:10px;display:block}.canvas-world{transform-origin:0 0;width:0;height:0;position:absolute;inset:0}.canvas-connections{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.canvas-connections path{fill:none;stroke:#586045;stroke-width:2px}.canvas-connections circle{fill:#929f6e}.canvas-connections .selected path{stroke:#b8d568}.canvas-connections .selected circle{fill:var(--accent)}.canvas-node{cursor:move;background:#222426;border:1px solid #414448;border-radius:12px;flex-direction:column;display:flex;position:absolute;box-shadow:0 6px 20px #0003}.canvas-node.selected{outline-offset:3px;outline:2px solid #d9ff5bbf}.canvas-node.busy{border-color:#94a75b}.canvas-node-heading{border-bottom:1px solid #ffffff07;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:41px;padding:0 13px;display:flex}.canvas-node-heading>span{text-overflow:ellipsis;white-space:nowrap;color:#c3c7c5;align-items:center;gap:7px;min-width:0;font-size:11px;display:flex;overflow:hidden}.canvas-node-heading svg{color:#999f90;flex-shrink:0}.canvas-node-heading small{color:#7a8378;flex-shrink:0;align-items:center;gap:4px;font-size:9px;display:flex}.canvas-node-heading small.error{color:#ff958b}.canvas-node-heading small.running{color:var(--accent)}.canvas-shot-placeholder{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.canvas-shot-visual{color:#7d886d;background:radial-gradient(#b5d7690c,#0000 70%),#1b1e1c;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:56px;display:flex}.canvas-shot-visual span{color:#798373;font-size:10px}.canvas-shot-placeholder p{color:#9caaa0;white-space:pre-wrap;overflow-wrap:anywhere;min-height:44px;max-height:64px;margin:0;padding:11px 13px;font-size:10px;line-height:1.7;overflow:hidden}.canvas-shot-footer{color:#828881;border-top:1px solid #ffffff07;flex-shrink:0;justify-content:space-between;align-items:center;height:31px;padding:0 12px;font-size:9px;display:flex}.canvas-media{background:#111315;border-radius:0 0 11px 11px;flex:1;min-height:0;position:relative;overflow:hidden}.canvas-node.shot .canvas-media{border-radius:0}.canvas-media img,.canvas-media video{object-fit:contain;width:100%;height:100%;display:block}.canvas-media.audio{background:repeating-linear-gradient(90deg,#242a21 0 3px,#1b1e1c 3px 10px);align-items:center;padding:20px 12px;display:flex}.canvas-media audio{width:100%;height:38px}.canvas-media .canvas-media-download{color:#cdd4c4;background:#141615cc;border-radius:5px;padding:4px 8px;font-size:9px;text-decoration:none;position:absolute;top:8px;right:8px}.canvas-media-error{color:#bd8a85;justify-content:center;align-items:center;min-height:40px;padding:14px;font-size:11px;display:flex}.canvas-media>.canvas-media-error{pointer-events:none;background:#17191ae6;position:absolute;inset:0}.canvas-node.note{background:#333126;border-color:#514d36}.canvas-node.note .canvas-node-heading{border-bottom-color:#d8c98717}.canvas-node.note .canvas-node-heading>span,.canvas-node.note .canvas-node-heading svg{color:#c7c09b}.canvas-note-content{color:#d0c9ac;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;font-size:12px;line-height:1.9;overflow:auto}.canvas-surface .canvas-port{color:#e9efdd;background:#666e56;border:2px solid #151618;border-radius:50%;width:18px;height:18px;padding:0;position:absolute;top:calc(50% - 9px);box-shadow:0 0 0 1px #666e56}.canvas-port.output{right:-10px}.canvas-port.input{left:-10px}.canvas-port.input>span{background:#d1dbbf;border-radius:50%;width:5px;height:5px;display:block}.canvas-surface .canvas-port.active{background:var(--accent);color:#283217;box-shadow:0 0 0 4px #d9ff5b33}.canvas-resize-handle{cursor:nwse-resize;background:#d9ff5b;border:2px solid #151618;border-radius:3px;width:12px;height:12px;position:absolute;bottom:-6px;right:-6px}.canvas-selection-box{pointer-events:none;background:#d9ff5b0d;border:1px solid #d9ff5b88;position:absolute}.canvas-panel{z-index:10;-webkit-user-select:text;user-select:text;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#202224f7;border:1px solid #383b3d;border-radius:14px;flex-direction:column;width:min(980px,100% - 180px);max-height:min(60%,100% - 160px);display:flex;position:absolute;top:auto;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 14px 44px #0004}.canvas-panel-heading{border-bottom:1px solid #343638;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;display:flex}.canvas-panel-heading h2{color:#e6e9e1;margin:4px 0 0;font-size:15px;font-weight:600}.canvas-panel-heading>button{color:#8e9595;background:0 0;border:0;padding:4px}.canvas-panel-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#41453c transparent;padding:18px;overflow:auto}.canvas-panel h3{color:#c8cec4;margin:21px 0 11px;font-size:12px;font-weight:500}.canvas-field{color:#aeb5ab;flex-direction:column;gap:9px;margin-bottom:20px;font-size:11px;display:flex;position:relative}.canvas-shot-settings{border:0;min-width:0;margin:0;padding:0}.canvas-shot-settings:disabled{opacity:.65}.canvas-field input,.canvas-field textarea,.canvas-field select,.canvas-link-form input,.canvas-link-form select{color:#d8ddd2;background:#191b1d;border:1px solid #383b3d;border-radius:7px;width:100%;font-size:12px}.canvas-field input{height:36px;padding:0 10px}.canvas-field textarea{resize:vertical;min-height:100px;padding:11px;line-height:1.8}.canvas-field input::placeholder,.canvas-field textarea::placeholder{color:#616b61}.canvas-field small{color:#6e786b;font-size:9px}.canvas-field-hint{color:#71796e;font-size:9px;position:absolute;top:0;right:0}.canvas-field select,.canvas-link-form select{outline:none;height:35px;padding:0 7px}.canvas-field select:disabled{opacity:.6}.canvas-settings-grid{grid-template-columns:1fr 1fr 1fr;gap:9px;display:grid}.canvas-reference-heading{color:#abb4a5;justify-content:space-between;align-items:center;font-size:11px;display:flex}.canvas-reference-heading strong{font-weight:500}.canvas-reference-heading span{color:#747f6d;font-size:10px}.canvas-panel-tip{color:#7e8979;margin:10px 0 14px;font-size:10px;line-height:1.8}.canvas-reference-list{flex-direction:column;gap:6px;max-height:200px;margin-bottom:20px;display:flex;overflow-y:auto}.canvas-reference-list>label{cursor:pointer;background:#191c19;border:1px solid #333a2f;border-radius:6px;align-items:center;gap:8px;padding:8px;display:flex}.canvas-reference-list input{appearance:auto;accent-color:var(--accent);width:13px;height:13px;box-shadow:none;margin:0;padding:0}.canvas-reference-list label>span{color:#a5b19e;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;overflow:hidden}.canvas-reference-list label>small{color:#c3db8a;font-size:9px}.canvas-surface .canvas-reference-upload{color:#94a581;background:#b4d66e05;border-style:dashed;width:100%;padding:14px}.canvas-surface .canvas-generate-button{border-radius:8px;width:100%;height:42px;font-size:12px}.canvas-generate-button>span{margin-left:auto;font-size:17px}.canvas-surface .canvas-connect-hint{color:#aabb92;background:0 0;border:0;width:100%;margin-top:6px;font-size:10px}.canvas-element-actions{border-top:1px solid #363a32;gap:10px;margin-top:20px;padding-top:16px;display:flex}.canvas-element-actions button{color:#98a38e;background:0 0;flex:1;padding:8px;font-size:10px}.canvas-element-actions button.danger{color:#c58c80}.canvas-inline-error{color:#f7a194;overflow-wrap:anywhere;font-size:11px;line-height:1.7}.canvas-task-info{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:14px;display:flex}.canvas-task-info code{color:#788871;text-overflow:ellipsis;max-width:100%;font-size:9px;overflow:hidden}.canvas-task-info button{background:0 0;padding:3px 7px;font-size:9px}.canvas-wide-button{width:100%;margin-bottom:10px}.canvas-link-form{border-bottom:1px solid #383d33;grid-template-columns:80px 1fr;gap:9px;padding-bottom:20px;display:grid}.canvas-link-form h3{grid-column:1/-1}.canvas-link-form input{height:35px}.canvas-link-form button{grid-column:1/-1}.canvas-history-asset,.canvas-board-item{text-align:left;align-items:center;gap:10px;width:100%;margin-bottom:10px;display:flex}.canvas-history-asset>span,.canvas-board-item>span{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.canvas-history-asset strong,.canvas-board-item strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:400;overflow:hidden}.canvas-history-asset small,.canvas-board-item small{color:#6f7b68;text-overflow:ellipsis;font-size:9px;overflow:hidden}.canvas-surface .canvas-board-item.active{color:#cce398;background:#d9ff5b09;border-color:#697c42}.canvas-panel-empty{text-align:center;color:#58634f;margin-top:36px}.canvas-panel-empty p{color:#7d8974;font-size:12px}.canvas-panel-empty small{font-size:10px}.canvas-settings-panel .api-panel{box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:14px;margin:0;padding:0;display:flex}.canvas-settings-panel .api-title{padding-bottom:8px}.canvas-settings-panel .key-vault{margin:0}.canvas-settings-panel .saved-key-list{flex-direction:column;display:flex}.canvas-settings-panel .key-note-row{grid-template-columns:1fr}.canvas-settings-panel .key-note-row button{justify-content:center}.canvas-shortcuts{margin:0}.canvas-shortcuts>div{border-bottom:1px solid #30362c;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;font-size:10px;display:flex}.canvas-shortcuts dt{color:#a3b099}.canvas-shortcuts dd{color:#78876c;margin:0;font-family:monospace}.canvas-notice{z-index:15;color:#d4e0be;background:#252d1ff5;border:1px solid #5c6d43;border-radius:10px;align-items:center;gap:15px;max-width:min(650px,100% - 160px);padding:10px 12px 10px 16px;font-size:12px;line-height:1.7;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #0004}.canvas-notice.error{color:#edb7a9;border-color:#875a4d}.canvas-notice>button{background:0 0;border:0;flex-shrink:0;padding:2px}.canvas-bottom{z-index:9;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.canvas-bottom>*{pointer-events:auto}.canvas-undo-controls,.canvas-zoom-controls{background:#202224f5;border:1px solid #383b3d;border-radius:9px;align-items:center;gap:2px;padding:4px;display:flex;box-shadow:0 6px 20px #0002}.canvas-undo-controls>button,.canvas-zoom-controls>button{color:#929b8b;background:0 0;border:0;width:32px;height:31px;padding:0}.canvas-bottom-hint{color:#646f5d;pointer-events:none;margin-left:6px;font-size:10px}.canvas-zoom-controls{margin-left:auto}.canvas-zoom-controls .canvas-zoom-value{width:52px;font-size:11px}.canvas-zoom-controls i{background:#3c4236;width:1px;height:18px;margin:0 4px}.canvas-surface .canvas-help-button{color:#9aa38f;background:#202224f5;border-radius:50%;width:40px;height:40px;padding:0;font-size:14px;font-weight:600}.canvas-surface:focus{outline:none}.canvas-connections .canvas-connection-line{pointer-events:none}.canvas-connections .canvas-connection-hit{stroke:#0000;stroke-width:18px;fill:none;pointer-events:stroke;cursor:pointer;vector-effect:non-scaling-stroke}.canvas-connections .selected .canvas-connection-line{stroke:var(--accent);stroke-width:3px;filter:drop-shadow(0 0 4px #d9ff5b50)}.canvas-connections .associated .canvas-connection-line{stroke:#b8d568}.canvas-connections .selected .canvas-connection-hit{stroke:#0000}.canvas-connections .canvas-connection-hit:focus{outline:none}.canvas-connections g:has(.canvas-connection-hit:focus-visible) .canvas-connection-line{stroke:var(--accent);stroke-width:4px}.canvas-connection-draft{z-index:4}.canvas-connection-draft path{stroke:var(--accent);stroke-dasharray:7 5;stroke-width:2px}.canvas-connection-draft circle{fill:var(--accent)}.canvas-node.connection-target{outline-offset:6px;outline:3px solid #d9ff5b;box-shadow:0 0 30px #d9ff5b20}.canvas-panel.canvas-inspector{max-height:calc(100% - 170px)}.shot-composer-panel .canvas-panel-heading{border:0;padding-bottom:6px}.canvas-panel-heading>div{align-items:baseline;gap:12px;min-width:0;display:flex}.canvas-panel-heading h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.canvas-composer-subtitle{color:#707b68;font-size:10px}.shot-composer-panel .canvas-panel-content{padding:5px 18px 16px;overflow:visible}.canvas-composer{position:relative}.canvas-prompt-input textarea{resize:none;color:#e0e5d8;min-height:82px;max-height:min(150px,20vh);box-shadow:none;background:0 0;border:0;border-radius:0;padding:9px 2px;font-size:13px;line-height:1.8;display:block}.canvas-prompt-input textarea:focus{box-shadow:none;background:0 0}.canvas-prompt-input textarea::placeholder{color:#697460}.canvas-prompt-caption{color:#697660;justify-content:space-between;margin:2px 0 12px;font-size:9px;display:flex}.canvas-composer-toolbar{border-top:1px solid #34392f;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.canvas-composer-menus,.canvas-composer-submit{align-items:center;gap:6px;min-width:0;display:flex}.canvas-composer-menus{flex-wrap:wrap}.canvas-menu-anchor{min-width:0;position:relative}.canvas-composer-menus button{color:#b1bea5;background:#272b24;border-color:#3b4234;height:33px;padding:7px 9px;font-size:10px}.canvas-composer-menus button[aria-expanded=true]{color:#d9eeae;border-color:#6c7e4b}.canvas-model-summary{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.canvas-parameter-summary i{background:#48513f;width:1px;height:12px;margin:0 2px}.canvas-composer-submit{flex-shrink:0}.canvas-composer-submit .canvas-generate-button{width:140px;height:36px;font-size:11px}.canvas-composer-submit .canvas-connect-hint{white-space:nowrap;width:auto;margin:0;padding:5px;font-size:10px}.canvas-composer-popover{z-index:32;scrollbar-width:thin;background:#252a21;border:1px solid #4c5641;border-radius:12px;width:340px;max-height:min(52vh,430px);padding:17px;position:absolute;bottom:calc(100% + 15px);left:0;overflow:auto;box-shadow:0 12px 45px #0008}.canvas-composer-popover h3{margin:0 0 17px;font-size:12px}.canvas-composer-popover .canvas-field{margin-bottom:14px}.canvas-composer-popover .canvas-reference-list{margin-bottom:12px}.canvas-composer-popover .canvas-element-actions{margin-top:12px}.canvas-composer-popover .canvas-popover-done{color:#d6eca8;margin-left:auto;display:flex}.canvas-composer-popover.canvas-more-popover{width:280px;left:auto;right:0}.asset-composer-panel{width:min(720px,100% - 180px)}.asset-composer-panel .canvas-field{margin-bottom:12px}.asset-composer-panel .canvas-element-actions{margin-top:12px;padding-top:12px}.canvas-reference-picker{z-index:25;-webkit-user-select:none;user-select:none;background:#20251efc;border:1px solid #536047;border-radius:14px;grid-template-columns:minmax(200px,32%) minmax(0,1fr);gap:12px;padding:10px;display:grid;position:absolute;box-shadow:0 14px 44px #0007}.canvas-mention-options{flex-direction:column;min-height:0;display:flex;overflow:hidden}.canvas-mention-heading{color:#cbd8bf;flex-direction:column;gap:7px;padding:5px 7px 12px;font-size:11px;display:flex}.canvas-mention-heading small{color:#7c8d6c;font-size:9px}.canvas-mention-options>[role=listbox]{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.canvas-mention-options [role=option]{text-align:left;background:0 0;border:1px solid #0000;gap:8px;width:100%;margin:2px 0;padding:7px;display:flex}.canvas-mention-options [role=option].active{background:#d9ff5b12;border-color:#7b9152}.canvas-mention-thumb{background:#121710;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.canvas-mention-thumb img{object-fit:cover;width:100%;height:100%}.canvas-mention-options [role=option]>span:nth-child(2){flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.canvas-mention-options strong{color:#d0e6af;font-size:11px;font-weight:500}.canvas-mention-options small{color:#829471;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.canvas-mention-options em{color:#859773;white-space:nowrap;font-size:8px;font-style:normal}.canvas-reference-peek{background:#11160f;border-radius:8px;flex-direction:column;min-width:0;min-height:0;margin:0;display:flex;position:relative;overflow:hidden}.canvas-reference-peek>img{object-fit:contain;flex:1;width:100%;height:calc(100% - 32px);min-height:0}.canvas-reference-peek figcaption{color:#8e9c83;background:#1b2217;flex-shrink:0;align-items:center;gap:10px;height:32px;padding:0 10px;font-size:10px;display:flex}.canvas-reference-peek figcaption strong{color:#c0dc98;font-size:10px;font-weight:500}.canvas-reference-peek figcaption span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-image-unavailable,.canvas-no-mentions{color:#9a9f90;text-align:center;padding:12px;font-size:10px}.canvas-reference-picker:not(:has(.canvas-reference-peek)){grid-template-columns:1fr}@media (width<=1000px){.canvas-topbar{padding:0 16px}.canvas-save-state,.canvas-node-count{display:none}.canvas-document-name input{width:150px}.canvas-bottom-hint,.canvas-page-shell .brand em{display:none}.canvas-page-shell .page-nav a{padding:7px 10px}.canvas-panel{width:calc(100% - 120px)}.canvas-model-summary{max-width:105px}.canvas-composer-toolbar{flex-wrap:wrap;gap:8px}.canvas-composer-submit{margin-left:auto}}@media (width<=650px){.canvas-page-shell .site-header{gap:8px;height:58px;padding:0 12px}.canvas-page-shell .brand{gap:6px}.canvas-page-shell .brand strong{font-size:13px}.canvas-page-shell .brand-mark{border-radius:8px;width:28px;height:28px}.canvas-page-shell .page-nav a{padding:6px 7px;font-size:10px}.canvas-page-shell .connection-status,.canvas-page-shell .github-link{display:none}.canvas-page-shell .header-actions{gap:0}.video-canvas{--canvas-panel-width:min(340px, calc(100vw - 83px));height:calc(100dvh - 58px)}.canvas-topbar{gap:6px;height:58px;padding:0 12px}.canvas-document-name{gap:4px}.canvas-document-name input{width:130px;font-size:12px}.canvas-top-actions{gap:5px}.canvas-top-actions button{padding:8px}.canvas-top-actions button>span{display:none}.canvas-toolbar{gap:2px;padding:5px;top:71px;left:10px}.canvas-toolbar>button{width:31px;height:35px}.canvas-welcome{width:calc(100% - 95px);top:45%;left:calc(50% + 20px)}.canvas-welcome h1{font-size:26px}.canvas-welcome .canvas-eyebrow{font-size:7px}.canvas-welcome p{font-size:11px}.canvas-start-actions{flex-direction:column;gap:9px}.canvas-start-actions button{width:180px}.canvas-welcome>small{margin-top:18px;font-size:9px;line-height:1.7}.canvas-welcome-symbol{margin-bottom:20px}.canvas-panel{width:calc(100% - 24px);max-height:min(65%,100% - 145px);top:auto;bottom:62px}.canvas-panel-heading,.canvas-panel-content{padding:13px}.canvas-panel-heading h2{font-size:13px}.canvas-bottom{gap:6px;bottom:12px;left:10px;right:10px}.canvas-undo-controls>button,.canvas-zoom-controls>button{width:27px;height:27px}.canvas-zoom-controls .canvas-zoom-value{width:42px}.canvas-bottom .canvas-help-button{width:35px;height:35px}.canvas-notice{font-size:11px}.canvas-panel-heading>div{gap:7px}.canvas-composer-subtitle{display:none}.canvas-panel.asset-composer-panel{width:calc(100% - 24px)}.shot-composer-panel .canvas-panel-content{padding:2px 12px 12px}.canvas-prompt-input textarea{min-height:82px;max-height:110px;font-size:12px}.canvas-composer-menus{flex-wrap:nowrap;gap:4px;width:100%}.canvas-composer-menus button{gap:4px;padding:6px;font-size:9px}.canvas-model-summary{max-width:68px}.canvas-parameter-summary>svg:first-child{display:none}.canvas-composer-popover{width:100%;max-height:45vh;position:fixed;bottom:calc(100% + 10px);left:0;right:0}.canvas-composer-popover.canvas-more-popover{width:100%;left:0;right:0}.canvas-reference-picker{grid-template-columns:105px minmax(0,1fr);gap:6px;padding:6px}.canvas-mention-heading{padding:4px 3px 7px;font-size:10px}.canvas-mention-heading small{font-size:8px;line-height:1.5}.canvas-mention-options [role=option]{gap:5px;padding:5px 3px}.canvas-mention-thumb{width:27px;height:30px}.canvas-mention-options em{display:none}.canvas-mention-options strong{font-size:9px}.canvas-mention-options small{font-size:8px}.canvas-reference-peek figcaption{gap:5px;padding:0 6px;font-size:8px}.canvas-delete-edge span{display:none}}@media (prefers-reduced-motion:reduce){.canvas-surface *,.canvas-surface :before,.canvas-surface :after{transition:none!important;animation:none!important}}