@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b0c0b;--panel:#171917;--line:#2b2e2b;--muted:#8d948d;--text:#edf0ea;--accent:#cbf7a6;--red:#ff9e97;--amber:#efd39b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,"Segoe UI",sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{transition:background .18s,color .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}.topbar{height:86px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #1b1e1b}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand-mark{font-size:38px;color:var(--accent);line-height:1}.brand-light{font-size:17px;font-weight:500;color:#adb4aa;letter-spacing:-.4px}.search{width:390px;height:42px;background:#171a17;border:1px solid #272c27;border-radius:25px;display:flex;align-items:center;gap:11px;padding:0 15px}.search svg{width:18px;fill:none;stroke:#9ca39b;stroke-width:1.8}.search input{background:none;border:0;color:var(--text);min-width:0;flex:1;font-size:12px;outline:none}.search input::placeholder{color:#888e87}.search kbd{border:1px solid #353b34;border-radius:5px;padding:0 6px;color:#838b82;font-size:11px}.top-actions{display:flex;align-items:center;gap:16px}.icon-button{border:0;background:transparent;color:#bfc5bc;width:38px;height:38px;display:grid;place-items:center;position:relative;border-radius:50%}.icon-button:hover{background:#242824}.icon-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.6}.status-dot{position:absolute;right:4px;top:5px;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px var(--bg)}.pro-pill{border:1px solid #30362c;border-radius:20px;background:#1b2218;color:var(--accent);padding:6px 12px;font-size:10px;font-weight:800;letter-spacing:.5px}.pro-pill span{margin-left:7px}.avatar{background:#282d25;border:1px solid #48533d;color:var(--accent);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:13px;font-weight:700}main{max-width:1920px;margin:auto;padding:38px 38px 260px}.library-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#8f988b}h1{font-size:31px;letter-spacing:-1.25px;line-height:1.25;margin:8px 0 0;font-weight:500}h1 span{color:var(--accent)}.library-count{font-size:11px;color:var(--muted);padding-bottom:5px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.tabs{display:flex;gap:5px}.tab{border:none;background:transparent;color:#8d938a;padding:9px 16px;border-radius:22px;font-size:12px;white-space:nowrap}.tab:hover{color:var(--text);background:#191c19}.tab.active{background:#272d23;color:var(--accent)}.tab span{margin-left:7px;font-size:10px;color:#a5b698}.live-indicator{font-size:10px;color:#899084;display:flex;gap:8px;align-items:center}.live-indicator i{width:5px;height:5px;border-radius:50%;background:#77946a}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.card{background:#141714;border:1px solid #252a24;border-radius:17px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .2s}.card:hover{border-color:#58634d;transform:translateY(-2px)}.card-preview{position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#293526,#131914 65%)}.card-preview video,.card-preview img{width:100%;height:100%;object-fit:cover}.card-preview video{background:#080a08}.card-preview .shade{position:absolute;inset:0;background:linear-gradient(transparent 60%,#0008);pointer-events:none}.card-state{position:absolute;top:12px;left:12px;padding:5px 9px;border:1px solid #ffffff16;border-radius:20px;background:#101610d9;backdrop-filter:blur(6px);font-size:10px;color:#d0d9c9;display:flex;gap:6px;align-items:center}.card-state.completed{color:var(--accent)}.card-state.failed,.card-state.delivery_failed{color:var(--red)}.card-state.needs_attention,.card-state.unknown{color:var(--amber)}.preview-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:30px}.preview-center strong{font-weight:500;font-size:13px}.preview-center p{font-size:10px;color:#8c9c86;margin:0}.orb{width:40px;height:40px;border:1px solid #66855766;border-radius:50%;display:grid;place-items:center;color:#b9dc9d;font-size:19px;background:#ffffff05}.spinner{width:26px;height:26px;border:2px solid #43523c;border-top-color:var(--accent);border-radius:50%;animation:spin 1.4s linear infinite}.card-duration{position:absolute;right:12px;bottom:12px;font-size:10px;padding:4px 7px;border-radius:5px;background:#0008}.card-meta{padding:14px 16px 16px}.card-title{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 9px}.card-sub{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8b9386;gap:8px}.card-sub span{white-space:nowrap}.empty-state{text-align:center;margin:55px auto 0;max-width:420px}.empty-art{width:190px;height:120px;margin:0 auto 25px;position:relative}.frame{position:absolute;width:100px;height:72px;border:1px solid #3d4b37;border-radius:12px;display:grid;place-items:center;box-shadow:0 12px 30px #0006}.frame-back{left:28px;top:11px;transform:rotate(-14deg);background:linear-gradient(135deg,#394535,#1b2218);color:#b6d2a1;font-size:23px}.frame-front{left:72px;top:38px;transform:rotate(9deg);background:linear-gradient(135deg,#20291a,#11180e);border-color:#718465}.frame-front svg{width:32px;height:32px;fill:#c3e8a9}.spark{position:absolute;color:#7f9270}.spark-one{right:15px;top:16px;font-size:21px}.spark-two{left:14px;bottom:7px;font-size:13px}.empty-state h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:12px 0}.empty-state p{color:#878f82;font-size:12px;line-height:1.9;margin:0 0 21px}.quiet-button{background:#20271b;border:1px solid #36442d;color:#c4d8b6;border-radius:20px;padding:10px 16px;font-size:11px}.quiet-button:hover{background:#2c3825}.quiet-button span{margin-left:12px}.composer-wrap{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:min(740px,calc(100% - 40px));z-index:20}.composer{background:#1b1e1aeb;backdrop-filter:blur(22px);border:1px solid #3a4135;border-radius:22px;padding:20px 19px 14px;box-shadow:0 20px 60px #000a,0 0 0 7px #0b0c0b4d}.composer:focus-within{border-color:#6a805b}.composer textarea{display:block;width:100%;min-height:56px;max-height:180px;resize:none;background:transparent;border:0;color:#ecf0e7;padding:0 3px;font-size:13px;line-height:1.6;outline:none}.composer textarea::placeholder{color:#8a9483}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.composer-left,.composer-right{display:flex;align-items:center;gap:9px}.attach-button{background:#2a3025;color:#c1cbb6;border:none;border-radius:50%;width:32px;height:32px;font-size:21px;font-weight:400}.attach-button:hover{background:#394631}.composer-kind{font-size:10px;color:#a5b397;background:#282e23;padding:8px 12px;border-radius:20px}.composer-kind span{font-size:12px;color:#c2dea8;margin-right:5px}.select-wrap{position:relative;display:flex;align-items:center;background:#282d24;border-radius:20px}.select-wrap select{appearance:none;border:none;background:transparent;color:#b8c6ac;padding:8px 24px 8px 12px;outline:none;font-size:10px;cursor:pointer;border-radius:20px}.select-wrap span{position:absolute;right:10px;font-size:12px;pointer-events:none;color:#7e9071}.select-wrap option{background:#23291e;color:#d3e2c6}.generate-button{width:35px;height:35px;border:none;border-radius:50%;background:var(--accent);color:#213117;display:grid;place-items:center}.generate-button:hover{background:#e1ffc5;transform:translateX(1px)}.generate-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.7}.composer-hint{display:flex;justify-content:space-between;margin:11px 8px 0;color:#747e6c;font-size:9px}.composer-hint i{font-style:normal;margin:0 6px}.attachment-list{display:flex;gap:8px;overflow:auto;padding:0 4px 12px}.attachment-chip{display:flex;align-items:center;gap:8px;background:#20261b;border:1px solid #394a2e;border-radius:12px;max-width:180px;padding:5px 8px 5px 5px;font-size:10px;box-shadow:0 6px 15px #0007}.attachment-chip img{width:34px;height:34px;border-radius:7px;object-fit:cover}.attachment-chip .file-icon{width:31px;height:31px;display:grid;place-items:center;background:#344528;border-radius:7px;font-size:8px;color:#c8e4b2}.attachment-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-chip button{border:0;background:none;color:#95a78a;padding:0 4px;font-size:15px}.toast{position:fixed;top:96px;left:50%;transform:translate(-50%,-10px);background:#303d26;color:#e3efdb;border:1px solid #5d7949;border-radius:12px;padding:12px 20px;z-index:100;opacity:0;pointer-events:none;transition:.2s;font-size:12px;max-width:min(600px,90vw)}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{width:min(740px,calc(100% - 30px));max-height:85vh;border:1px solid #3e4935;border-radius:22px;background:#141913;color:var(--text);padding:30px;box-shadow:0 25px 80px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:24px;letter-spacing:-.5px;font-weight:500;margin:13px 0 15px}.dialog-close{position:absolute;right:13px;top:13px;font-size:26px}.dialog-description{font-size:12px;color:#9eac94;line-height:1.85}.detail-video{width:100%;max-height:380px;background:#060806;border-radius:12px;margin:8px 0 15px}.detail-prompt{line-height:1.8;font-size:12px;color:#b6c3ad;white-space:pre-wrap;background:#1b2317;padding:16px;border-radius:12px;max-height:140px;overflow:auto}.detail-meta{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.detail-meta span{background:#222b1c;border:1px solid #35442a;border-radius:16px;padding:6px 10px;font-size:10px;color:#bed0b1}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.download-button{display:inline-block;background:var(--accent);color:#26371c;border-radius:20px;padding:10px 17px;font-size:11px;font-weight:700}.detail-error{padding:15px;background:#352420;border:1px solid #674138;border-radius:12px;color:#ffc7bb;font-size:12px;line-height:1.8}.detail-error pre{font-family:inherit;white-space:pre-wrap;margin:6px 0 0;color:#d0a49a;font-size:11px}.warning{font-size:11px;color:#dfc797;line-height:1.8}.timeline{border-top:1px solid #2f3c27;margin-top:20px;padding-top:17px}.timeline h3,.detail-label{font-size:11px;font-weight:500;color:#9baf8b;letter-spacing:.2px;margin:14px 0}.activity{display:flex;align-items:center;gap:9px;font-size:11px;color:#a6b69a;padding:8px 0}.activity i{font-style:normal;font-size:12px;color:#8ec16f}.assistant-text{white-space:pre-wrap;color:#9bac8e;font-size:11px;line-height:1.8;border-left:2px solid #3f5833;padding-left:12px;margin:15px 0;max-height:180px;overflow:auto}.pool-summary{display:flex;gap:12px;margin:20px 0}.pool-summary>div{flex:1;border:1px solid #34422b;border-radius:13px;padding:13px;background:#1a2316}.pool-summary strong{display:block;font-size:25px;font-weight:500;color:#c6e4b0}.pool-summary span{font-size:10px;color:#90a081}.profile-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #293422;font-size:11px}.profile-row small{display:block;color:#8a9b7b;margin-top:5px}.profile-slots{display:flex;gap:4px}.profile-slots i{width:23px;height:5px;border-radius:3px;background:#303f26}.profile-slots i.busy{background:var(--accent)}.source-info{font-size:10px;color:#809371;overflow-wrap:anywhere;margin:18px 0;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1700px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.empty-state{margin-top:90px}}@media(max-width:1050px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.search{width:300px}.topbar{padding:0 24px}main{padding:28px 24px 260px}}@media(max-width:650px){.topbar{height:72px;padding:0 18px;gap:15px}.brand{font-size:21px}.brand-light{display:none}.brand-mark{font-size:31px}.search{flex:1;max-width:250px;height:36px;padding:0 11px}.search kbd,.avatar{display:none}.top-actions{gap:5px}.pro-pill{display:none}main{padding:28px 17px 230px}.library-heading{margin-bottom:22px}h1{font-size:25px}.eyebrow{font-size:8px;letter-spacing:1.5px}.live-indicator{display:none}.tab{padding:8px 12px;font-size:11px}.gallery{grid-template-columns:1fr;gap:16px}.composer-wrap{bottom:15px;width:calc(100% - 26px)}.composer{padding:15px 13px 12px;border-radius:18px}.composer textarea{font-size:12px;min-height:43px}.composer-kind{display:none}.composer-right{gap:5px}.select-wrap select{font-size:9px;padding-left:9px;padding-right:22px}.empty-state{margin-top:30px}.empty-state h2{font-size:27px}.composer-hint{font-size:8px}.card-title{font-size:12px}dialog{padding:25px 18px}.library-count{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
 .composer-preset{color:#a9b99f;font-size:11px;white-space:nowrap;padding:0 8px}
 @media(max-width:650px){.composer-preset{font-size:10px;padding:0 4px}}