@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Manrope,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f1ee;background:#0a0a0c;font-synthesis:none;--bg: #0a0a0c;--surface: #111114;--surface-2: #17171b;--surface-3: #1d1d22;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .15);--text: #f3f0ed;--muted: #aaa8b0;--faint: #7b7982;--accent: #ff6946;--accent-2: #ff8b61;--accent-soft: rgba(255, 105, 70, .12);color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);font-size:14px}button,input,textarea,select{font:inherit}button{color:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(255,105,70,.8);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:184px minmax(0,1fr);background:radial-gradient(circle at 70% 0%,rgba(79,53,68,.11),transparent 34%),var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:184px;padding:25px 14px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0a0a0cf2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{height:46px;display:flex;align-items:center;gap:9px;padding:0 10px;color:var(--accent)}.brand span{font-size:19px;font-weight:700;letter-spacing:-.04em}.brand em{margin-left:5px;color:#a8a6ac;font-size:14px;font-style:normal;font-weight:600;letter-spacing:-.01em}.sidebar nav{display:grid;gap:8px;margin-top:37px}.nav-item{width:100%;height:45px;border:0;border-radius:11px;padding:0 14px;display:flex;align-items:center;gap:11px;color:#aaa8b0;background:transparent;font-size:15px;font-weight:600;text-align:left;transition:.18s ease}.nav-item:hover{color:#e7e4e1;background:#ffffff0a}.nav-item.active{position:relative;color:var(--accent-2);background:var(--accent-soft)}.nav-item.active:before{content:"";position:absolute;left:-14px;width:3px;height:22px;border-radius:0 4px 4px 0;background:var(--accent);box-shadow:0 0 18px #ff694659}.sidebar-bottom{margin-top:auto;display:grid;gap:2px}.nav-item.compact{height:39px;font-size:14px;font-weight:500}.main{grid-column:2;min-width:0}.topbar{height:72px;padding:0 25px 0 27px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.page-title{display:flex;align-items:baseline;gap:12px}.page-title span{font-size:17px;font-weight:700}.page-title small{color:var(--faint);font-size:12px}.key-button{margin-left:auto;height:36px;padding:0 13px;border:1px solid var(--line-strong);border-radius:9px;display:flex;align-items:center;gap:7px;color:#cac7c7;background:#111114;font-size:13px;font-weight:600;transition:.16s}.key-button:hover{border-color:#ff694675;color:var(--text)}.key-button.connected:after{content:"";width:6px;height:6px;margin-left:2px;border-radius:50%;background:#55c98a;box-shadow:0 0 9px #55c98a}.balance-button{height:36px;margin-left:auto;padding:0 13px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:9px;color:#97959d;background:#111114;font-size:11px}.balance-button strong{color:#dedbd9;font-size:13px;font-weight:700}.balance-button:hover{border-color:var(--line-strong)}.balance-button.error strong{color:var(--accent-2)}.balance-button+.key-button{margin-left:8px}.mobile-menu{display:none!important}.icon-button{width:34px;height:34px;padding:0;border:0;border-radius:8px;display:inline-grid;place-items:center;color:#a7a5aa;background:transparent}.icon-button:hover{color:var(--text);background:#ffffff0f}.workspace{display:grid;grid-template-columns:minmax(360px,455px) minmax(500px,1fr);gap:16px;padding:16px 18px 0;align-items:stretch}.creator-panel,.result-panel{min-width:0;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#17171bfa,#0f0f12fa);box-shadow:0 20px 50px #0000002e}.creator-panel{padding:20px}.result-panel{padding:20px;display:flex;flex-direction:column;min-height:730px}.panel-heading{min-height:32px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.panel-heading>div{display:flex;align-items:center;gap:10px}.panel-heading h2{margin:0;font-size:19px;letter-spacing:-.03em}.section-index{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em}.model-note{padding-top:3px;color:var(--faint);font-size:11px}.field-block{margin-top:17px}.field-label,.settings-grid label>span,.count-control>span{display:flex;justify-content:space-between;margin:0 0 8px;color:#bbb8be;font-size:12px;font-weight:600}.field-label span{color:var(--faint);font-weight:500}.creation-kind-tabs{margin-top:17px;padding:4px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#101013}.creation-kind-tabs button{height:38px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:7px;color:#929099;background:transparent;font-size:12px;font-weight:600;transition:.16s}.creation-kind-tabs button:hover{color:#c5c2c4;background:#ffffff09}.creation-kind-tabs button.active{color:#fff2ed;background:linear-gradient(115deg,#f65a37eb,#ff7651e0);box-shadow:0 7px 18px #f95b3629}.model-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px}.model-switch button{min-width:0;height:62px;padding:0 10px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:8px;color:var(--muted);background:#121215;text-align:left;transition:.16s}.model-switch button:hover{border-color:var(--line-strong)}.model-switch button.active{border-color:#ff69468c;color:var(--text);background:var(--accent-soft)}.model-mark{flex:0 0 auto;width:27px;height:27px;border:1px solid var(--line-strong);border-radius:8px;display:grid;place-items:center;color:#b5b2b5;font-size:11px;font-weight:700}.model-switch button.active .model-mark{border-color:#ff694661;color:var(--accent);background:#ff69461a}.model-switch button>span:nth-child(2){min-width:0;display:grid;gap:3px}.model-switch strong{overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.model-switch small{overflow:hidden;color:var(--faint);font-size:11px;white-space:nowrap;text-overflow:ellipsis}.model-switch i{width:6px;height:6px;margin-left:auto;border:1px solid #56555b;border-radius:50%}.model-switch button.active i{border:0;background:var(--accent);box-shadow:0 0 0 3px #ff694626}.video-model-card{min-height:62px;padding:0 12px;border:1px solid rgba(255,105,70,.5);border-radius:11px;display:flex;align-items:center;gap:10px;color:var(--text);background:linear-gradient(110deg,#ff694621,#191215d9)}.video-model-card .model-mark{border-color:#ff694661;color:var(--accent);background:#ff69461a}.video-model-card>span:nth-child(2){min-width:0;display:grid;gap:3px}.video-model-card strong{font-size:12px}.video-model-card small{overflow:hidden;color:var(--faint);font-size:11px;white-space:nowrap;text-overflow:ellipsis}.video-model-card i{width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #ff694626}.prompt-block{position:relative;margin-top:22px}.prompt-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.prompt-heading label{color:var(--text);font-size:clamp(21px,1.65vw,29px);font-weight:700;letter-spacing:-.05em}.prompt-heading button{padding:0;border:0;color:var(--accent-2);background:transparent;font-size:12px;font-weight:600}.prompt-block textarea{width:100%;height:136px;padding:15px 16px 32px;resize:vertical;border:1px solid var(--line-strong);border-radius:12px;color:#e6e3e0;background:#101013;font-size:14px;line-height:1.7;transition:.16s}.prompt-block textarea::placeholder{color:#56555d}.prompt-block textarea:focus{outline:0;border-color:#ff694675;box-shadow:0 0 0 3px #ff694614}.prompt-count{position:absolute;right:12px;bottom:10px;color:#74727a;font-size:11px}.edit-notice{min-height:35px;margin:0 0 8px;padding:7px 9px;border:1px solid rgba(255,105,70,.2);border-radius:9px;display:flex;align-items:center;gap:7px;color:var(--accent-2);background:var(--accent-soft);font-size:11px}.edit-notice span{flex:1}.edit-notice button{padding:3px 5px;border:0;color:#b7b4b7;background:transparent;font-size:10px}.prompt-input-shell{position:relative}.prompt-ai-actions{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.prompt-ai-actions>button{min-width:0;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:7px;color:#bbb8bb;background:#121215;font-size:12px;font-weight:600;transition:.16s}.prompt-ai-actions>button:hover:not(:disabled){border-color:#ff694659;color:#eee9e6;background:var(--accent-soft)}.prompt-ai-actions>button svg{flex:0 0 auto;color:var(--accent-2)}.prompt-ai-actions>button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.prompt-ai-actions>button small{margin-left:auto;color:#85828b;font-size:11px;font-weight:600;white-space:nowrap}.prompt-ai-actions>button:disabled{cursor:not-allowed;opacity:.38}.prompt-tool-notice{min-height:31px;margin-top:7px;padding:6px 8px;border:1px solid rgba(255,105,70,.18);border-radius:8px;display:flex;align-items:center;gap:6px;color:var(--accent-2);background:#ff694612;font-size:11px}.prompt-tool-notice>span{min-width:0;flex:1}.prompt-tool-notice button{padding:3px 5px;border:0;display:flex;align-items:center;gap:3px;color:#aaa7aa;background:transparent;font-size:10px}.prompt-tool-error{margin-top:7px;padding:7px 9px;border-radius:8px;color:#ff9b7e;background:#ff5b3614;font-size:11px;line-height:1.5}.is-spinning{animation:spin 1s linear infinite}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px;margin-top:18px}.settings-grid label{min-width:0}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;padding:0 31px 0 12px;border:1px solid var(--line);border-radius:9px;color:#d3d0d0;background:#121215;font-size:12px;font-weight:600}.select-wrap svg{position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;color:var(--faint)}.audio-toggle{width:100%;height:40px;padding:0 9px 0 11px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:7px;color:#aaa8ae;background:#121215;font-size:11px;font-weight:600}.audio-toggle svg{color:var(--faint)}.audio-toggle span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.audio-toggle i{position:relative;width:27px;height:15px;margin-left:auto;border-radius:10px;background:#323138;transition:.16s}.audio-toggle i:after{content:"";position:absolute;top:3px;left:3px;width:9px;height:9px;border-radius:50%;background:#8a8890;transition:.16s}.audio-toggle.active{border-color:#ff694647;color:#d9d5d3;background:#ff694612}.audio-toggle.active svg{color:var(--accent-2)}.audio-toggle.active i{background:var(--accent)}.audio-toggle.active i:after{left:15px;background:#fff}.count-control{margin-top:16px}.count-control>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.count-control button{height:33px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#121215;font-size:12px}.count-control button.active{border-color:var(--accent);color:var(--accent-2);background:var(--accent-soft)}.generate-button{width:100%;height:48px;margin-top:20px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff7f3;background:linear-gradient(115deg,#f65a37,#ff7651);box-shadow:0 12px 24px #f95b362e;font-size:14px;font-weight:700;transition:.18s}.generate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 30px #f95b3645}.generate-button:disabled{cursor:not-allowed;opacity:.35;box-shadow:none}.privacy-note{margin:8px 0 0;color:#85828b;font-size:11px;text-align:center}.reference-area{display:grid;gap:9px}.drop-zone{min-height:79px;padding:13px;border:1px dashed #47464e;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:11px;color:#7c7a82;background:#101013;cursor:pointer;transition:.16s}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--accent);color:var(--accent-2);background:var(--accent-soft)}.drop-zone div{display:grid;gap:3px}.drop-zone strong{color:#bbb8be;font-size:12px}.drop-zone span{color:var(--faint);font-size:11px}.reference-mode-hint{margin:10px 2px 0;color:#918f97;font-size:11px;line-height:1.55;text-align:center}.reference-mode-tabs{padding:3px;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#101013}.reference-mode-tabs button{height:34px;border:0;border-radius:7px;color:#929099;background:transparent;font-size:11px;font-weight:600}.reference-mode-tabs button.active{color:#eee9e6;background:#ff694624;box-shadow:inset 0 0 0 1px #ff694640}.multimodal-reference-fields,.frame-reference-fields{margin-top:10px;display:grid;gap:10px}.frame-reference-fields{grid-template-columns:1fr 1fr}.frame-reference-fields .reference-mode-hint{grid-column:1 / -1}.sub-field-label,.url-reference-heading{margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;color:#aaa8af;font-size:11px;font-weight:600}.sub-field-label span,.url-reference-heading small{color:#85828b;font-size:11px;font-weight:500}.url-reference-heading>span{display:flex;align-items:center;gap:6px}.url-reference-heading svg{color:var(--accent-2)}.url-reference-input{height:37px;padding:0 5px 0 10px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:7px;color:var(--faint);background:#101013}.url-reference-input:focus-within{border-color:#ff694661;box-shadow:0 0 0 3px #ff69460f}.url-reference-input input{min-width:0;flex:1;border:0;outline:0;color:#d5d1cf;background:transparent;font-size:9px}.url-reference-input input::placeholder{color:#515057}.url-reference-input button{width:27px;height:27px;padding:0;border:0;border-radius:7px;display:grid;place-items:center;color:#fff;background:var(--accent)}.url-reference-input button:disabled{cursor:not-allowed;color:#5c5a61;background:#222126}.url-reference-error,.reference-validation{margin:5px 0 0;color:#ff9678;font-size:10px;line-height:1.5}.url-reference-list{margin-top:6px;display:grid;gap:5px}.url-reference-list>span{min-width:0;height:29px;padding:0 6px 0 8px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:6px;color:#79777f;background:#141417}.url-reference-list i{width:14px;height:14px;border-radius:4px;color:var(--accent-2);background:var(--accent-soft);font-size:7px;font-style:normal;text-align:center;line-height:14px}.url-reference-list strong{min-width:0;flex:1;overflow:hidden;color:#9e9ba1;font-size:8px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.url-reference-list button{width:22px;height:22px;padding:0;border:0;border-radius:5px;display:grid;place-items:center;color:#77757d;background:transparent}.url-reference-list button:hover{color:var(--accent-2);background:var(--accent-soft)}.reference-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.reference-thumb,.reference-add{position:relative;flex:0 0 49px;height:49px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#151519}.reference-thumb img,.reference-thumb video{width:100%;height:100%;display:block;object-fit:cover}.reference-index{position:absolute;left:3px;bottom:3px;min-width:15px;height:15px;border-radius:4px;color:#fff;background:#000000b3;font-size:9px;text-align:center;line-height:15px}.reference-kind{position:absolute;inset:3px auto auto 3px;height:15px;padding:0 4px;border-radius:4px;display:flex;align-items:center;gap:2px;color:#fff;background:#000000b8;font-size:8px;line-height:15px}.reference-media-placeholder{width:100%;height:100%;display:grid;place-content:center;justify-items:center;gap:2px;color:var(--accent-2);background:linear-gradient(145deg,#ff694621,#16151a)}.reference-media-placeholder small{color:#aaa8b0;font-size:8px}.upload-status{position:absolute;right:3px;bottom:3px;width:17px;height:17px;border-radius:5px;display:grid;place-items:center;color:#fff;background:#000000b8}.reference-thumb.is-ready .upload-status{color:#62d99a}.reference-thumb.is-error .upload-status,.reference-thumb.is-waiting-auth .upload-status{color:#ff8b6a}.reference-thumb.is-uploading .upload-status svg,.reference-thumb.is-queued .upload-status svg{animation:spin 1s linear infinite}.reference-thumb button{position:absolute;top:2px;right:2px;width:18px;height:18px;padding:0;border:0;border-radius:5px;display:grid;place-items:center;color:#fff;background:#000000b3;opacity:0}.reference-thumb:hover button{opacity:1}.reference-add{display:grid;place-items:center;color:var(--faint)}.status-dot{display:flex;align-items:center;gap:7px;padding-top:4px;color:var(--faint);font-size:11px}.status-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:#5d5c63}.status-dot.generating:before{background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 1.4s infinite}.status-dot.done:before{background:#55c98a}.canvas{position:relative;min-height:600px;flex:1;margin-top:19px;border:1px dashed #3c3b42;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 36%,#19191e,#101013 66%)}.canvas.has-results{border-style:solid;background:#0d0d0f}.empty-state,.generation-state{max-width:300px;display:grid;justify-items:center;text-align:center}.empty-art{position:relative;width:78px;height:78px;border:1px solid rgba(255,255,255,.07);border-radius:50%;display:grid;place-items:center;color:#77757d;background:linear-gradient(145deg,#ffffff12,#ffffff03)}.empty-art span{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px dashed rgba(255,255,255,.09);border-radius:50%}.empty-state h3,.generation-state h3{margin:20px 0 7px;color:#b5b2b8;font-size:17px;font-weight:600}.empty-state p,.generation-state p{margin:0;color:#83818a;font-size:12px;line-height:1.6}.text-button{margin-top:18px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:6px;color:#b7b4b7;background:#ffffff0a;font-size:12px}.progress-orbit{width:70px;height:70px;border:1px solid rgba(255,105,70,.18);border-radius:50%;display:grid;place-items:center;color:var(--accent);background:#ff69460d}.progress-orbit svg{animation:spin 1.4s linear infinite}.progress-track{width:230px;height:3px;margin-top:22px;border-radius:4px;overflow:hidden;background:#28272d}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#ff9a74);transition:width .6s ease}.generation-state small{margin-top:8px;color:var(--accent-2);font-size:11px}.result-grid{width:100%;height:100%;padding:10px;display:grid;gap:8px}.result-grid.count-1{grid-template-columns:1fr}.result-grid.count-2,.result-grid.count-3,.result-grid.count-4{grid-template-columns:1fr 1fr}.result-item{position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;border-radius:10px;background:#151519}.result-item.is-selected{box-shadow:inset 0 0 0 2px var(--accent)}.result-item.is-selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--accent);border-radius:inherit;pointer-events:none}.result-item img{width:100%;height:100%;display:block;object-fit:contain}.result-item video{width:100%;height:100%;display:block;object-fit:contain;background:#070709}.result-item figcaption{position:absolute;inset:auto 8px 8px;height:34px;padding:0 5px 0 10px;border:1px solid rgba(255,255,255,.13);border-radius:8px;display:flex;align-items:center;justify-content:space-between;color:#e8e5e3;background:#0c0c0eb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px;opacity:0;transform:translateY(5px);transition:.16s}.result-item:hover figcaption{opacity:1;transform:none}.result-item figcaption>div{display:flex;gap:4px}.result-item figcaption button{width:25px;height:25px;padding:0;border:0;border-radius:6px;display:grid;place-items:center;background:#ffffff14}.result-item figcaption button:hover{color:var(--accent-2);background:var(--accent-soft)}.result-actions{display:flex;gap:8px;margin-top:11px}.button{height:38px;padding:0 14px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:600}.button.secondary{border:1px solid var(--line);color:#b6b3b6;background:#151519}.button.primary{border:0;color:#fff;background:var(--accent)}.history-strip{margin:16px 18px 24px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#111114}.history-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.history-heading span{display:flex;align-items:center;gap:7px;color:#bbb8ba;font-size:12px;font-weight:600}.history-heading button{padding:0;border:0;color:var(--faint);background:transparent;font-size:11px}.history-list{display:flex;gap:8px;overflow-x:auto}.history-item{flex:0 0 220px;height:72px;padding:6px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:10px;color:#c8c5c5;background:#151519;text-align:left}.history-item:hover{border-color:#ff694659}.history-item:disabled{cursor:default;opacity:1}.history-item:disabled:hover{border-color:var(--line)}.history-item img,.history-item video{width:86px;height:58px;flex:0 0 86px;border-radius:7px;object-fit:cover;background:#08080a}.history-placeholder{width:86px;height:58px;flex:0 0 86px;border-radius:7px;display:grid!important;place-items:center;color:var(--accent);background:#0c0c0f}.history-failed .history-placeholder,.history-cancelled .history-placeholder{color:#77737a}.history-item span{min-width:0;display:grid;gap:4px}.history-item strong{overflow:hidden;font-size:12px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.history-item small{display:grid;gap:1px;color:var(--faint);font-size:10px;line-height:1.25}.history-item small b,.history-item small em{overflow:hidden;font-style:normal;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.history-item small em{color:#949199}.history-end{min-width:180px;display:grid;place-items:center;color:#74727a;font-size:11px}.library-page{min-height:calc(100vh - 72px);padding:28px 30px 38px}.library-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.library-page-heading h1{margin:0 0 7px;font-size:25px;letter-spacing:-.035em}.library-page-heading p{margin:0;color:var(--muted);font-size:12px}.library-page-heading>span{color:var(--faint);font-size:11px}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.library-grid .work-card-media{height:180px}.library-empty{min-height:460px;border:1px dashed var(--line-strong);border-radius:16px;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--faint);background:#1111148c}.library-empty strong{color:var(--muted);font-size:14px}.library-empty span{font-size:11px}.library-pagination{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:14px}.library-pagination>button,.library-pagination div button{height:34px;min-width:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:4px;color:var(--muted);background:#141417;font-size:11px}.library-pagination div{display:flex;gap:6px}.library-pagination button:hover:not(:disabled){border-color:#ff694673;color:var(--text)}.library-pagination button.active{border-color:#ff69468c;color:#fff;background:var(--accent)}.library-pagination button:disabled{cursor:default;opacity:.35}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:20px;display:grid;place-items:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog{position:relative;width:min(430px,100%);padding:27px;border:1px solid var(--line-strong);border-radius:17px;background:#17171b;box-shadow:0 30px 90px #00000080}.dialog-close{position:absolute;top:14px;right:14px}.dialog-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft)}.dialog h2{margin:18px 0 6px;font-size:20px;letter-spacing:-.035em}.dialog>p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.dialog-field{display:grid;gap:8px;margin-top:22px;color:#b8b5b7;font-size:12px;font-weight:600}.secret-input{height:43px;padding-left:12px;border:1px solid var(--line-strong);border-radius:9px;display:flex;align-items:center;background:#101013}.secret-input input{min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent;font-family:monospace;font-size:12px}.dialog-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:8px}.access-dialog{width:min(450px,100%)}.auth-checking{min-height:116px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:13px}.dialog-error{margin:10px 0 0;color:#ff9678;font-size:12px;line-height:1.5}.access-actions .logout-button{margin-right:auto;color:#ff9c83}.session-security-note{margin-top:18px!important;padding-top:14px;border-top:1px solid var(--line);color:#807e86!important;font-size:11px!important}.help-dialog{width:min(520px,100%)}.help-list{margin-top:21px;display:grid;gap:8px}.help-list article{padding:12px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:flex-start;gap:11px;background:#121215}.help-list article>span{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;color:var(--accent-2);background:var(--accent-soft)}.help-list article>div{min-width:0}.help-list strong{display:block;color:#d8d4d2;font-size:13px}.help-list p{margin:4px 0 0;color:#9f9da4;font-size:12px;line-height:1.65}.works-dialog{width:min(780px,100%);max-height:min(720px,calc(100vh - 40px));display:flex;flex-direction:column}.works-dialog-heading h2{margin-bottom:3px}.works-dialog-heading p{margin:0;color:var(--faint);font-size:11px}.works-grid{min-height:0;margin-top:20px;padding-right:3px;overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.work-card{min-width:0;padding:6px;border:1px solid var(--line);border-radius:11px;display:grid;gap:8px;color:#c8c5c5;background:#121215;text-align:left;transition:.16s}.work-card:hover{border-color:#ff694666;background:#ff69460f;transform:translateY(-1px)}.work-card:disabled{cursor:default;opacity:1}.work-card:disabled:hover{border-color:var(--line);background:#121215;transform:none}.work-card-media{position:relative;height:132px;overflow:hidden;border-radius:8px;display:block;background:#08080a}.work-card-media img,.work-card-media video{width:100%;height:100%;display:block;object-fit:cover}.work-card-placeholder{width:100%;height:100%;display:grid;place-content:center;justify-items:center;gap:9px;color:var(--accent);background:#0c0c0f}.work-card-placeholder em{color:var(--muted);font-size:11px;font-style:normal}.work-failed .work-card-placeholder,.work-cancelled .work-card-placeholder{color:#77737a}.work-card-media i{position:absolute;right:6px;bottom:6px;height:21px;padding:0 7px;border-radius:6px;display:flex;align-items:center;gap:4px;color:#eee9e6;background:#08080ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:8px;font-style:normal}.work-card-copy{min-width:0;padding:0 3px 4px;display:grid;gap:4px}.work-card-copy strong{overflow:hidden;font-size:12px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.work-card-copy small{overflow:hidden;color:var(--faint);font-size:10px;white-space:nowrap;text-overflow:ellipsis}.works-empty{min-height:240px;display:grid;place-content:center;justify-items:center;gap:9px;color:var(--faint);font-size:12px}@media(max-width:520px){.help-dialog{max-height:calc(100vh - 24px);padding:22px;overflow-y:auto}.help-actions{display:grid;grid-template-columns:1fr 1fr}.works-dialog{max-height:calc(100vh - 24px);padding:20px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card-media{height:112px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@media(max-width:1080px){.app-shell{grid-template-columns:74px minmax(0,1fr)}.sidebar{width:74px;padding-inline:10px}.brand{justify-content:center;padding:0}.brand span,.nav-item span{display:none}.nav-item{justify-content:center;padding:0}.nav-item.active:before{left:-10px}.main{grid-column:2}.workspace{grid-template-columns:minmax(340px,42%) minmax(420px,1fr)}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.app-shell{display:block}.sidebar{display:none}.main{grid-column:auto}.topbar{height:62px;padding-inline:14px}.mobile-menu{display:inline-grid!important;margin-right:8px}.page-title small{display:none}.workspace{grid-template-columns:1fr;padding:12px}.creator-panel,.result-panel{padding:17px}.result-panel{min-height:600px}.canvas{min-height:480px}.history-strip{margin:12px}.library-page{min-height:calc(100vh - 62px);padding:20px 16px 30px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid .work-card-media{height:160px}}@media(max-width:520px){.workspace{padding:8px}.balance-button{width:auto;min-width:48px;padding:0 8px;justify-content:center;gap:5px}.balance-button span{display:none}.balance-button strong{font-size:10px}.balance-button+.key-button{margin-left:6px}.key-button{padding-inline:10px}.creator-panel,.result-panel{border-radius:14px;padding:14px}.panel-heading{align-items:center}.model-note{display:none}.model-switch{grid-template-columns:1fr}.prompt-heading label{font-size:22px}.prompt-ai-actions,.frame-reference-fields{grid-template-columns:1fr}.frame-reference-fields .reference-mode-hint{grid-column:auto}.settings-grid{grid-template-columns:1fr 1fr}.canvas{min-height:420px}.result-grid.count-2,.result-grid.count-3,.result-grid.count-4{grid-template-columns:1fr;overflow-y:auto}.result-item{min-height:300px}.history-item{flex-basis:190px}.library-page{padding:17px 12px 25px}.library-page-heading{align-items:flex-start}.library-page-heading>span{display:none}.library-grid{grid-template-columns:1fr}.library-grid .work-card-media{height:220px}.library-pagination{gap:7px}.library-pagination>button{padding-inline:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}