@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--paper:#f4f4f1;--ink:#242728;--dark:#141617;--surface:#202325;--line:#363a3d;--muted:#8c9397;--text:#e9ebeb;--accent:#ee9a82;--green:#9bd3b4;--sidebar:208px;--topbar:64px;font-family:'DM Sans','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:13px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:none}input,textarea,select{color:inherit}textarea{resize:vertical}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;display:block;flex-shrink:0;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--paper);color:var(--ink);z-index:30;padding:27px 16px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;margin-bottom:32px;font-size:21px;font-weight:600;letter-spacing:-.5px}.brand img{width:36px;height:36px}.brand b{font-size:17px;font-weight:500}.brand small{display:block;color:#969891;font-size:9px;letter-spacing:1.5px;font-weight:400;margin-top:3px}.new-project{height:42px;border:1px solid #d8d9d4;box-shadow:0 2px 2px #20202003;background:#fff;border-radius:8px;display:flex;align-items:center;gap:9px;color:#363a39;padding:0 12px;margin-bottom:32px;font-weight:500}.new-project span{margin-left:auto;font-size:10px;color:#92968f}.nav-caption{font-size:10px;letter-spacing:1.5px;color:#969b96;padding:0 12px;margin-bottom:10px}.nav-caption.second{margin-top:29px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:41px;padding:0 12px;color:#626862;background:transparent;border-radius:7px;margin-bottom:5px;text-align:left;font-size:12px;transition:background .15s}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:#e8e9e4}.nav-item.active{background:#e6e7e0;color:#29322c;font-weight:600}.nav-active-dot{width:5px;height:5px;border-radius:50%;background:#646f5a;margin-left:auto}.nav-end{margin-left:auto;width:13px!important;height:13px!important}.nav-badge{margin-left:auto;color:#6e776b;background:#dadfd4;padding:1px 6px;font-size:10px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding-top:25px}.connection-card{margin:0 3px 21px;padding:13px 12px 0;border:1px solid #dbddd5;border-radius:9px}.connection-card>div{display:flex;align-items:center;gap:7px;font-size:11px}.live-dot{display:inline-block;background:#859d75;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 3px #859d7512}.connection-card p{font-size:10px;color:#8b9086;margin:7px 0 13px}.connection-card button{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #dfe1d9;background:transparent;padding:10px 0;color:#626f58;font-size:10px}.connection-card button svg{width:13px;height:13px}.account{display:flex;gap:10px;align-items:center;background:none;width:100%;text-align:left;color:#393e38;font-size:11px;padding:0 4px}.account .avatar{width:30px;height:30px;background:#dedfd6;color:#65705c;border-radius:50%;display:grid;place-items:center;font-size:12px}.account small{display:block;font-size:9px;color:#93978d;margin-top:4px}.account>svg{margin-left:auto;width:13px;height:13px;color:#93978d}.app-shell{margin-left:var(--sidebar)}.topbar{height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:var(--paper);color:#454a44}.breadcrumb{display:flex;align-items:center;gap:16px;font-size:11px}.breadcrumb>span:first-of-type{color:#989c94}.breadcrumb b{font-weight:500}.slash{color:#c9cdc3}.top-actions{display:flex;align-items:center;gap:21px}.environment{display:flex;align-items:center;gap:6px;border:1px solid #dfdfd5;background:#edede5;color:#8c886c;padding:5px 9px;font-size:9px;border-radius:5px;letter-spacing:.3px}.environment>span{width:5px;height:5px;border-radius:50%;background:#b3a87c}.environment.connected{color:#577e60;background:#e6eee3;border-color:#dce7d9}.environment.connected>span{background:#7fa66c}.top-link{background:none;color:#7d8477;font-size:10px;display:flex;align-items:center;gap:5px}.top-link svg{width:12px;height:12px}.top-divider{width:1px;height:16px;background:#dedfd8}.icon-button{background:none;color:inherit;display:inline-grid;place-items:center;width:28px;height:28px;padding:5px;border-radius:5px}.icon-button:hover{background:#88888812}.topbar .icon-button{color:#7a8175}.top-avatar{width:27px;height:27px;border-radius:50%;background:#e4d3c7;color:#957961;font-size:10px}.mobile-menu{display:none}main{background:var(--dark);min-height:calc(100dvh - var(--topbar));border-radius:18px 0 0 0;position:relative}.workspace-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303334;padding:0 32px;height:66px}.space-tabs{display:flex;gap:29px;height:100%}.space-tab{background:none;position:relative;display:flex;align-items:center;gap:8px;color:#848b8d;font-size:11px;padding:0 2px}.space-tab svg{width:16px;height:16px}.space-tab.selected{color:#e7b4a2}.space-tab.selected:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.workspace-tools{display:flex;align-items:center;gap:18px;color:#7d8784}.autosave{display:flex;align-items:center;gap:6px;font-size:10px}.autosave span{width:4px;height:4px;border-radius:50%;background:#89a18e}.workspace-tools svg{width:15px;height:15px}.gallery-view,.history-view,.overview-view{padding:28px 32px 300px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:8px;letter-spacing:2.1px;color:#666f6e;margin-bottom:10px}.page-heading h1{font-weight:500;font-size:25px;letter-spacing:-.6px;display:flex;align-items:center;gap:11px;margin:0 0 9px}.page-heading p{color:#7c8586;margin:0;font-size:10px;letter-spacing:.3px}.count-pill{font-size:11px;letter-spacing:0;color:#a1a9a7;padding:2px 7px;border:1px solid #3a403e;border-radius:5px;font-weight:400}.subtle-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:1px solid #3c4242;color:#a8b1ae;border-radius:6px;padding:8px 12px;font-size:10px}.subtle-button:hover{border-color:#727c78;background:#ffffff05;color:#e3e5df}.subtle-button svg{width:13px;height:13px}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.filter-tabs{display:flex;gap:23px;align-items:center}.filter-tabs button{color:#798280;background:none;font-size:10px;position:relative;padding:4px 0;white-space:nowrap}.filter-tabs button.selected{color:#daddd6}.filter-tabs button span{font-size:9px;margin-left:5px;color:#ad9d7f}.gallery-search{display:flex;align-items:center;gap:8px;color:#717c77}.gallery-search>svg{width:13px;height:13px}.gallery-search input{width:125px;background:none;border:0;font-size:10px;color:#ccd1c6}.gallery-search input::placeholder{color:#67726d}.gallery-search .icon-button{margin-left:10px;border-left:1px solid #303a34;padding-left:11px;width:28px}.gallery-search .icon-button[aria-pressed=true]{color:var(--accent)}.gallery-search .icon-button svg{width:14px;height:14px}.works-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.work-card{border:1px solid #363d3a;background:#202624;border-radius:9px;overflow:hidden;min-width:0;transition:border-color .2s,transform .2s}.work-card:hover{border-color:#66796c;transform:translateY(-2px)}.work-poster{aspect-ratio:16/10;position:relative;overflow:hidden;background:#18221e;display:block;width:100%;padding:0;color:#fff;text-align:left}.work-poster>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s,filter .3s}.work-card:hover .work-poster>img{transform:scale(1.025)}.work-poster:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#111b1899);pointer-events:none}.poster-shade{position:absolute;inset:0;background:#10191695;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:#bdc8bd}.poster-shade>svg{width:24px;height:24px}.poster-shade>span{font-size:11px}.poster-shade small{font-size:9px;color:#93a394}.poster-shade.failed{background:#161817cc;color:#d7a7a0}.poster-shade.failed svg{color:#d18a80}.poster-shade.failed small{color:#aa938b}.card-label{position:absolute;left:11px;top:11px;z-index:2;color:#f5f5ee;background:#10181185;backdrop-filter:blur(10px);padding:4px 7px;border:1px solid #cbd4c322;border-radius:4px;font-size:8px;letter-spacing:.3px;display:flex;align-items:center;gap:5px}.card-label svg{width:10px;height:10px}.duration-label{position:absolute;bottom:11px;right:11px;z-index:2;padding:3px 5px;border-radius:3px;font-size:9px;background:#17211799}.poster-play{position:absolute;width:36px;height:36px;border:1px solid #ffffff66;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#202e2244;backdrop-filter:blur(4px);opacity:0;transition:opacity .2s;z-index:2}.poster-play svg{width:16px;height:16px}.work-card:hover .poster-play{opacity:1}.card-body{padding:13px 13px 10px}.card-title{font-size:11px;color:#d8dfd5;margin:0 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;letter-spacing:.15px}.card-meta{color:#7c8c7e;font-size:8px;display:flex;align-items:center;gap:5px;min-width:0}.card-meta span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-bottom{margin-top:16px;display:flex;align-items:center;justify-content:space-between}.task-status{font-size:9px;display:flex;align-items:center;gap:5px;color:#a1b3a0}.task-status svg{width:12px;height:12px}.task-status.processing{color:#cfb783}.task-status.failed{color:#cd9690}.card-actions{display:flex;gap:5px;color:#818f80}.card-actions button{border:0;background:none;color:inherit;display:grid;place-items:center;padding:3px;border-radius:3px}.card-actions button:hover{color:#e6c0a4;background:#e6c0a40d}.card-actions svg{width:12px;height:12px}.spinner{width:16px;height:16px;border:1.5px solid #d3d5be44;border-top-color:#c9bd91;border-radius:50%;animation:spin 1.5s linear infinite}.task-status .spinner{width:9px;height:9px;border-width:1px}.progress-line{position:absolute;bottom:0;left:0;height:2px;background:#b3be95;z-index:3;width:60%;animation:progress 3s ease-in-out infinite}.gallery-footnote{color:#4e5c53;font-size:9px;text-align:center;letter-spacing:.3px;margin-top:24px}.inline-message{color:#d4bda0;background:#f5bf6710;border:1px solid #d4bda022;padding:10px 13px;border-radius:7px;font-size:11px;margin-bottom:15px;line-height:1.8}.empty-state{text-align:center;padding:75px 20px;color:#9da99c}.empty-state>span{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#26342b;border:1px solid #394e3c;margin:0 auto 22px;color:#c5cdb8}.empty-state h2{font-size:17px;font-weight:500;color:#d3dbcd}.empty-state p{font-size:11px;color:#7b8b79;margin:13px 0 24px}.load-more{display:flex;margin:24px auto}.composer{position:fixed;bottom:18px;left:calc(var(--sidebar) + (100% - var(--sidebar))/2);transform:translateX(-50%);width:min(1050px,calc(100% - var(--sidebar) - 64px));z-index:20}.inspiration-row{display:flex;align-items:center;gap:9px;margin:0 0 11px 3px;font-size:9px}.inspiration-row>span{display:flex;align-items:center;gap:5px;color:#869481;margin-right:3px}.inspiration-row>span svg{width:12px;height:12px;color:#b2b996}.inspiration-row button{display:flex;align-items:center;gap:7px;background:#202a23ec;color:#a1ae98;border:1px solid #3c4938;padding:5px 8px;border-radius:5px;font-size:8px;backdrop-filter:blur(12px)}.inspiration-row button:hover{border-color:#c0b69b;color:#e4d8b4}.inspiration-row button svg{width:10px;height:10px}.composer-box{background:#1c221e;border:1px solid #4d5d48;box-shadow:0 14px 70px #000a,0 0 0 5px #111810bb;border-radius:11px;padding:13px 17px 11px}.prompt-label{display:flex;align-items:center;gap:9px;margin-bottom:3px;font-size:10px;color:#d2dcc7}.prompt-label>span{font-size:9px;color:#687a64}.prompt-label .icon-button{margin-left:auto;color:#6f7f68;width:21px;height:21px}.prompt-label svg{width:12px;height:12px}#promptInput{font-size:12px;line-height:1.9;color:#dbe3d2;background:none;border:0;padding:4px 1px 0;min-height:55px;max-height:180px;width:100%;resize:none;display:block}#promptInput::placeholder{color:#76846e;letter-spacing:.2px}.references-row{display:flex;align-items:center;gap:12px;min-height:33px;padding:2px 0 5px}.reference-buttons{display:flex;gap:9px;align-items:center;flex-shrink:0}.reference-buttons>button{display:flex;gap:6px;align-items:center;border:1px solid #414c3b;background:transparent;color:#a9b49e;padding:5px 7px;border-radius:5px;font-size:9px}.reference-buttons>button svg{width:12px;height:12px}.key-hint{color:#7d8b71;margin-left:2px}#referenceHint{color:#56694f;font-size:8px}.reference-chips{display:flex;gap:5px;align-items:center;overflow:auto}.reference-chip{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:9px;color:#aeba9e;border:1px solid #414e39;border-radius:4px;padding:4px 5px}.reference-chip>svg{width:10px;height:10px}.reference-chip button{background:none;color:#899d7e;padding:0 0 0 5px}.reference-chip button svg{width:10px;height:10px}.prompt-counter{font-size:8px;color:#64745b;margin-left:auto;white-space:nowrap}.composer-divider{height:1px;background:#36432f;margin:1px -17px 11px}.generation-options{display:flex;gap:14px;align-items:center}.model-control{display:flex;align-items:center;gap:9px;min-width:185px;flex:1;position:relative;color:#b1bca5}.model-control>svg{width:17px;height:17px;color:#a6b591}.model-control>div{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.model-control div>span{font-size:8px;color:#6e7d62}.model-control select{width:100%;border:0;background:transparent;font-size:11px;font-weight:500;appearance:none;cursor:pointer;padding:0 15px 0 0;max-width:100%;text-overflow:ellipsis;white-space:nowrap;color:#d7dfca}.model-control .select-chevron{width:12px;height:12px;position:absolute;right:0;pointer-events:none}.option-control{display:flex;align-items:center;gap:8px;border-left:1px solid #3b4932;padding-left:14px}.option-control>span{font-size:9px;color:#798c6a;white-space:nowrap}.option-control select{color:#b8c5a7;background:#283222;border:1px solid #3b4932;border-radius:5px;padding:6px 7px;font-size:10px;cursor:pointer;min-width:65px}select option{background:#263023;color:#d3dcc8}.generation-cost{font-size:9px;color:#819572;white-space:nowrap;max-width:115px;text-align:right}.generate-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#3d2b25;border:1px solid #f2ab94;box-shadow:inset 0 1px #ffe9c028;border-radius:7px;font-size:11px;font-weight:600;padding:11px 18px;white-space:nowrap;transition:background .2s,transform .1s}.generate-button:hover,.primary-button:hover{background:#f7b59a}.generate-button:active{transform:scale(.98)}.generate-button svg{width:15px;height:15px}.generate-button kbd{color:#935e4d;font-size:12px;margin-left:7px;font-family:inherit}.composer-caption{display:flex;justify-content:space-between;align-items:center;margin:12px 2px 0;font-size:8px;color:#66775c}.composer-caption>span{display:flex;align-items:center;gap:5px}.composer-caption svg{width:10px;height:10px}.toasts{position:fixed;right:27px;top:78px;z-index:100;display:flex;flex-direction:column;gap:10px}.toast{max-width:420px;line-height:1.8;display:flex;align-items:flex-start;gap:9px;padding:12px 17px;color:#dee8d5;background:#2c392b;border:1px solid #586c4a;box-shadow:0 10px 30px #0005;border-radius:8px;font-size:11px;animation:toast-in .2s ease-out}.toast.error{color:#ecd4ca;background:#392c27;border-color:#795347}.toast svg{width:15px;height:15px;margin-top:2px}.dialog,.preview-dialog{border:1px solid #45513e;background:#20281e;color:#d7dfcf;border-radius:14px;padding:26px;width:460px;max-width:calc(100vw - 32px);box-shadow:0 30px 120px #0008}.dialog::backdrop,.preview-dialog::backdrop{background:#080f0bb5;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.dialog-kicker{font-size:8px;letter-spacing:2px;color:#8c9c7a}.dialog h2{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:9px 0 0}.dialog-heading>.icon-button{color:#81936f}.dialog-description{font-size:11px;color:#9aa98b;line-height:1.9;margin-bottom:22px}.field-label{display:block;color:#b3c1a2;font-size:10px;margin:19px 0 8px}.text-field{width:100%;border:1px solid #435238;background:#182014;border-radius:6px;padding:11px 12px;font-size:11px;line-height:1.5;color:#d0dbc4}.text-field:focus{border-color:#9baa7c}.text-field::placeholder{color:#5f7150}.key-field{position:relative}.key-field input{padding-right:40px}.key-field .icon-button{position:absolute;right:7px;top:7px;color:#81936e}.field-help{font-size:10px;color:#7f926c;line-height:1.9;margin:9px 0 0}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:25px}.dialog-actions .primary-button{padding:9px 13px}.dialog-actions .subtle-button{border-color:#526546;color:#a5b694;padding:9px 13px}.connection-alert,.form-error{font-size:11px;line-height:1.8;color:#deb298;margin-top:14px}.preview-dialog{width:830px;padding:0;overflow:hidden}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 19px;font-size:12px}.preview-media{aspect-ratio:16/9;background:#0a110b;display:grid;place-items:center;position:relative}.preview-media>img,.preview-media>video{width:100%;height:100%;max-height:65dvh;object-fit:contain}.preview-notice{position:absolute;left:15px;bottom:13px;color:#dddccc;background:#11190ec9;border:1px solid #c6ceb729;border-radius:5px;font-size:9px;padding:5px 8px}.preview-info{padding:18px 23px 0;font-size:11px;line-height:1.9;color:#a6b397}.preview-info p{margin:0 0 8px}.preview-info small{font-size:9px;color:#6e8460;word-break:break-all}.preview-dialog>.dialog-actions{padding:0 23px 21px}.wallet-number{font-size:40px;letter-spacing:-1.5px;color:#d2dec3;margin:24px 0 8px}.wallet-number small{font-size:16px;color:#8a9e75;letter-spacing:0;margin-right:7px}.wallet-detail{color:#83996c;font-size:11px;line-height:2}.docs-dialog{width:650px;max-height:85dvh}.docs-body{font-size:11px;color:#a6b995;line-height:1.9}.docs-body h3{font-size:12px;color:#d5e0c8;font-weight:500;margin-top:25px}.docs-body pre{overflow:auto;padding:17px;border:1px solid #405537;border-radius:7px;font-size:10px;background:#121c0f;color:#c2d6ac;white-space:pre-wrap;word-break:break-word}.model-market{margin-top:22px;border-top:1px solid #3f5135;padding-top:15px;color:#9eaf8b}.history-table{border:1px solid #34432e;border-radius:9px;overflow:auto}.history-table table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.history-table th{text-align:left;padding:14px 17px;font-size:9px;color:#7d956b;font-weight:500;background:#1c2818}.history-table td{padding:17px;border-top:1px solid #303f2a;color:#b1c29e;max-width:340px;overflow:hidden;text-overflow:ellipsis}.history-table td:first-child{color:#d0dfbd}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{background:#1f2c1b;border:1px solid #394e2f;border-radius:9px;padding:22px}.stat-card>span{font-size:11px;color:#839e6c}.stat-card strong{display:block;font-size:34px;color:#d9e9c9;font-weight:400;margin-top:17px}.stat-card small{display:block;font-size:9px;color:#728d5a;margin-top:8px}.overview-note{display:flex;align-items:flex-start;gap:11px;margin-top:23px;color:#768f60;font-size:11px;line-height:1.8}.overview-note svg{margin-top:13px;width:15px;height:15px}.expanded{--sidebar:0px}.expanded .sidebar{transform:translateX(-100%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{0%,100%{width:30%;left:0}50%{width:60%;left:40%}}@keyframes toast-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1900px){.works-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.gallery-view,.history-view,.overview-view{padding-top:33px}.page-heading{margin-bottom:28px}.work-poster{aspect-ratio:16/10}}
@media(max-width:1450px){.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card-body{padding:13px}.page-heading h1{font-size:23px}.generation-options{gap:11px}.generation-cost{max-width:90px}.model-control{min-width:165px}.composer{bottom:17px}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){:root{--sidebar:180px}.sidebar{padding:22px 12px 16px}.brand{font-size:20px;padding-left:6px}.brand img{width:32px;height:32px}.brand small{font-size:8px;letter-spacing:1px}.new-project span{display:none}.nav-item{font-size:11px;gap:10px}.gallery-view,.history-view,.overview-view{padding-left:23px;padding-right:23px}.workspace-top{padding:0 23px}.composer{width:calc(100% - var(--sidebar) - 46px)}.composer-box{padding:12px}.composer-divider{margin-left:-12px;margin-right:-12px}.reference-buttons>span{display:none}.generation-cost{display:none}.generation-options{gap:9px}.option-control{padding-left:9px;gap:5px}.generate-button{padding:11px}.generate-button kbd{display:none}.model-control{min-width:120px}.filter-tabs{gap:16px}.gallery-search input{width:90px}.topbar{padding:0 23px}.works-grid{gap:13px}.work-poster{aspect-ratio:16/11}.card-title{font-size:10px}.card-meta{font-size:8px}.top-actions{gap:14px}.space-tabs{gap:22px}}
@media(max-width:800px){:root{--sidebar:0px;--topbar:56px}.sidebar{width:208px;transform:translateX(-100%);box-shadow:20px 0 70px #0004;transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-grid}.breadcrumb{gap:10px;font-size:10px}.topbar{padding:0 16px}.top-actions{gap:10px}.top-link,.top-divider{display:none}main{border-radius:12px 12px 0 0}.workspace-top{height:59px;padding:0 20px}.autosave{font-size:9px}.space-tabs{gap:20px}.workspace-tools{gap:10px}.gallery-view,.history-view,.overview-view{padding:24px 20px 305px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.eyebrow{font-size:7px}.gallery-toolbar{gap:10px;align-items:flex-start}.filter-tabs{gap:17px}.gallery-search input{width:80px}.composer{width:calc(100% - 32px);bottom:14px}.inspiration-row{gap:7px}.inspiration-row>span{font-size:8px}.inspiration-row button{font-size:8px;padding:5px 7px}.generation-options{gap:9px}.model-control{min-width:120px}.model-control select{font-size:10px}.option-control>span{display:none}.option-control select{font-size:10px;min-width:58px}.generate-button{font-size:10px;padding:11px}.composer-caption{font-size:7px}.prompt-counter{font-size:7px}.stat-card{padding:19px}.stat-card strong{font-size:30px}}
@media(max-width:480px){.workspace-tools .autosave{display:none}.workspace-top{padding:0 16px}.space-tabs{gap:19px}.space-tab{font-size:10px}.space-tab svg{width:14px;height:14px}.gallery-view,.history-view,.overview-view{padding:23px 16px 315px}.page-heading .subtle-button{font-size:9px;padding:7px}.page-heading .subtle-button svg{display:none}.page-heading p{font-size:9px;max-width:230px;line-height:1.8}.filter-tabs{gap:16px}.filter-tabs button{font-size:9px}.gallery-search>svg,.gallery-search input{display:none}.gallery-search .icon-button{margin-left:0;border:0;padding:5px}.work-poster{aspect-ratio:4/3}.card-body{padding:10px}.card-title{font-size:10px;margin-bottom:6px}.card-meta{font-size:7px}.card-meta>span:first-child{display:none}.card-bottom{margin-top:14px}.task-status{font-size:8px}.card-actions{gap:4px}.card-actions svg{width:11px;height:11px}.card-actions button[data-card-action=download]{display:none}.card-label{font-size:7px;left:8px;top:8px;padding:3px 5px}.duration-label{font-size:8px;right:8px;bottom:8px}.inspiration-row>span{display:none}.inspiration-row{margin-bottom:10px;gap:6px}.inspiration-row button{flex:1;justify-content:space-between}.composer{width:calc(100% - 24px);bottom:11px}.composer-box{padding:10px}.composer-divider{margin-left:-10px;margin-right:-10px}.prompt-label{font-size:9px}.prompt-label>span{font-size:8px}#promptInput{font-size:11px;min-height:60px}.reference-buttons>button{font-size:8px}.references-row{gap:5px}.prompt-counter{display:none}.generation-options{flex-wrap:wrap;gap:10px}.model-control{flex-basis:100%;border-bottom:1px solid #354b2a;padding-bottom:10px}.model-control>div{flex-direction:row;align-items:center;gap:10px}.model-control select{font-size:11px}.option-control{border-left:0;padding:0;gap:5px}.option-control>span{display:block;font-size:8px}.option-control select{padding:6px;min-width:56px}.generate-button{margin-left:auto;padding:9px 12px;font-size:10px;gap:6px}.generate-button svg{width:12px;height:12px}.composer-caption>span:last-child{display:none}.composer-caption{justify-content:center;font-size:7px}.dialog{padding:22px}.toasts{top:67px;right:14px;left:14px}.toast{max-width:none}.stat-grid{gap:12px}.stat-card{padding:16px}.stat-card strong{font-size:25px}.stat-card>span{font-size:10px}.preview-dialog{width:calc(100vw - 24px)}.preview-info{padding:13px 16px;font-size:10px}.preview-dialog>.dialog-actions{padding:0 16px 16px}.preview-dialog .dialog-actions .primary-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.local-test-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:#f7edce;color:#5d4a1b;font-size:12px;line-height:1.6;border-bottom:1px solid #e9ddb8}.local-test-notice[hidden]{display:none}.local-test-notice a{color:inherit;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.local-test-notice{padding:10px 16px;align-items:flex-start;flex-direction:column;gap:4px}}

.catalog-page .app-shell{height:100dvh;display:flex;flex-direction:column}
.catalog-page .topbar,.catalog-page .local-test-notice{flex-shrink:0}
.catalog-page #workspace{flex:1;min-height:0;overflow:hidden}
.models-view{height:100%;min-height:0;display:flex}
.models-view[hidden],#workspaceToolbar[hidden]{display:none!important}
#modelCatalogFrame{display:block;flex:1;min-width:0;width:100%;height:100%;border:0;background:var(--dark)}
.nav-item:not(.active) .nav-active-dot{display:none}
#accountPanel[hidden],.legacy-connection[hidden]{display:none!important}


/* Workbench model picker trigger; selection state remains in the native control. */
.model-control .model-picker-trigger{display:block;width:100%;min-width:0;padding:3px 19px 3px 0;text-align:left;background:transparent;color:#e4e8df;font-size:12px;font-weight:500;line-height:1.6;border-radius:4px}.model-picker-trigger>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-control .model-picker-trigger:hover{color:#f4b09c}.model-control .model-picker-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.showcase-section{margin:0 0 29px;padding:19px 20px 20px;border:1px solid #37423b;border-radius:10px;background:#1b211e}.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.showcase-heading h2{display:flex;align-items:center;gap:9px;margin:0;color:#e0e7db;font-size:16px;font-weight:500;line-height:1.7}.showcase-heading h2>span{font-size:12px;color:#c8b398;border:1px solid #5a5241;border-radius:4px;padding:1px 6px;line-height:1.7;font-weight:400}.showcase-heading p{font-size:13px;color:#9eac99;line-height:1.8;margin:6px 0 0}.showcase-heading>.subtle-button{font-size:13px;white-space:nowrap;flex-shrink:0;padding:7px 11px}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.showcase-grid[hidden]{display:none!important}.showcase-card{min-width:0;border:1px solid #3b473f;border-radius:8px;overflow:hidden;background:#222b25}.showcase-poster{position:relative;display:block;width:100%;aspect-ratio:16/8.5;padding:0;overflow:hidden;background:#101a14;color:#e6ecdf}.showcase-poster>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.showcase-poster:hover>img{transform:scale(1.035)}.showcase-format{position:absolute;left:10px;top:10px;font-size:12px;line-height:1.6;color:#f0f2e9;background:#101a14c4;border:1px solid #c2cbb32b;border-radius:4px;padding:3px 7px}.showcase-preview-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:37px;height:37px;border-radius:50%;border:1px solid #e5eadb9c;background:#18261b85;color:#f4f6ed;box-shadow:0 2px 14px #0004}.showcase-preview-icon>svg{width:17px;height:17px}.showcase-poster-unavailable .showcase-preview-icon{opacity:.55}.showcase-card-body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 12px}.showcase-card-body>div{min-width:0}.showcase-card-body h3{font-size:14px;font-weight:500;color:#e0e8d9;line-height:1.7;margin:0}.showcase-card-body p{font-size:12px;line-height:1.8;color:#9eae95;margin:3px 0 0}.showcase-prompt-button{flex-shrink:0;background:transparent;color:#e4b69e;border:1px solid #665443;border-radius:5px;padding:6px 8px;font-size:12px;line-height:1.7}.showcase-prompt-button:hover{border-color:#c29474;background:#ee9a820d;color:#f5c9ac}.showcase-dialog{max-height:calc(100dvh - 32px);overflow:auto}.showcase-dialog .preview-toolbar h2{font-size:16px;font-weight:500;line-height:1.7;margin:0;color:#e0e8d8}.showcase-preview-info{padding:17px 23px 0;font-size:14px;line-height:1.9;color:#bfceb1}.showcase-preview-info>p{margin:0 0 11px}.showcase-preview-info .showcase-preview-notice{color:#e5bd9a;font-size:13px}.showcase-preview-info .showcase-preview-help{font-size:13px;color:#9eaf91}.showcase-dialog .dialog-actions button{font-size:13px}.showcase-media-error{font-size:14px;color:#cebda7;line-height:1.9;padding:20px;text-align:center}@media(max-width:1250px){.showcase-card-body{flex-wrap:wrap;gap:9px}.showcase-prompt-button{padding:5px 8px}}@media(max-width:800px){.showcase-section{padding:16px;margin-bottom:24px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.showcase-heading{align-items:flex-start}.showcase-heading p{font-size:12px}.showcase-card-body{flex-direction:row;align-items:center}.showcase-preview-info{padding:15px 19px 0}}@media(max-width:480px){.showcase-section{padding:13px}.showcase-grid{grid-template-columns:1fr}.showcase-heading{gap:10px}.showcase-heading h2{font-size:15px}.showcase-heading p{font-size:12px;max-width:225px}.showcase-heading>.subtle-button{font-size:12px;padding:6px 8px}.showcase-poster{aspect-ratio:16/8}.showcase-card-body{flex-wrap:nowrap;padding:12px}.showcase-card-body h3{font-size:14px}.showcase-card-body p{font-size:12px}.showcase-preview-info{padding:13px 16px 0}.showcase-dialog .preview-toolbar{padding:12px 16px}.showcase-dialog .preview-toolbar h2{font-size:14px}}

/* Compact result rows: task cards and preset examples share the same structure. */
.works-grid,.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;align-items:start}
.work-card,.showcase-card{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);height:182px;min-height:170px;min-width:0;border:1px solid #3b4540;border-radius:8px;background:#202624;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.work-card:hover,.showcase-card:hover{border-color:#63786a;transform:none;box-shadow:0 3px 12px #0002}
.work-card>.work-poster,.showcase-card>.showcase-poster{position:relative;display:block;grid-column:1;grid-row:1;width:100%;height:100%;min-height:0;aspect-ratio:auto;padding:0;border:0;border-right:1px solid #3a453e;border-radius:0;background:#1b2b23;color:#e5ebdf;overflow:hidden;text-align:left}
.work-poster>img,.work-poster>video,.showcase-poster>img,.showcase-poster>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.work-poster:after{inset:55% 0 0;background:linear-gradient(transparent,#14201966)}
.work-poster>.result-thumbnail-placeholder,.showcase-poster>.result-thumbnail-placeholder{z-index:0}
.work-poster>[data-result-image],.work-poster>[data-result-src],.showcase-poster>[data-result-image],.showcase-poster>[data-result-src]{z-index:1;pointer-events:none}
.work-poster>video[data-result-src],.showcase-poster>video[data-result-src]{opacity:0;transition:opacity .2s}
.work-poster.result-ready>video[data-result-src],.work-poster>video[data-result-src][data-ready=true],.showcase-poster.result-ready>video[data-result-src],.showcase-poster>video[data-result-src][data-ready=true]{opacity:1}
.work-poster.result-ready>.result-thumbnail-placeholder,.showcase-poster.result-ready>.result-thumbnail-placeholder{display:none}
.work-poster>img,.work-poster>video,.showcase-poster>img,.showcase-poster>video{pointer-events:none}
.work-poster:after{z-index:2}.work-card .card-label,.work-card .duration-label,.work-card .poster-play,.showcase-card .card-label,.showcase-card .duration-label,.showcase-card .poster-play,.showcase-card .showcase-format,.showcase-card .showcase-preview-icon{z-index:3}
.work-card>.card-body,.showcase-card>.card-body,.showcase-card>.showcase-card-body{display:flex;grid-column:2;grid-row:1;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;min-width:0;min-height:0;gap:6px;padding:11px 12px}
.work-card .card-title,.showcase-card .card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;white-space:normal;overflow-wrap:anywhere;text-overflow:ellipsis;max-height:3em;min-width:0;margin:0;color:#e1e7df;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:0}
.work-card .card-meta,.showcase-card .card-meta{display:flex;align-items:center;gap:4px;min-width:0;min-height:18px;margin:0;color:#a5b3a5;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-meta>span{min-width:0;flex-shrink:0}.card-meta>span:last-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-reference-strip{display:flex;align-items:center;gap:5px;flex:0 0 28px;min-width:0;min-height:28px;max-height:28px;overflow:hidden}
.card-reference-strip>.card-reference-item,.card-reference-strip>img,.card-reference-strip>video{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;min-width:0;padding:0;border:1px solid #4b5b4e;border-radius:4px;overflow:hidden;background:#2b372d;color:#aebda8}
.card-reference-item>img,.card-reference-item>video,.card-reference-strip>img,.card-reference-strip>video{display:block;width:100%;height:100%;object-fit:cover}
.card-reference-item>svg{width:15px;height:15px}.card-reference-strip>.card-reference-more,.card-reference-strip>.card-reference-empty{font-size:12px;line-height:1.5;color:#9dab97;white-space:nowrap}.card-reference-strip>.card-reference-more{padding:0 3px}
.work-card .card-bottom,.showcase-card .card-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;min-height:24px;margin: auto 0 0;padding:0}
.work-card .task-status,.showcase-card .task-status{display:flex;align-items:center;gap:5px;min-width:0;color:#a8c0a7;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden}
.work-card .task-status.processing,.showcase-card .task-status.processing{color:#d4bf92}.work-card .task-status.failed,.showcase-card .task-status.failed{color:#e1a79d}.work-card .task-status svg,.showcase-card .task-status svg{width:13px;height:13px}
.work-card .card-actions,.showcase-card .card-actions{display:flex;align-items:center;flex-shrink:0;gap:3px;color:#a0b09c}.work-card .card-actions button,.showcase-card .card-actions button{display:grid;place-items:center;min-width:24px;min-height:24px;padding:4px;border-radius:4px}.work-card .card-actions svg,.showcase-card .card-actions svg{width:13px;height:13px}
.work-card .card-label,.showcase-card .card-label,.showcase-format{left:7px;top:7px;max-width:calc(100% - 14px);padding:3px 5px;font-size:10px;line-height:1.5;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-card .duration-label{right:7px;bottom:7px;font-size:11px;line-height:1.5}.poster-play,.showcase-preview-icon{width:32px;height:32px}.poster-play>svg,.showcase-preview-icon>svg{width:15px;height:15px}
.work-poster>.poster-shade{padding:12px 9px;gap:8px;text-align:center;background:#1b2b23e6}.work-poster>.poster-shade>span{font-size:12px;line-height:1.6}.work-poster>.poster-shade>small{font-size:11px;line-height:1.5;color:#a1b09c}.work-poster>.poster-shade.failed{background:#302721eb;color:#e0b8a6}.work-poster>.poster-shade.failed small{color:#c0a492}
.showcase-card .showcase-prompt-button{align-self:flex-end;max-width:100%;margin-top:auto;padding:4px 7px;font-size:12px;line-height:1.5;white-space:nowrap}.showcase-card .card-actions .showcase-prompt-button{margin:0;min-height:24px;padding:3px 6px}
@media(max-width:650px){.works-grid,.showcase-grid{grid-template-columns:minmax(0,1fr)}.work-card,.showcase-card{height:178px}.work-card>.card-body,.showcase-card>.card-body,.showcase-card>.showcase-card-body{padding:10px 11px}.work-card .card-meta>span:first-child,.showcase-card .card-meta>span:first-child{display:inline}.work-card .card-actions button[data-card-action=download]{display:grid}}
@media(max-width:360px){.work-card,.showcase-card{grid-template-columns:minmax(0,40fr) minmax(0,60fr)}.work-card>.card-body,.showcase-card>.card-body,.showcase-card>.showcase-card-body{padding:9px;gap:5px}.work-card .card-meta,.showcase-card .card-meta{font-size:11px}.work-card .task-status,.showcase-card .task-status{font-size:11px}.work-card .card-actions,.showcase-card .card-actions{gap:1px}.work-card .card-actions button,.showcase-card .card-actions button{min-width:22px;min-height:24px;padding:3px}}
.gallery-view{padding-bottom:max(300px,calc(var(--composer-clearance,260px) + 36px))}