:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f3ee;--panel:#fffaf2;--panel-strong:#fff;--text:#191713;--muted:#6f675d;--soft:#968d82;--line:#e6ded2;--line-strong:#d8cfc2;--accent:#101010;--accent-soft:#f0e8da;--green:#4f8f44;--orange:#e86f3d;--blue:#366bff;--radius:8px;--shadow:0 18px 50px #3d2e1e1c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-weight:400;line-height:1.45}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{grid-template-columns:236px minmax(0,1fr) 348px;min-height:100vh;transition:grid-template-columns .18s;display:grid}.app-shell.panel-collapsed{grid-template-columns:236px minmax(0,1fr) 66px}.sidebar,.generator{height:100vh;position:sticky;top:0}.generator{overflow-y:auto}.sidebar{z-index:40;background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:20px;padding:18px;display:flex;overflow:visible}.brand{align-items:center;gap:10px;min-height:42px;font-weight:750;display:flex}.brand span{gap:1px;display:grid}.brand small{color:var(--soft);font-size:11px;font-weight:500}.brand img{object-fit:cover;border-radius:8px;width:34px;height:34px}.sidebar-nav{gap:6px;display:grid}.sidebar-nav a,.sidebar-nav button,.category-button{min-height:36px;color:var(--muted);border-radius:var(--radius);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 12px;font-size:14px;font-weight:450;display:flex}.sidebar-nav span{min-width:22px;color:var(--text);background:var(--panel-strong);border:1px solid var(--line);text-align:center;border-radius:999px;padding:2px 7px;font-size:12px}.sidebar-nav .active,.sidebar-nav a:hover,.sidebar-nav button:hover,.category-button:hover,.category-button.active{color:var(--text);background:var(--accent-soft)}kbd{color:var(--soft);background:var(--panel-strong);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-family:inherit;font-size:12px}.sidebar-bottom{gap:18px;margin-top:auto;display:grid;position:relative}.signed-out-links{color:#6f7482;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.github-stars{color:#111;border-radius:5px;align-items:center;margin-left:auto;display:inline-flex;overflow:hidden}.github-stars span{color:#fff;background:#050505;padding:3px 7px;font-size:0}.github-stars span:before{content:"GH";font-size:11px;font-weight:800}.github-stars strong{background:#ffd21f;padding:3px 8px;font-size:13px}.invite-card{text-align:left;width:100%;min-height:86px;color:var(--text);background:#ffffff57;border:1px solid #e3ded6;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.invite-card span:first-child{gap:3px;display:grid}.invite-card strong{font-size:15px;font-weight:750}.invite-card small{color:var(--muted);font-size:13px}.gift-icon{width:42px;height:42px;color:var(--accent);background:var(--panel-strong);border:1px solid var(--line);border-radius:999px;flex:none;place-items:center;font-size:0;display:grid}.gift-icon:before{content:"";background:currentColor;width:22px;height:22px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v10H4V12'/%3E%3Cpath d='M2 7h20v5H2z'/%3E%3Cpath d='M12 22V7'/%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 1 1 0-5C11 2 12 7 12 7z'/%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 1 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v10H4V12'/%3E%3Cpath d='M2 7h20v5H2z'/%3E%3Cpath d='M12 22V7'/%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 1 1 0-5C11 2 12 7 12 7z'/%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 1 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E") 50%/contain no-repeat}.signed-out-actions{display:block}.signed-out-actions[hidden]{display:none}.get-started-button{color:#fff;background:linear-gradient(#111,#111) padding-box padding-box,linear-gradient(100deg,#42e457,#42bcff,#e55dff) border-box;border:1px solid #0000;border-radius:12px;width:min(100%,356px);min-height:48px;padding:0 16px;font-weight:750}.free-credits-button{color:#a0a2ad;white-space:nowrap;background:0 0;border:0;min-height:48px;font-weight:650}.account-summary{background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:0 2px;display:flex}.account-summary[hidden]{display:none}.account-avatar-button{background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.account-avatar-button span{color:#fff;background:#079baa;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.add-credits-button{color:#fff;white-space:nowrap;background:#171717;border:0;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:4px 6px 4px 14px;font-weight:650;display:inline-flex}.add-credits-button strong{color:#ffd06b;background:#252525;border-radius:8px;align-items:center;gap:3px;min-height:32px;padding:0 9px;font-size:14px;display:inline-flex}.account-popover{z-index:35;background:var(--panel-strong);border:1px solid var(--line);border-radius:18px;gap:12px;width:246px;padding:14px;display:grid;position:absolute;bottom:62px;left:0;box-shadow:0 20px 60px #3d2e1e2e}.account-popover[hidden]{display:none}.account-profile{border-bottom:1px solid var(--line);grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;padding:0 4px 12px;display:grid}.account-profile span:last-child{min-width:0;display:grid}.account-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.account-profile small,.account-menu small,.legal-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-menu{gap:3px;display:grid}.account-item{position:relative}.account-item>a,.account-item>button,.logout-row{width:100%;min-height:48px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:14px;display:flex}.account-item>a:hover,.account-item>button:hover,.account-item:focus-within>a,.account-item:focus-within>button,.logout-row:hover{background:var(--accent-soft)}.account-flyout{z-index:90;width:238px;color:var(--text);background:var(--panel-strong);border:1px solid var(--line);border-radius:14px;padding:14px;display:none;position:absolute;top:0;left:calc(100% + 10px);box-shadow:0 18px 50px #3d2e1e26}.account-item:hover .account-flyout,.account-item:focus-within .account-flyout{gap:8px;display:grid}.account-flyout h3{margin:0;font-size:15px}.account-flyout p,.account-flyout a{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.account-flyout a{text-underline-offset:2px;text-decoration:underline}.language-options{gap:6px;display:flex}.language-options button,.language-options a{min-height:28px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.language-options button.active,.language-options a.active{color:#fff;background:var(--accent);border-color:var(--accent)}.legal-flyout{max-height:220px;overflow:auto}.logout-row{border-top:1px solid var(--line);min-height:42px;color:var(--muted);font-weight:650}.sidebar-footer{color:var(--soft);gap:6px;padding:0 12px;font-size:12px;display:flex}.content{min-width:0;padding:24px 24px 42px}.topbar{z-index:10;background:linear-gradient(to bottom, var(--bg) 76%, #f6f3ee00);justify-content:flex-start;align-items:center;gap:16px;padding:0 0 12px;display:flex;position:sticky;top:0}.search-box{background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:10px;width:min(520px,100%);min-height:42px;padding:0 12px;display:flex;box-shadow:0 8px 24px #3d2e1e0d}.search-box span{color:var(--soft);font-size:13px}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0}.credit-button,.generate-button{color:#fff;background:var(--accent);border-radius:var(--radius);border:0;min-height:40px;padding:0 14px;font-weight:650}.hero{background:var(--panel-strong);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:minmax(0,1fr) 260px;align-items:stretch;gap:24px;margin:8px 0 22px;padding:26px;display:grid}.eyebrow{color:var(--orange);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:850}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:820px;margin-bottom:14px;font-size:clamp(38px,5.6vw,74px);line-height:.96}.hero-copy{max-width:760px;color:var(--muted);margin-bottom:0;font-size:18px;line-height:1.55}.hero img{object-fit:cover;border-radius:12px;width:100%;height:100%;min-height:230px}.model-row,.gallery-header,.sort-tabs{align-items:center;display:flex}.model-row{border:1px solid var(--line);background:#ffffffb8;border-radius:22px;gap:9px;margin-bottom:16px;padding:12px;overflow-x:auto;box-shadow:0 12px 34px #3d2e1e0e}.model-chip,.sort-tabs button,.quick-options button,.generator-header button,.install-box button{min-height:34px;color:var(--muted);background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius);white-space:nowrap;padding:0 12px;font-size:14px;font-weight:450}.model-chip.active,.model-chip:hover,.sort-tabs button.active,.sort-tabs button:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.gallery-header{justify-content:space-between;gap:16px;margin-bottom:16px}.gallery-header h2{letter-spacing:0;margin-bottom:4px;font-size:22px;font-weight:750}.gallery-header p{color:var(--soft);margin-bottom:0;font-size:13px}.sort-tabs{gap:8px}.prompt-grid{column-count:3;column-gap:14px}.history-view{gap:14px;display:grid}.history-view[hidden]{display:none}.history-empty{color:var(--muted);margin:0}.history-tabs{background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(2,minmax(108px,1fr));justify-self:center;gap:4px;width:min(300px,100%);padding:4px;display:inline-grid}.history-tabs button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:0 18px;font-size:15px;font-weight:800}.history-tabs button.active{color:#fff;background:var(--accent)}.history-empty{text-align:center;background:var(--panel);border:1px dashed var(--line-strong);border-radius:18px;padding:28px}.history-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.history-status{color:var(--muted);background:var(--bg);border-radius:999px;flex:none;padding:3px 7px;font-size:11px;font-weight:750}.history-status.complete{color:var(--green)}.history-status.failed{color:var(--orange)}.history-image-tile,.history-placeholder-tile{background:var(--bg);border-radius:10px;width:100%;min-height:120px;margin:0;position:relative;overflow:hidden}.history-image-tile a:first-child{display:block}.history-image-tile img{object-fit:contain;width:100%;height:auto;max-height:240px;display:block}.history-image-tile figcaption{color:#fff;opacity:0;background:linear-gradient(#0000,#000000b8);padding:28px 9px 8px;font-size:11px;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;inset:auto 0 0;transform:translateY(6px)}.history-image-tile figcaption button,.history-image-tile figcaption span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-image-tile figcaption button{color:#fff;width:100%;font:inherit;text-align:left;cursor:copy;background:0 0;border:0;padding:0;font-weight:800}.history-image-tile figcaption span{color:#ffffffc7}.history-image-tile:hover figcaption,.history-image-tile:focus-within figcaption{opacity:1;transform:translateY(0)}.history-download{color:#111;opacity:0;background:#ffffffe0;border-radius:999px;place-items:center;width:28px;height:28px;font-weight:900;text-decoration:none;transition:opacity .16s;display:grid;position:absolute;top:6px;right:6px}.history-image-tile:hover .history-download,.history-image-tile:focus-within .history-download{opacity:1}.history-placeholder-tile{color:var(--soft);background:var(--bg);border:1px dashed var(--line-strong);text-align:center;align-content:center;place-items:center;gap:8px;padding:12px;display:grid}.history-placeholder-tile strong{color:var(--muted)}.history-placeholder-tile small,.history-placeholder-tile em{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:11px;font-style:normal;line-height:1.35;display:-webkit-box;overflow:hidden}.history-placeholder-tile.failed{color:var(--orange)}.prompt-card{background:var(--panel-strong);break-inside:avoid;cursor:zoom-in;border:0;border-radius:18px;width:100%;margin:0 0 14px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 8px 24px #3d2e1e13}.prompt-card img{aspect-ratio:4/5;object-fit:cover;background:var(--accent-soft);width:100%;transition:transform .18s,filter .18s}.prompt-card:hover img,.prompt-card:focus-within img{filter:brightness(.72);transform:scale(1.02)}.prompt-card-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;position:absolute;inset:0}.prompt-card-content{color:#fff;opacity:0;background:linear-gradient(#0000,#000000c7);justify-content:space-between;align-items:flex-end;gap:12px;padding:60px 16px 16px;transition:opacity .16s,transform .16s;display:flex;position:absolute;inset:auto 0 0;transform:translateY(8px)}.prompt-card:hover .prompt-card-content,.prompt-card:focus-within .prompt-card-content{opacity:1;transform:translateY(0)}.prompt-card h3{overflow-wrap:anywhere;letter-spacing:0;margin:0;font-size:15px;font-weight:650;line-height:1.28}.prompt-card p{color:#ffffffd1;margin:0;font-size:12px;line-height:1.4}.prompt-meta,.prompt-actions{align-items:center;gap:8px;display:flex}.prompt-meta{color:#ffffffd1;flex-direction:column;align-items:flex-start;font-size:13px;line-height:1.35}.prompt-source{color:#fff;align-items:center;gap:8px;font-weight:650;display:flex}.prompt-source img{object-fit:cover;filter:none;border-radius:999px;width:34px;height:34px;transform:none}.prompt-card:hover .prompt-source img,.prompt-card:focus-within .prompt-source img{filter:none;transform:none}.load-more-button{border:1px solid var(--line);color:#fff;width:min(320px,100%);min-height:48px;font:inherit;cursor:pointer;background:#111;border-radius:8px;margin:36px auto 0;font-weight:700;display:block;box-shadow:0 14px 32px #251e161f}.load-more-button:hover,.load-more-button:focus-visible{transform:translateY(-1px)}.load-more-button[hidden]{display:none}.model-badge{color:var(--blue);background:#edf1ff;border-radius:999px;padding:4px 7px;font-weight:750}.prompt-actions button{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000005c;border:1px solid #0000;border-radius:999px;place-items:center;min-width:40px;min-height:40px;padding:0 10px;display:grid;position:relative}.prompt-actions button:hover{border-color:var(--line-strong)}.generator{padding:18px 18px 18px 0}.generator-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:22px;gap:13px;padding:16px;display:grid;box-shadow:0 18px 54px #3d2e1e17}.generator-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.generator-header h2{margin:0;font-size:20px;font-weight:750}.generator-header-actions{gap:8px;display:flex}.generator-header-actions button{min-width:42px;font-size:18px}.mobile-account-bar{display:none}.quick-options{gap:8px;display:flex}.reverse-card{min-height:62px;color:var(--text);background:var(--bg);border-radius:16px;justify-content:flex-start;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.reverse-card input{opacity:0;width:1px;height:1px;position:absolute}.reverse-card span{font-size:15px;font-weight:650}.reverse-card .reverse-icon{color:#707682;place-items:center;width:24px;height:24px;font-size:0;display:grid}.reverse-icon svg,.dropzone-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:100%;height:100%}.reverse-card img{object-fit:cover;border-radius:12px;width:42px;height:42px;margin-left:auto}.reverse-spinner,.prompt-loading span{border:2px solid #11111124;border-top-color:#111;border-radius:999px;width:22px;height:22px;animation:.72s linear infinite spin;display:none}.reverse-card.loading .reverse-spinner{display:block;position:absolute;right:22px}.reverse-card.loading img{opacity:.42}@keyframes spin{to{transform:rotate(360deg)}}.dropzone{min-height:58px;color:var(--muted);background:var(--panel-strong);border:1px dashed var(--line-strong);text-align:left;border-radius:14px;justify-content:flex-start;align-items:center;gap:10px;padding:10px 10px 10px 14px;display:flex}.dropzone.dragging,.dropzone:hover{color:var(--text);border-color:var(--accent)}.dropzone.dragging{background:#fff;box-shadow:0 0 0 3px #1111110f}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.dropzone-copy{flex:1;font-size:14px;font-weight:650}.dropzone-icon{color:#7b8190;place-items:center;width:24px;height:24px;font-size:0;display:grid}.reference-preview-list{flex:0 auto;gap:6px;max-width:136px;display:flex;overflow:visible}.reference-preview-item{z-index:1;flex:none;width:44px;height:44px;position:relative}.reference-preview-item img{object-fit:cover;width:44px;height:44px;box-shadow:0 0 0 2px var(--panel-strong);border-radius:10px}.reference-preview-item button{z-index:5;color:#fff;border:2px solid var(--panel-strong);opacity:1;background:#111;border-radius:999px;place-items:center;width:22px;height:22px;padding:0;font-size:13px;font-weight:800;line-height:1;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:-9px;right:-9px;transform:scale(1)}.reference-preview-item:hover button,.reference-preview-item:focus-within button{opacity:1;transform:scale(1)}.dropzone strong{width:42px;height:42px;color:var(--muted);background:var(--bg);border-radius:12px;flex:none;place-items:center;font-size:24px;font-weight:400;display:grid}.upload-status{min-height:18px;color:var(--soft);margin:-4px 2px 0;font-size:12px}.upload-status[data-tone=success]{color:var(--green)}.upload-status[data-tone=error]{color:var(--orange)}.prompt-box{background:var(--bg);border-radius:18px;gap:10px;padding:16px;display:grid;position:relative}.prompt-box-header{color:#737987;align-items:center;gap:8px;display:flex}.prompt-label{color:var(--text);font-size:15px;font-weight:650}.prompt-box-header span{font-size:13px}.prompt-box-header kbd{min-width:24px;min-height:24px;color:var(--text);background:var(--panel-strong);border:1px solid var(--line);font:inherit;border-radius:6px;place-items:center;display:inline-grid}.prompt-box-header button{color:#737987;background:0 0;border:0;margin-left:auto;font-weight:750}.generator textarea{resize:vertical;width:100%;min-height:178px;color:var(--text);background:0 0;border:0;outline:none;padding:0;font-size:15px;line-height:1.55}.generator textarea:focus,.search-box:focus-within{border-color:var(--accent)}.prompt-loading{z-index:2;color:#6f7482;border-radius:inherit;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f6f3eedb;align-content:center;place-items:center;gap:10px;display:grid;position:absolute;inset:0}.prompt-loading[hidden]{display:none}.prompt-loading span{display:block}.prompt-loading small{font-size:13px;font-weight:650}.quick-options{flex-wrap:wrap}.generate-button{border-radius:14px;width:100%;min-height:52px;font-size:18px}.generation-result{border:1px solid var(--line);color:var(--text);background:#ffffff0f;border-radius:12px;margin-top:12px;padding:12px}.generation-result[hidden]{display:none}.generation-result[data-tone=success]{border-color:#61d68e73}.generation-result[data-tone=error]{border-color:#ff6f6f8c}.generation-result p{margin:0;font-size:13px;line-height:1.45}.generation-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.generation-images img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.info-page{width:min(880px,100% - 32px);margin:0 auto;padding:30px 0 64px}.info-nav{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;font-size:14px;display:flex}.info-nav a{border:1px solid var(--line);background:var(--panel-strong);border-radius:999px;padding:7px 10px}.info-hero,.info-section{border:1px solid var(--line);background:var(--panel-strong);border-radius:16px}.info-hero{gap:10px;padding:clamp(22px,4vw,36px);display:grid}.info-hero p,.info-hero small{color:var(--muted);margin:0;font-weight:650}.info-hero h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(30px,4.8vw,46px);line-height:1.06}.info-hero span{max-width:700px;color:var(--muted);font-size:clamp(15px,2vw,18px);line-height:1.6}.info-primary-link{background:var(--accent);color:#fff;border-radius:999px;width:max-content;margin-top:8px;padding:13px 20px;font-weight:760}.info-sections{gap:16px;margin-top:18px;display:grid}.info-section{padding:clamp(18px,3vw,26px)}.info-section h2{letter-spacing:0;margin:0 0 12px;font-size:clamp(20px,2.3vw,26px)}.info-section p{max-width:780px;color:var(--muted);margin:0;font-size:15px;line-height:1.72}.info-section p+p{margin-top:10px}.quality-label{color:var(--soft);margin:0;padding-top:4px;font-size:13px}.quality-tabs{background:var(--bg);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:4px;display:grid}.quality-tabs button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:999px;font-size:14px}.quality-tabs button.active{color:var(--text);background:var(--panel-strong);box-shadow:0 4px 12px #3d2e1e1a}.quick-options{grid-template-columns:1.25fr minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid;overflow:visible}.option-menu{position:relative}.option-menu>button{width:100%;min-height:46px;color:var(--text);background:var(--panel-strong);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;gap:9px;display:flex;box-shadow:0 4px 12px #3d2e1e0f}.batch-menu>button{grid-template-columns:34px 1fr 34px;gap:0;padding:0;display:grid;overflow:hidden}.batch-menu>button span{color:#737987;border-right:1px solid var(--line);place-items:center;height:100%;display:grid}.batch-menu>button span:last-child{border-right:0;border-left:1px solid var(--line)}.option-list{z-index:50;background:var(--panel-strong);border:1px solid var(--line);border-radius:14px;gap:2px;min-width:160px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 18px 48px #3d2e1e2e}.option-list[hidden]{display:none}.option-list button{min-height:38px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 10px;display:flex}.option-list button:before{content:"";border:2px solid #222;border-radius:3px;width:14px;height:14px}.option-list button:hover{background:var(--accent-soft)}.option-list button[data-locked]{color:#9aa0ad}.option-list button span{color:#9aa0ad;margin-left:auto;font-size:12px}.aspect-menu .option-list{width:170px;max-height:328px;left:50%;overflow:auto;transform:translate(-50%)}.resolution-menu .option-list{width:310px;left:auto;right:0}.resolution-list button{grid-template-columns:20px 1fr auto;align-items:start;min-height:66px;display:grid}.resolution-list button strong,.resolution-list button small{grid-column:2}.resolution-list button small{color:#737987;font-size:13px}.model-menu{width:min(210px,100%);margin:12px auto 0;position:relative}.model-menu>button{width:100%;min-height:46px;color:var(--muted);background:var(--bg);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex}.model-menu>button span{color:var(--text)}.model-menu-list{z-index:30;background:var(--panel-strong);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:16px;gap:6px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0}.model-menu-list[hidden]{display:none}.model-menu-list button{min-height:36px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:10px;padding:0 10px}.model-menu-list button:hover,.model-menu-list button.selected{color:var(--text);background:var(--accent-soft)}.install-box{background:var(--bg);border-radius:12px;gap:8px;padding:12px;display:grid}.install-box p{color:var(--muted);margin:0;font-size:13px}.install-box button{overflow-wrap:anywhere;white-space:normal;text-align:left}.panel-collapsed .generator{padding-right:14px}.panel-collapsed .generator-card{border-radius:999px;place-items:center;width:48px;min-height:48px;padding:0;display:grid;position:sticky;top:18px}.panel-collapsed .generator-card>:not(.generator-header){display:none}.panel-collapsed .generator-header{display:block}.panel-collapsed .generator-header h2{display:none}.panel-collapsed .generator-header-actions{display:block}.panel-collapsed .generator-header-actions button{color:#0000;background:url(/public/logo.png) center / 28px 28px no-repeat var(--panel-strong);border-radius:999px;width:48px;height:48px;padding:0}.detail-dialog{background:0 0;border:0;border-radius:22px;width:min(1062px,100% - 72px);max-width:none;height:min(684px,100vh - 72px);padding:0;overflow:visible}.detail-dialog::backdrop,.referral-dialog::backdrop,.pricing-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14120f85}.detail-view{background:var(--panel-strong);border-radius:22px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.88fr) minmax(330px,.72fr);height:100%;min-height:0;display:grid;overflow:hidden}.detail-image-wrap{background:linear-gradient(135deg,#f6f6f6,#ebe4d9);place-items:center;min-height:0;padding:22px;display:grid;position:relative;overflow:hidden}.detail-image-wrap img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:var(--shadow);border-radius:16px}.detail-close{background:#ffffffe0;border:0;border-radius:999px}.detail-close.outside{z-index:2;width:48px;height:48px;font-size:28px;position:absolute;top:-18px;right:-18px}.detail-info{border-left:1px solid var(--line);grid-template-rows:auto auto auto minmax(180px,1fr) auto;gap:9px;height:100%;min-height:0;padding:20px;display:grid;overflow:visible}.detail-toolbar{justify-content:flex-end;gap:8px;display:flex}.detail-toolbar button{min-height:34px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:0 12px;font-size:13px;font-weight:650}.detail-toolbar button:hover{color:var(--text);background:var(--panel-strong)}.detail-toolbar button:disabled{cursor:not-allowed;opacity:.45}.detail-author{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.detail-author img{object-fit:cover;border-radius:999px;width:40px;height:40px}.detail-author h2{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 4px;font-size:18px;line-height:1.25;display:-webkit-box;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.detail-author p,.detail-stats{color:var(--muted);margin:0}.detail-prompt-title{margin:2px 0 0;font-size:15px;font-weight:750}.detail-prompt{color:#292621;background:var(--bg);white-space:pre-wrap;border-radius:14px;height:100%;min-height:0;max-height:clamp(220px,48vh,440px);padding:14px;font-size:14px;line-height:1.58;overflow:auto}.detail-actions{grid-template-columns:1fr 1fr;align-self:end;gap:10px;max-height:56px;padding-top:2px;display:grid}.detail-actions button{color:#fff;background:var(--accent);border:0;border-radius:10px;height:44px;min-height:44px;padding:10px 14px;font-size:14px;font-weight:800;line-height:1.15}.referral-dialog{background:var(--panel-strong);width:min(560px,100% - 36px);box-shadow:var(--shadow);border:0;border-radius:20px;padding:24px;overflow:visible}.pricing-dialog{background:var(--panel-strong);width:min(1160px,100% - 36px);max-height:min(850px,100vh - 40px);box-shadow:var(--shadow);border:0;border-radius:22px;padding:20px;overflow:visible}.pricing-close{z-index:10;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14120f8a;border:0;border-radius:999px;place-items:center;width:48px;height:48px;font-size:30px;display:grid;position:absolute;top:-22px;right:-22px}.pricing-hero{text-align:center;background:radial-gradient(circle at 72% 12%, #b489ff47, transparent 34%), radial-gradient(circle at 90% 90%, #ff99602e, transparent 32%), var(--bg);border-radius:18px;gap:8px;padding:28px;display:grid}.pricing-hero h2{letter-spacing:0;margin:0;font-size:clamp(32px,4vw,48px)}.pricing-hero p{color:var(--muted);margin:0;font-size:16px}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.pricing-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-content:start;gap:11px;min-height:430px;padding:22px;display:grid}.pricing-card.highlighted{border-color:#2183ff;box-shadow:inset 0 0 0 1px #2183ff}.pricing-card.ultimate{border-color:#6554f4}.pricing-card h3{justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:22px;display:flex}.pricing-card h3 span{color:#2677ff;text-transform:uppercase;background:#eaf2ff;border-radius:999px;padding:5px 10px;font-size:11px}.pricing-card small,.pricing-card p{color:var(--muted);margin:0}.pricing-card>strong{margin-top:18px;font-size:34px;line-height:1}.pricing-card s{color:var(--soft);font-size:22px}.pricing-card button{color:#fff;background:var(--accent);border:0;border-radius:10px;min-height:44px;margin-top:4px;font-weight:760}.pricing-card.highlighted button{background:#2183ff}.pricing-card.ultimate button{background:#6554f4}.pricing-card button:disabled{color:var(--soft);background:var(--panel-strong);border:1px solid var(--line)}.pricing-card ul{color:var(--muted);gap:9px;margin:10px 0 0;padding:0;list-style:none;display:grid}.pricing-card li:before{content:"✓";color:#19b85b;margin-right:8px;font-weight:800}.referral-close{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14120f8a;border:0;border-radius:999px;place-items:center;width:48px;height:48px;font-size:30px;display:grid;position:absolute;top:-18px;right:-18px}.referral-hero{background:radial-gradient(circle at 78% 10%, #b897ff59, transparent 32%), radial-gradient(circle at 92% 88%, #ff8c4e33, transparent 30%), var(--bg);border-radius:16px;padding:22px}.referral-hero h2{margin-bottom:10px;font-size:26px;line-height:1.1}.referral-hero p,.referral-progress{color:var(--muted);margin:0;font-size:15px}.referral-share-preview{background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;margin-top:14px;padding:10px;display:grid}.referral-share-preview img{aspect-ratio:1.28;object-fit:cover;border-radius:10px;width:96px}.referral-share-preview strong,.referral-share-preview small{display:block}.referral-share-preview strong{color:var(--text);margin-bottom:4px;font-size:14px;line-height:1.25}.referral-share-preview small{color:var(--muted);font-size:12px;line-height:1.4}.referral-steps{gap:14px;margin:24px 0;display:grid}.referral-steps p{color:#2c2924;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:14px;margin:0;font-size:15px;display:grid}.referral-steps span{color:var(--accent);font-size:20px}.referral-steps small{color:#2c2924;font-size:15px}.referral-link{background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:16px;padding:12px;display:grid}.referral-link input{color:#302c27;background:0 0;border:0;outline:0;min-width:0}.referral-link button{color:#fff;background:var(--accent);border:0;border-radius:10px;min-height:40px;padding:0 14px;font-weight:750}.referral-share-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.referral-share-actions button{min-height:36px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:0 12px;font-weight:750}.referral-share-actions button:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.referral-terms{color:var(--muted);text-align:center;text-underline-offset:3px;margin-top:22px;text-decoration:underline;display:block}.login-toast{z-index:80;color:#fff;background:var(--accent);max-width:min(360px,100% - 32px);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:12px;padding:14px 16px;transition:opacity .16s,transform .16s;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}.login-toast.show{opacity:1;transform:translateY(0)}@media (max-width:1200px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.generator{grid-column:2;height:auto;padding:0 24px 28px;position:static}.generator-card{max-width:none}.detail-view{grid-template-columns:1fr;overflow:auto}.detail-dialog{width:min(720px,100% - 28px);height:min(900px,100vh - 28px)}.detail-image-wrap{min-height:0;max-height:42vh}.detail-info{border-left:0;border-top:1px solid var(--line);overflow:visible}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.app-shell{display:block}.sidebar{z-index:20;border-right:0;border-bottom:1px solid var(--line);height:auto;padding:12px 14px;position:sticky}.sidebar-nav,.sidebar-bottom,.sidebar-footer{display:none}.content{padding:14px}.topbar{display:grid;position:static}.hero{grid-template-columns:1fr;padding:18px}.hero img{min-height:180px}.prompt-grid{column-count:2}.history-list{grid-template-columns:repeat(2,minmax(0,1fr))}.generator{padding:0 14px 24px}.generator-card{border-radius:18px}.generator-header-actions{display:none}.mobile-account-bar{background:var(--bg);border:1px solid var(--line);border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;display:grid}.mobile-account-copy{min-width:0}.mobile-account-copy strong,.mobile-account-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-account-copy strong{font-size:14px}.mobile-account-copy small{color:var(--muted);font-size:12px}.mobile-account-bar button{min-height:36px;color:var(--text);background:var(--panel-strong);border:1px solid var(--line);border-radius:10px;padding:0 12px;font-size:13px;font-weight:750}.mobile-account-bar button[hidden]{display:none}}@media (max-width:600px){h1{font-size:38px}.hero-copy{font-size:16px}.gallery-header{flex-direction:column;align-items:flex-start}.sort-tabs{width:100%;overflow-x:auto}.prompt-grid{column-count:1}.history-list,.referral-share-preview{grid-template-columns:1fr}.referral-share-preview img{width:100%}.generator{padding:0 10px calc(20px + env(safe-area-inset-bottom))}.generator-card{gap:11px;padding:12px}.reverse-card,.dropzone{min-height:54px}.prompt-box{padding:13px}.generator textarea{min-height:136px}.quick-options,.quality-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.option-menu>button,.quality-tabs button{width:100%;min-width:0}.model-menu-list,.option-list{max-width:calc(100vw - 44px)}.generate-button{bottom:max(10px, env(safe-area-inset-bottom));z-index:15;position:sticky;box-shadow:0 14px 34px #19171338}.generation-images,.pricing-grid{grid-template-columns:1fr}}