:root{color:#262822;font-synthesis:none;--muted:#777a70;--line:#e5e6dc;--lime:#e5ed9b;background:#f8f8f4;font-family:Avenir Next,Helvetica Neue,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}.page{max-width:1600px;margin:auto;padding:34px 45px 55px}.hero{background:#e9eccf;border:1px solid #e0e4bf;border-radius:17px;grid-template-columns:1.25fr 1fr;min-height:342px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:35px 39px}.eyebrow{letter-spacing:1.6px;color:#7d865e;font-size:9px;font-weight:700}.hero h1,.page-title{letter-spacing:-2.9px;margin:17px 0 16px;font-family:Avenir Next,Helvetica Neue,sans-serif;font-size:clamp(36px,4vw,57px);font-weight:500;line-height:1.1}.hero h1 em,.page-title em{font-family:Georgia,serif;font-weight:400}.hero p{color:#72785d;margin:0 0 23px;font-size:12px;line-height:1.8}.dark-button{color:#f3f4e9;background:#292e23;border:1px solid #292e23;border-radius:7px;justify-content:space-between;align-items:center;gap:28px;padding:13px 18px;font-size:11px;display:inline-flex}.dark-button span{font-size:17px}.hero-art{background:radial-gradient(at 56% 48%,#f5f5e5 0%,#0000 60%);place-items:center;min-width:0;display:grid;position:relative}.hero-spark{color:#6f8050;text-shadow:12px 15px #c4ce99;font-size:200px;line-height:1;transform:rotate(13deg)}.orbit{border:1px solid #b9c59a80;border-radius:50%;width:300px;height:300px;position:absolute;transform:rotate(-25deg)scaleX(.75)}.orbit-two{width:330px;height:250px;transform:rotate(50deg)scaleX(.8)}.art-note{color:#8b9572;font-family:Georgia,serif;font-style:italic;position:absolute;top:42px;right:37px;transform:rotate(8deg)}.art-pill{letter-spacing:1px;background:#f5f5e6d9;border:1px solid #ccd4af;border-radius:20px;padding:10px 17px;font-size:9px;position:absolute;bottom:41px;right:39px;transform:rotate(-8deg)}.section-heading{justify-content:space-between;align-items:center;gap:25px;margin-top:38px;display:flex}.section-heading h2{letter-spacing:-.8px;margin:9px 0;font-family:Avenir Next,Helvetica Neue,sans-serif;font-size:25px;font-weight:600}.section-heading p{color:var(--muted);margin:0;font-size:11px}.search-box{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:10px;width:220px;padding:10px 14px;display:flex}.search-box span{color:#96998c;font-size:22px}.search-box input{background:0 0;border:0;outline:none;width:100%;font-size:11px}.filter-row{justify-content:space-between;align-items:center;gap:12px;margin:25px 0 22px;display:flex}.chips{gap:8px;display:flex}.chip{border:1px solid var(--line);color:#757b6c;background:0 0;border-radius:20px;padding:8px 15px;font-size:10px}.chip.selected{color:#fff;background:#30382b;border-color:#30382b}.filter-row>span{color:#898d80;font-size:10px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px;display:grid}.app-card{text-align:left;color:inherit;background:0 0;border:0;min-width:0;padding:0}.card-image{aspect-ratio:4/4.5;background:linear-gradient(145deg,#d9dfc7,#e9e2d7);border-radius:11px;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.app-card:hover img{transform:scale(1.045)}.card-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#ffffffe0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:17px;transition:opacity .2s;display:grid;position:absolute;bottom:12px;right:12px}.app-card:hover .card-arrow,.app-card:focus-visible .card-arrow{opacity:1}.trending-label{color:#525d37;letter-spacing:1px;background:#f8f9efdb;border-radius:4px;padding:5px 7px;font-size:7px;position:absolute;top:11px;left:10px}.card-copy h3{margin:12px 0 5px;font-size:12px;font-weight:600}.card-copy p{color:#8d9185;margin:0;font-size:10px;line-height:1.5}.page-title{margin-top:17px;font-size:43px}.page-description{color:var(--muted);max-width:750px;margin-bottom:30px;font-size:13px;line-height:1.8}.lab-panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:27px}textarea{resize:vertical;border:1px solid var(--line);border-radius:8px;width:100%;padding:12px;font-size:12px;line-height:1.7}textarea::placeholder{color:#9a9d91}.empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:70px 10px}.empty h3{font-family:Georgia,serif;font-size:25px;font-weight:400}.empty p{font-size:12px}.empty-icon{color:#a5b389;font-size:60px}.outline-button{color:#626a52;background:0 0;border:1px solid #d6d9c9;border-radius:7px;padding:11px 16px;font-size:11px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.metrics-grid article{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;gap:15px;padding:22px;display:flex}.metrics-grid article>span{color:var(--muted);font-size:11px}.metrics-grid strong{letter-spacing:-1px;font-family:Avenir Next,Helvetica Neue,sans-serif;font-size:27px;font-weight:500}.metrics-grid small{color:#909584;font-size:9px;line-height:1.6}.lab-panel{grid-template-columns:1fr auto;align-items:center;gap:20px;margin-top:24px;display:grid}.lab-panel h2{letter-spacing:-.5px;font-size:20px;font-weight:500}.lab-panel p{color:var(--muted);font-size:12px;line-height:1.8}.benchmark-results{border-top:1px solid var(--line);grid-column:1/-1;gap:50px;padding-top:25px;display:flex}.benchmark-results>div{color:var(--muted);font-size:10px}.benchmark-results strong{color:#3b4530;margin-top:12px;font-size:25px;font-weight:500;display:block}#benchmark-status{grid-column:1/-1;font-size:11px}.lab-footer{justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.lab-footer p{color:var(--muted);font-size:10px;line-height:1.8}.benchmark-surface{visibility:hidden;pointer-events:none;width:100%;top:0;left:0;position:fixed!important}.boot{text-align:center;place-content:center;min-height:100vh;display:grid}.boot strong{font-family:Avenir Next,Helvetica Neue,sans-serif;font-size:35px}.boot strong span{color:#8e9f61;margin-left:12px}.boot p{color:#899077;font-size:12px}@media (min-width:1500px){.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1100px){.page{padding:28px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy{padding:30px}.hero-spark{font-size:150px}.orbit{width:240px;height:240px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.page{padding:22px 18px 35px}.hero{grid-template-columns:1.5fr .6fr;min-height:305px}.hero-copy{padding:28px 23px}.hero .eyebrow{letter-spacing:1px;font-size:7px}.hero h1{letter-spacing:-2px;font-size:40px}.hero-art{opacity:.6}.hero-spark{font-size:115px;transform:translate(-15px)rotate(13deg)}.orbit{width:180px;height:180px}.art-note,.art-pill{display:none}.hero p{font-size:11px}.section-heading{flex-wrap:wrap;gap:18px;margin-top:27px}.section-heading h2{font-size:23px}.search-box{width:100%}.filter-row{align-items:flex-start;margin:20px 0}.chips{flex-wrap:wrap;gap:5px}.chip{padding:8px 11px;font-size:9px}.filter-row>span{white-space:nowrap;padding-top:9px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.card-copy h3{font-size:12px}.page-title{letter-spacing:-2px;font-size:36px}.page-description{font-size:12px}.metrics-grid{gap:10px}.metrics-grid article{padding:15px}.metrics-grid strong{font-size:23px}.lab-panel{padding:20px;display:block}.lab-panel .dark-button{margin:12px 0 23px}.benchmark-results{gap:25px}.benchmark-results strong{font-size:22px}.lab-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (max-width:760px){.hero{grid-template-columns:1fr;min-height:290px}.hero-copy{padding:25px 23px}.hero h1{letter-spacing:-1.8px;font-size:36px}.hero-art{opacity:.18;pointer-events:none;width:155px;height:185px;position:absolute;bottom:30px;right:-42px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#faf7f0;--surface:#faf5eb;--secondary:#f5f0e6;--raised:#fffdf9;--ink:#24211c;--muted:#71695e;--line:#e6e0cc;--accent:#ffd600;--lime:var(--accent);--glass:#faf7f0ed;color:var(--ink);background:var(--background);font-family:ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}button,input,textarea,select{color:inherit}.brand,.boot strong,.page-title,.section-heading h2{font-family:inherit}.brand-logo{border-radius:10px;flex-shrink:0;width:40px;height:40px}.boot-logo{border-radius:20px;margin:0 auto 18px}.boot .boot-title{color:var(--ink);letter-spacing:-1px;margin:0;font-size:34px;font-weight:800}.boot .boot-tagline{color:var(--muted);margin:6px 0 0;font-size:15px;font-weight:500}.boot #boot-status{color:var(--muted);margin-top:14px;font-size:13px}.boot-about{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.boot-noscript{max-width:420px;color:var(--muted);text-align:center;margin:0 auto;padding:0 16px 40px}.eyebrow{color:var(--muted)}.preview-badge{border-color:var(--line)}.app-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.app-heading h1,.page-title{letter-spacing:-1.2px;margin:12px 0;font-size:38px;font-weight:750}.app-heading p{color:var(--muted);font-size:14px}.section-heading{margin-top:28px}.section-heading h2{letter-spacing:-.4px;font-size:22px;font-weight:700}.search-box{background:var(--surface);border:1px solid var(--line);border-radius:999px;min-height:48px}.search-box input{color:var(--ink);font-size:16px}.dark-button{color:#302600;background:linear-gradient(135deg,#fff266,#fd0,#ffa600);border:0;border-radius:14px;min-height:48px;font-size:14px;font-weight:650;box-shadow:0 4px 14px #ffa50020}.dark-button:hover{background:#fd0}.chip{color:var(--muted);min-height:44px;font-size:13px}.chip.selected{background:var(--accent);color:#302600;border-color:var(--accent);font-weight:650}.catalog-grid{gap:20px 16px}.app-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 4px 12px #ffa5000d}.card-image{aspect-ratio:1;background:var(--secondary);border-radius:0}.card-copy{text-align:center;pointer-events:none;background:linear-gradient(#0000,#000b);padding:48px 12px 16px;position:absolute;inset:auto 0 0}.card-copy h3{color:#fff;text-shadow:0 1px 2px #0008;margin:0;font-size:16px;font-weight:700}.card-copy p{display:none}.trending-label{color:#302600;background:#fd0;border-radius:99px}.card-arrow{color:#302600}.omni-title{font-size:42px}.omni-title span{color:#0000;background:linear-gradient(135deg,#fd0,#ffa600);-webkit-background-clip:text;background-clip:text}.lab-panel,.metrics-grid article{background:var(--surface);border-color:var(--line);border-radius:16px}.page-description,.metrics-grid small,.filter-row>span{color:var(--muted)}.metrics-grid strong,.benchmark-results strong{color:var(--ink)}.outline-button{color:var(--ink);background:var(--surface);border-color:var(--line);min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #a66a00}@media (prefers-color-scheme:dark){:root{--background:#14140f;--surface:#1f1f1a;--secondary:#1c1c17;--raised:#1f1f1a;--ink:#f6f3eb;--muted:#bbb4a5;--line:#383329;--accent:#fc3;--glass:#14140fed}}@media (max-width:760px){.page{padding:12px 16px 30px}.app-heading h1{font-size:32px}.app-heading p{font-size:12px}.section-heading{gap:12px;margin-top:20px}.section-heading h2{margin:0}.search-box{width:100%}.filter-row{flex-wrap:wrap;margin:16px 0}.chips{flex-wrap:wrap;gap:6px}.chip{padding:8px 12px;font-size:12px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.card-copy{padding:40px 10px 14px}.card-copy h3{font-size:14px}.card-copy p{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#account-dialog{border:1px solid var(--line);background:var(--surface);width:min(420px,100vw - 32px);color:var(--ink);text-align:center;border-radius:24px;padding:36px 24px}#account-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0007}.account-logo{border-radius:16px}#account-title{letter-spacing:-.6px;font-size:24px}#account-title:focus{outline:none}#account-summary,#account-status{color:var(--muted);overflow-wrap:anywhere;line-height:1.6}#account-status{min-height:24px;font-size:13px}#account-status:empty{min-height:0;margin:0}.close-account{background:var(--secondary);width:36px;height:36px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:22px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.close-account:hover{color:var(--ink);background:var(--line)}.close-account:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account-balance,.account-footer{display:none}#account-dialog.signed-in{text-align:left;padding:24px 20px 16px}.signed-in .account-header{align-items:center;gap:12px;padding-right:44px;display:flex}.signed-in .account-logo{border-radius:12px;flex-shrink:0;width:44px;height:44px}.signed-in .account-identity{min-width:0}.signed-in #account-title{letter-spacing:-.3px;margin:0;font-size:18px}.signed-in #account-summary{margin:2px 0 0;font-size:13px;line-height:1.4}.signed-in .account-balance{background:var(--secondary);border:1px solid var(--line);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:16px 18px;display:flex}#account-credits{color:var(--muted);margin:0;font-size:15px}#account-credits strong{letter-spacing:-1px;color:var(--ink);font-variant-numeric:tabular-nums;margin-right:4px;font-size:36px;font-weight:800}.account-balance-label{color:var(--muted);margin:2px 0 0;font-size:12px}.account-plan{color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:99px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.account-plan.pro{color:#302600;background:var(--accent);border-color:#0000}.signed-in .account-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:12px;display:flex}.account-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:13px;font-weight:600;text-decoration:none}.account-link:hover{color:var(--ink)}#login-providers{justify-items:center;gap:14px;margin-top:24px;display:grid}.apple-signin{width:280px;max-width:100%;height:44px}.apple-signin[inert]{opacity:.4}#google-signin{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:280px;max-width:100%;min-height:44px}#login-providers[aria-busy=true] :is(.apple-signin,#google-signin):empty{background:linear-gradient(100deg, var(--secondary) 30%, var(--line) 50%, var(--secondary) 70%);background-size:300% 100%;border-radius:99px;animation:1.6s linear infinite result-shimmer}#login-providers[aria-busy=true] .apple-signin:empty{opacity:1}#login-providers:not([aria-busy]) :is(.apple-signin,#google-signin):empty,#account-status:empty{display:none}#account-button{border-radius:99px;padding:8px 18px}.history-grid{--row:220px;flex-wrap:wrap;align-content:flex-start;gap:10px;margin-top:24px;display:flex}.history-grid>.history-card{width:calc(var(--ratio,1) * var(--row));max-width:100%;aspect-ratio:var(--ratio,1);flex:none}#history-status{color:var(--muted)}@media (max-width:600px){.history-grid{--row:140px;gap:6px;margin-top:16px}}#history-more{margin-top:24px}#account-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}.billing-panel{text-align:left;margin-top:20px}.billing-panel h3{letter-spacing:-.2px;margin:0 0 4px;font-size:16px}.billing-subtitle{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin:14px 0 8px;font-size:12px;font-weight:700}.billing-options{gap:8px;display:grid}.billing-options:empty{display:none}.billing-option{text-align:left;border:1px solid var(--line);background:var(--background);width:100%;min-height:60px;color:var(--ink);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.billing-option-main{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;display:flex}.billing-option-title{font-size:15px;font-weight:700}.billing-option-detail{color:var(--muted);font-size:13px}.billing-option-price{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:15px;font-weight:700}.billing-option-period{color:var(--muted);font-size:11px;font-weight:500;display:block}.billing-tags{flex-wrap:wrap;gap:4px;display:flex}.billing-tag{border-radius:99px;padding:2px 7px;font-size:11px;font-weight:700}.billing-tag.save{color:#2f7a1f;background:#2f7a1f1a}.billing-tag.best{color:#302600;background:var(--accent)}.billing-option:hover:not(:disabled){border-color:var(--accent);background:var(--surface)}.billing-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.billing-option:disabled,#billing-manage:disabled{opacity:.55;cursor:progress}#billing-manage{width:100%;margin-top:4px}.billing-note{color:var(--muted);margin:0 0 10px;font-size:13px;line-height:1.5}.billing-note:empty{display:none}#billing-status:not(:empty){background:var(--secondary);color:var(--ink);border-radius:12px;padding:10px 12px}#billing-status{min-height:0;margin-top:12px}.billing-fineprint{color:var(--muted);margin:12px 0 0;font-size:11px;line-height:1.5}.billing-fineprint a{color:inherit}@media (prefers-color-scheme:dark){.billing-tag.save{color:#9bdc85;background:#9bdc851f}}.purchase-dialog{border:1px solid var(--line);background:var(--surface);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:24px;padding:28px 20px 18px;overflow-y:auto}.purchase-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0007}.purchase-coin{background:linear-gradient(135deg,#fff266,#fd0,#ffa600);border-radius:50%;width:56px;height:56px;margin:4px auto 12px;box-shadow:inset 0 0 0 8px #ffffff80,0 8px 22px #ffb80055}.purchase-dialog h2{text-align:center;letter-spacing:-.5px;margin:0;font-size:22px}.purchase-need{color:var(--muted);text-align:center;margin:6px 0;font-size:14px}#purchase-status:not(:empty){background:var(--secondary);color:var(--ink);border-radius:12px;margin-top:12px;padding:10px 12px}.purchase-dialog .billing-fineprint{text-align:center}.purchase-compare{width:-moz-fit-content;width:fit-content;color:var(--muted);margin:8px auto 0;font-size:13px;font-weight:650;display:block}.purchase-compare:hover{color:var(--ink)}.purchase-dialog .billing-option:has(.billing-tag.best){border:1.5px solid var(--accent);background:var(--raised)}@media (max-width:600px){.purchase-dialog{width:100vw;max-width:100vw;padding-bottom:calc(18px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0;margin:auto 0 0}}.topbar-actions{align-items:center;gap:8px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.create-shell{gap:36px;width:min(1120px,100%);margin:16px auto 0;display:grid}.composer{grid-template-columns:minmax(0,1fr);justify-self:center;gap:18px;width:min(780px,100%);min-width:0;display:grid}.create-head{text-align:center;justify-content:center;align-items:center;gap:16px;padding:0 2px;display:flex}.create-thumb{background:var(--secondary);border-radius:18px;flex:none;place-items:center;width:60px;height:60px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 18px #0000001a}.create-thumb img{object-fit:cover;width:100%;height:100%}.create-head-copy{min-width:0}.template-clear{border:1px solid var(--line);background:var(--secondary);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:50%;flex:none;align-self:flex-start;place-items:center;margin-top:4px;padding:0;font-size:20px;line-height:1;display:grid}.template-clear:hover{color:var(--ink)}.create-head:has(.create-thumb:not([hidden])){text-align:left}.create-title{letter-spacing:-1.1px;overflow-wrap:anywhere;margin:0;font-size:clamp(28px,4vw,40px);line-height:1.15}.create-subtitle{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.5}.omni-word{background:linear-gradient(135deg,#fc0,#ff9500);color:#0000;-webkit-background-clip:text;background-clip:text}.prompt-card{border:1px solid var(--line);background:var(--raised);border-radius:24px;transition:border-color .15s,box-shadow .15s;position:relative;box-shadow:0 1px 2px #0000000a,0 10px 30px #0000000a}.prompt-card:focus-within{border-color:#e0b400;box-shadow:0 0 0 4px #ffd60026,0 10px 30px #ffb8001a}.reference-section{gap:8px;padding:16px 16px 0;display:grid}.reference-row{align-items:center;gap:14px;min-width:0;display:flex}.reference-strip{scrollbar-width:none;gap:10px;min-width:0;margin:-6px -6px -14px;padding:6px 6px 14px;display:flex;overflow-x:auto}.reference-strip::-webkit-scrollbar{display:none}.reference-thumbs{display:contents}.reference-thumb{flex:none;width:96px;height:96px;margin:0;position:relative}.reference-thumb img{object-fit:cover;border:1px solid var(--line);border-radius:18px;width:100%;height:100%}.thumb-remove{color:#fff;cursor:pointer;background:#000a;border:0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;font-size:17px;line-height:1;display:grid;position:absolute;top:6px;right:6px}.thumb-remove:hover{background:#000d}.add-photo{background:var(--secondary);color:#c99a00;cursor:pointer;border:1.5px dashed #e0b400;border-radius:18px;flex:none;place-content:center;justify-items:center;gap:4px;width:96px;height:96px;transition:background .15s,border-color .15s;display:grid;position:relative}.add-photo:has(input:focus-visible){border-style:solid;border-color:#ffa600;box-shadow:0 0 0 3px #ffa6004d}.add-photo>span{font-size:32px;font-weight:300;line-height:1}.add-photo small{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:650}.add-photo input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.reference-meta{flex:none;justify-items:start;gap:0;display:grid}#reference-limit{color:var(--muted);margin:0;font-size:14px}.link-button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:600}.link-button:hover{color:var(--ink)}.reference-meta .link-button{text-underline-offset:2px;padding:2px 0 0;font-size:13px;text-decoration:underline}.create-note{color:var(--muted);margin:0;padding:0 2px;font-size:12px}.prompt-field{position:relative}.prompt-footer{flex-wrap:wrap;align-items:center;gap:10px 12px;padding:4px 12px 12px 16px;display:flex}.prompt-card textarea{width:100%;min-height:104px;max-height:45dvh;color:var(--ink);font:inherit;resize:none;field-sizing:content;background:0 0;border:0;border-radius:24px 24px 0 0;padding:16px 52px 10px 20px;font-size:16px;line-height:1.6;display:block}.reference-section:not([hidden])+.prompt-field textarea{border-radius:0}.prompt-card textarea:focus,.prompt-card textarea:focus-visible{outline:none}.prompt-card textarea::placeholder{color:var(--muted);opacity:.8}.prompt-clear{background:var(--secondary);width:28px;height:28px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;font-size:18px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.prompt-clear:hover{color:var(--ink);background:var(--line)}.create-options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill{display:inline-flex;position:relative}.pill select{appearance:none;border:1px solid var(--line);background:var(--secondary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%2371695e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center / 12px;max-width:220px;min-height:38px;color:var(--ink);font:inherit;text-overflow:ellipsis;cursor:pointer;field-sizing:content;border-radius:99px;padding:0 30px 0 14px;font-size:14px;font-weight:600}.pill select:hover:not(:disabled){border-color:#e0b400}.pill:first-child select{background-color:#ffd60026;border-color:#ffd60066}.create-options .pill.is-setting{display:none}.prompt-footer{position:relative}.settings-button{border:1px solid var(--line);background:var(--secondary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%2371695e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center / 12px;max-width:100%;min-height:38px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:99px;align-items:center;gap:8px;padding:0 30px 0 12px;font-size:14px;font-weight:600;display:inline-flex}:is(.settings-button:hover,.prompt-footer:has(.settings-panel:popover-open) .settings-button){border-color:#e0b400}.settings-summary{text-overflow:ellipsis;min-width:0;overflow:hidden}.ratio-icon{box-sizing:border-box;border:1.6px solid;border-radius:3px;flex:none;width:16px;height:16px;display:inline-block}.ratio-icon.is-free{border-style:dashed}.settings-panel{inset:auto;top:var(--top,50%);left:var(--left,50%);width:500px;max-width:calc(100vw - 16px);max-height:var(--max,calc(100dvh - 16px));border:1px solid var(--line);background:var(--raised);color:var(--ink);border-radius:22px;margin:0;padding:14px 16px 18px;position:fixed;overflow:auto;box-shadow:0 20px 50px #0003}.settings-panel::backdrop{background:0 0}.settings-panel:not([popover]){z-index:10;position:absolute;top:calc(100% + 6px);left:12px}.settings-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-head h3{letter-spacing:-.2px;margin:0;font-size:15px}.settings-done{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:14px;font-weight:700}.settings-done:hover{color:var(--ink)}.setting{border:0;min-width:0;margin:12px 0 0;padding:0}.setting legend{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;margin-bottom:6px;padding:0;font-size:12px;font-weight:700}.segments{flex-wrap:wrap;gap:6px;display:flex}.segment{border:1px solid var(--line);background:var(--secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:52px;min-height:36px;padding:0 13px;font-size:14px;font-weight:650;transition:background .15s,border-color .15s;display:inline-flex;position:relative}.segment input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segment:hover{border-color:#e0b400}.segment:has(input:checked){background:var(--accent);color:#302600;border-color:#0000}.segment:has(input:focus-visible){outline-offset:2px;outline:2px solid #e0b400}.is-ratio .segment{gap:6px;padding:0 11px;font-size:13.5px}@media (prefers-color-scheme:dark){.settings-button{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23bbb4a5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.segment:has(input:checked){color:#302600}}@media (max-width:600px){.settings-panel[popover]{width:100%;max-width:100%;max-height:85dvh;padding:16px 16px calc(20px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:24px 24px 0 0;inset:auto 0 0}.settings-panel[popover]::backdrop{background:#0007}.settings-button{max-width:200px}.segment{min-height:44px}}.model-button{background-color:#ffd60026;border-color:#ffd60066}.model-panel{width:440px}.model-panel:popover-open{flex-direction:column;display:flex;overflow:hidden}.model-panel:popover-open .model-list{overscroll-behavior:contain;min-height:0;margin:0 -8px;padding:0 8px 2px;overflow-y:auto}.model-search{margin:12px 0 2px;display:block}.model-search input{border:1px solid var(--line);background:var(--secondary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2371695e' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E") no-repeat 12px center / 17px;width:100%;min-height:42px;color:var(--ink);font:inherit;border-radius:12px;padding:0 14px 0 38px;font-size:15px}.model-search input:focus{outline:none}.model-search input:focus-visible{border-color:#e0b400;box-shadow:0 0 0 3px #ffd60033}.model-group{border:0;min-width:0;margin:12px 0 0;padding:0}.model-group legend{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;margin-bottom:4px;padding:0 12px;font-size:12px;font-weight:700}.model-row{cursor:pointer;border-radius:12px;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"logo name cost""logo detail cost";align-items:center;gap:1px 12px;min-height:46px;padding:7px 40px 7px 12px;transition:background .15s;display:grid;position:relative}.model-row input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.model-row:hover{background:var(--secondary)}.model-row:has(input:checked){background:#ffd6002e}.model-row:has(input:checked):after{content:"";background:#b58500;width:18px;height:18px;position:absolute;top:50%;right:14px;translate:0 -50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 10.5 3.5 3.5 7.5-8'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 10.5 3.5 3.5 7.5-8'/%3E%3C/svg%3E") 50%/contain no-repeat}.model-row:has(input:focus-visible){outline-offset:-2px;outline:2px solid #e0b400}.model-logo,.model-mark{color:var(--ink);flex:none;place-items:center;display:grid}.model-logo{grid-area:logo;width:32px;height:32px}.model-logo img,.model-logo .logo-mono{width:24px;height:24px}.model-mark{width:18px;height:18px;margin-left:-3px}.model-mark img,.model-mark .logo-mono{width:17px;height:17px}.logo-mono{-webkit-mask:var(--logo) center / contain no-repeat;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;background:currentColor;display:block}.model-logo.is-initial,.model-mark.is-initial{border:1.5px solid;border-radius:50%;font-weight:800}.model-logo.is-initial{width:26px;height:26px;margin:3px;font-size:13px}.model-mark.is-initial{width:16px;height:16px;font-size:9px}.model-copy,.model-about{display:contents}.model-copy strong{grid-area:name;min-width:0;font-size:14.5px;font-weight:700}.model-detail{min-width:0;color:var(--muted);grid-area:detail;font-size:12px}.model-cost{color:var(--muted);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:cost;font-size:12.5px;font-weight:600}.model-sep{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.model-sep:has(+.model-cost:empty){display:none}.model-empty{color:var(--muted);text-align:center;margin:0;padding:24px 0 12px;font-size:14px}@media (prefers-color-scheme:dark){.model-button{background-color:#ffcc331f;border-color:#fc35}.model-row:has(input:checked):after{background:#fc3}.model-search input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23bbb4a5' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E")}}@media (max-width:600px){.model-panel[popover]{width:100%}.model-button{max-width:160px}}.prompt-more{color:var(--muted);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin:-2px 0 4px 20px;padding:4px 0;font-size:13px;font-weight:650;text-decoration:underline;display:none}.prompt-more:hover{color:var(--ink)}.prompt-field.is-folded .prompt-more{display:block}.prompt-field.is-folded textarea{max-height:calc(4.8em + 26px);overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}@media (max-width:600px){.prompt-more{margin-left:16px}}.generate-row{gap:8px}.improve-button{--wand:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.5 16.5 9-9'/%3E%3Cpath d='m11 6 3 3'/%3E%3Cpath d='M15 2.5v3M13.5 4h3M16.5 10v2M15.5 11h2M7.5 2.5v2M6.5 3.5h2'/%3E%3C/svg%3E");background:linear-gradient(135deg, #fff26647, #ffa60024), var(--raised);min-height:50px;color:var(--ink);font:inherit;cursor:pointer;border:1px solid #e0b4008c;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:0 20px 0 17px;font-size:15px;font-weight:700;transition:border-color .15s,background .15s,opacity .15s,transform .15s;display:inline-flex;box-shadow:inset 0 1px #fffc,0 2px 8px #3c28000f}.improve-button:before{content:"";width:19px;height:19px;-webkit-mask:var(--wand) center / contain no-repeat;-webkit-mask:var(--wand) center / contain no-repeat;mask:var(--wand) center / contain no-repeat;background:linear-gradient(135deg,#e0a000,#ff7a00);flex:none}.improve-button:hover:not(:disabled){background:linear-gradient(135deg, #fff26673, #ffa60038), var(--raised);border-color:#e0b400}.improve-button:active:not(:disabled){transform:scale(.97)}.improve-button:disabled{opacity:.45;cursor:default}.improve-button.is-busy{opacity:1;cursor:progress}.improve-button.is-busy:before{background:0 0;border:2px solid #e0a000;border-right-color:#0000;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite improve-spin;-webkit-mask:none;mask:none}@keyframes improve-spin{to{transform:rotate(360deg)}}.prompt-tools{background:#ffd6001a;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 18px 8px;padding:8px 12px;display:flex}.prompt-tools:not(:has(.improve-status:not(:empty),.improve-undo:not([hidden]))){display:none}.improve-status{color:var(--muted);flex:220px;margin:0;font-size:12.5px;line-height:1.45}.improve-status:before{content:"";vertical-align:-2px;width:13px;height:13px;-webkit-mask:var(--wand-small) center / contain no-repeat;-webkit-mask:var(--wand-small) center / contain no-repeat;mask:var(--wand-small) center / contain no-repeat;background:#d99a00;margin-right:6px;display:inline-block}.prompt-tools{--wand-small:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.5 16.5 9-9'/%3E%3Cpath d='m11 6 3 3'/%3E%3Cpath d='M15 2.5v3M13.5 4h3M16.5 10v2M15.5 11h2M7.5 2.5v2M6.5 3.5h2'/%3E%3C/svg%3E")}.improve-status:empty{display:none}.improve-status.is-error{color:#b42318}.improve-status.is-error:before{display:none}.prompt-tools:has(.improve-status.is-error){background:#d93b2b14}.improve-undo{color:var(--ink);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:12.5px;font-weight:700;text-decoration:underline}@media (max-width:600px){.prompt-tools{margin:0 12px 8px}.improve-button{flex:none;width:50px;padding:0}.improve-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.generate-row .generate-button{flex:1}}@media (prefers-color-scheme:dark){.improve-status.is-error{color:#ff8a73}.improve-button{background:linear-gradient(135deg, #fc33, #ffa6001a), var(--raised);box-shadow:none;border-color:#fc36}.improve-button:before{background:linear-gradient(135deg,#ffd34d,#ff9a1f)}.prompt-tools{background:#ffcc3314}}.prompt-count{color:var(--muted);font-variant-numeric:tabular-nums;opacity:0;font-size:12px;transition:opacity .15s;position:absolute;bottom:4px;right:18px}.prompt-card:focus-within .prompt-count{opacity:1}.prompt-field:has(.improve-status:not(:empty),.improve-undo:not([hidden])) .prompt-count{display:none}.generate-row{align-items:center;margin-left:auto;display:flex}.cost-label{color:#302600d9;white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:15px;font-weight:650;line-height:1;display:inline-flex}.cost-label:before{content:"•";content:"•" / "";color:#30260080;font-size:12px;font-weight:500}.cost-label[data-state=none],.generate-button:disabled .cost-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.generate-button{border-radius:99px;justify-content:center;gap:8px;min-height:50px;padding:0 24px;font-size:16px;font-weight:750}.generate-button:before{content:"✦";content:"✦" / "";font-size:15px}.generate-button:disabled{opacity:.6;cursor:progress}.create-feedback{border:1px solid var(--line);background:var(--secondary);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 12px 12px 16px;display:flex}.create-feedback:not(:has(.generation-status:not(:empty),.create-actions button:not([hidden]))){display:none}.generation-status{color:var(--ink);flex:220px;margin:0;font-size:14px;line-height:1.5}.generation-status:empty{display:none}.create-actions:not(:has(:not([hidden]))){display:none}.generation-status.is-quiet{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.create-feedback:has(.generation-status.is-quiet):not(:has(.create-actions button:not([hidden]))){clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.create-actions{gap:8px;margin-left:auto;display:flex}.create-actions .outline-button{border:1px solid var(--line);background:var(--raised);cursor:pointer;border-radius:99px;min-height:36px;padding:0 16px;font-size:13px;font-weight:700}.create-actions #get-credits{background:var(--accent);color:#302600;border-color:#0000}@media (prefers-color-scheme:dark){.add-photo{color:#fc3;border-color:#fc39}.pill select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23bbb4a5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.pill:first-child select{background-color:#ffcc331f;border-color:#fc35}}@media (max-width:600px){.create-shell{gap:20px;margin-top:0}.composer{gap:14px}.create-thumb{border-radius:14px;width:52px;height:52px}.create-title{font-size:26px}.create-subtitle{font-size:13px}.reference-section{padding:12px 12px 0}.reference-thumb,.add-photo{border-radius:14px;width:64px;height:64px}.reference-thumb img{border-radius:14px}.add-photo>span{font-size:28px}.add-photo small{display:none}.reference-row{gap:12px}#reference-limit,.reference-meta .link-button{font-size:13px}.prompt-card textarea{min-height:88px;padding:12px 48px 8px 16px}.prompt-footer{padding:4px 12px 12px}.create-options{scrollbar-width:none;flex-wrap:nowrap;flex:100%;min-width:0;margin:0 -12px;padding:2px 12px;overflow-x:auto}.create-options::-webkit-scrollbar{display:none}.pill{flex:none}.pill select{max-width:160px}.prompt-count{display:none}.generate-row{flex:100%;margin-left:0}.generate-button{width:100%}.create-actions{margin-left:0}}main{min-height:100dvh;padding:72px 0 calc(104px + env(safe-area-inset-bottom));flex-direction:column;display:flex}main>.page{width:100%;margin:0 auto}.app-header{z-index:5;background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);justify-content:space-between;align-items:center;gap:12px;height:64px;padding:0 24px;display:flex;position:fixed;inset:0 0 auto}.brand{color:inherit;letter-spacing:-.7px;white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand-logo{border-radius:10px;flex-shrink:0;width:36px;height:36px;box-shadow:0 2px 8px #ffb80033}.topbar-link{min-height:40px;color:var(--muted);align-items:center;padding:0 10px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.topbar-link:hover{color:var(--ink)}.topbar-actions:has(#header-credits:not([hidden])) .topbar-link{display:none}.credit-pill,#account-button{border:1px solid var(--line);background:var(--glass);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:650;transition:border-color .15s,background .15s;display:inline-flex}.credit-pill{font-variant-numeric:tabular-nums;padding:0 4px 0 10px;font-weight:750}.credit-pill:before{content:"";background:linear-gradient(135deg,#fff266,#fd0,#ffa600);border-radius:50%;flex:none;width:18px;height:18px;box-shadow:inset 0 0 0 4px #ffffff80}.credit-plus{background:var(--accent);color:#302600;border-radius:50%;place-items:center;width:30px;height:30px;font-size:18px;font-weight:700;line-height:1;transition:transform .15s;display:grid}.credit-pill:hover .credit-plus{transform:scale(1.08)}#account-button:not([data-avatar]):not(:hover){background:var(--ink);color:var(--background);border-color:#0000}#account-button[data-avatar]{width:40px;color:var(--ink);gap:0;padding:0;font-size:0;transition:box-shadow .15s,transform .15s}#account-button[data-avatar]:before{content:"";background:currentColor;width:22px;height:22px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='black'%3E%3Ccircle cx='10' cy='7' r='3.6'/%3E%3Cpath d='M3.5 17.2c.6-3.4 3.3-5.4 6.5-5.4s5.9 2 6.5 5.4z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='black'%3E%3Ccircle cx='10' cy='7' r='3.6'/%3E%3Cpath d='M3.5 17.2c.6-3.4 3.3-5.4 6.5-5.4s5.9 2 6.5 5.4z'/%3E%3C/svg%3E") 50%/contain no-repeat}#account-button[data-avatar]:hover{box-shadow:var(--glass-rim,none), 0 0 0 3px #ffd60055;border-color:#e0b400}#account-button[data-avatar]:active{transform:scale(.95)}.diagnostics-nav{display:flex}#nav-performance{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:20px;display:grid}#nav-performance:hover,#nav-performance.active{background:var(--secondary);color:var(--ink)}.tab-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:5;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:99px;gap:4px;padding:6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #0000001f}.tab-bar .nav-item{min-width:88px;min-height:52px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:99px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 18px;font-size:12px;font-weight:650;transition:background .15s,color .15s;display:flex}.tab-bar .nav-item span{font-size:19px;line-height:1}.tab-bar .nav-item:hover:not(.active){background:var(--secondary);color:var(--ink)}.tab-bar .nav-item.active{background:var(--accent);color:#302600}.tab-bar .nav-item:focus-visible{outline-offset:0}@media (max-width:760px){main{padding-top:60px}.app-header{height:56px;padding:0 12px 0 16px}.brand{gap:8px;font-size:18px}.brand-logo{border-radius:8px;width:30px;height:30px}.topbar-actions{gap:4px}.topbar-link,.credit-pill,#account-button{min-height:36px;padding:0 12px;font-size:13px}.topbar-link{padding:0 6px}.credit-pill{gap:6px;padding:0 3px 0 8px}.credit-plus{width:28px;height:28px;font-size:16px}#account-button[data-avatar]{width:36px}.tab-bar{justify-content:space-between;left:16px;right:16px;transform:none}.tab-bar .nav-item{flex:1;min-width:0;padding:4px 8px}}@media (max-width:520px){.brand span{display:none}}.account-help{color:var(--muted);text-align:center;margin:16px 0 0;font-size:13px}.account-help a{color:var(--ink);font-weight:650}.account-legal{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:14px 0 0;font-size:12px;display:flex}.account-legal a{color:var(--muted)}.account-legal a:hover{color:var(--ink)}@media (min-width:761px){main{padding-bottom:40px}.tab-bar{z-index:6;background:var(--secondary);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:2px;padding:4px;top:10px;bottom:auto}.tab-bar .nav-item{flex-direction:row;gap:7px;min-width:0;min-height:36px;padding:0 16px;font-size:14px}.tab-bar .nav-item span{font-size:15px}}@media (min-width:761px) and (max-width:960px){.brand span{display:none}}.canvas{justify-self:center;gap:14px;width:min(780px,100%);min-width:0;display:grid}.canvas-head{justify-content:space-between;align-items:baseline;gap:12px;padding:0 2px;display:flex}.canvas-head h2{letter-spacing:-.3px;margin:0;font-size:18px}.canvas-status{color:var(--ink);margin:-6px 0 0;padding:0 2px;font-size:13px}.canvas-status:empty{display:none}.creations-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.creations-grid:not(:has(.result-card)){display:none}.creations-grid>div{display:contents}.canvas-empty{border:1px dashed var(--line);border-radius:22px;place-items:center;min-height:200px;display:grid}.canvas-placeholder{color:var(--muted);text-align:center;justify-items:center;gap:14px;padding:24px;font-size:14px;display:grid}.canvas-placeholder p{margin:0}.placeholder-art{display:flex}.placeholder-art img{object-fit:cover;border:3px solid var(--surface);opacity:.9;border-radius:16px;width:72px;height:72px;margin-left:-16px;box-shadow:0 8px 20px #0000001f}.placeholder-art img:first-child{margin-left:0;transform:rotate(-8deg)}.placeholder-art img:nth-child(2){transform:rotate(-2deg)translateY(-6px)}.placeholder-art img:nth-child(3){transform:rotate(3deg)}.placeholder-art img:nth-child(4){transform:rotate(9deg)translateY(4px)}.result-card{aspect-ratio:1;margin:0;position:relative}.result-image{background:var(--secondary);cursor:zoom-in;border:0;border-radius:14px;width:100%;height:100%;padding:0;display:block;overflow:hidden}.result-image img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.result-card:hover .result-image img{transform:scale(1.04)}.result-card figcaption{color:var(--muted);text-align:center;font-size:12px;font-weight:600;position:absolute;inset:auto 8px 10px}.result-placeholder{background:linear-gradient(100deg, var(--secondary) 30%, var(--line) 50%, var(--secondary) 70%);background-size:300% 100%;border-radius:14px;width:100%;height:100%;animation:1.6s linear infinite result-shimmer}.result-card.is-failed .result-placeholder{background:var(--secondary);animation:none}.result-card .result-failure{flex-direction:column;justify-content:center;gap:6px;padding:14px 12px;display:flex;inset:0;overflow:hidden}.result-failure:before{content:"!";color:#c2412d;background:#d93b2b1f;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;margin:0 auto 2px;font-size:15px;font-weight:800;display:grid}.result-failure strong{color:var(--ink);font-size:13px;font-weight:750}.result-reason{-webkit-line-clamp:5;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.result-refund{white-space:nowrap;text-overflow:ellipsis;color:#2f7a34;background:#3c964621;border-radius:99px;align-self:center;max-width:100%;padding:2px 8px;font-size:11px;font-weight:700;overflow:hidden}.result-delete{z-index:2;color:#fff;min-width:30px;height:30px;font:inherit;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c18128c;border:0;border-radius:99px;align-items:center;gap:4px;padding:0 7px;font-size:12px;font-weight:700;transition:opacity .15s,background .15s;display:flex;position:absolute;top:8px;right:8px}.result-delete:before{content:"";width:16px;height:16px;-webkit-mask:var(--trash) center / contain no-repeat;-webkit-mask:var(--trash) center / contain no-repeat;mask:var(--trash) center / contain no-repeat;background:currentColor;flex:none}.result-card:hover .result-delete,.result-delete:focus-visible,.result-delete.is-confirm,.result-card.is-failed .result-delete{opacity:1}.result-delete:hover{background:#1c1812c7}.result-delete.is-confirm{background:#d93b2b}.result-delete:disabled{cursor:progress;opacity:.6}.result-delete:not(.is-confirm) .delete-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:none){.result-delete{opacity:1}}.result-delete,[data-action=delete]{--trash:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5.5h13M8 5.5V4h4v1.5M5.5 5.5l.8 10.2a1.5 1.5 0 0 0 1.5 1.3h4.4a1.5 1.5 0 0 0 1.5-1.3l.8-10.2M8.5 9v4.5M11.5 9v4.5'/%3E%3C/svg%3E");--icon:var(--trash)}.studio-toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:20;color:#fff;text-align:center;opacity:0;pointer-events:none;background:#24211c;border-radius:18px;width:max-content;max-width:min(480px,100vw - 32px);margin:0;padding:10px 18px;font-size:14px;font-weight:600;line-height:1.4;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,12px);box-shadow:0 10px 30px #0000002e}.studio-toast.is-shown{opacity:1;transform:translate(-50%)}@media (prefers-color-scheme:dark){.result-refund{color:#9bdc85}.result-failure:before{color:#ff8a73}.studio-toast{color:#24211c;background:#f6f3eb}}@keyframes result-shimmer{to{background-position:-300% 0}}.generation-results .result-card.is-done:after{content:"New";background:var(--accent);color:#302600;pointer-events:none;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;left:8px}@media (max-width:600px){.creations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.result-image,.result-placeholder{border-radius:12px}.result-card .result-failure{cursor:pointer;justify-content:flex-end;gap:3px;padding:6px 6px 8px;font-size:10.5px}.result-failure:before{display:none}.result-failure strong{font-size:11.5px}.result-reason{-webkit-line-clamp:2;line-height:1.3}.result-refund{padding:1px 6px;font-size:10px}.result-delete{min-width:26px;height:26px;padding:0 5px;top:5px;right:5px}.result-delete:before{width:14px;height:14px}.creations-grid:has(#recent-grid:empty):has(#generation-results>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}.preview-dialog{background:var(--raised);width:min(1040px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);border:0;border-radius:24px;padding:0;overflow:hidden;box-shadow:0 30px 80px #0000004d}.preview-dialog[open]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 300px;display:grid}.preview-stage{isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#16140f;place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.preview-stage:before{content:"";z-index:-1;background:var(--backdrop,none) center / cover no-repeat;filter:blur(44px)saturate(1.3)brightness(.5);position:absolute;inset:-60px}.preview-image{place-items:center;width:100%;height:100%;display:grid}.preview-image img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 32px);display:block}.preview-nav{color:#24211c;cursor:pointer;background:#ffffffe0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:50%;translate:0 -50%;box-shadow:0 4px 14px #0000004d}.preview-nav:before{content:"";background:currentColor;width:20px;height:20px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.5 4.5 7 10l5.5 5.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.5 4.5 7 10l5.5 5.5'/%3E%3C/svg%3E") 50%/contain no-repeat}.preview-nav.is-prev{left:14px}.preview-nav.is-next{right:14px}.preview-nav.is-next:before{transform:scaleX(-1)}.preview-nav:disabled{opacity:0;pointer-events:none}.preview-panel{flex-direction:column;gap:16px;min-height:0;padding:60px 22px 22px;display:flex;overflow-y:auto}.preview-panel>*{flex-shrink:0}.preview-prompt{overscroll-behavior:contain;scrollbar-width:thin;min-height:4.65em;color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;flex-shrink:1;margin:0;font-size:15px;line-height:1.55;overflow-y:auto}.preview-prompt.is-scrollable:not(.is-scrolled-end){-webkit-mask-image:linear-gradient(#000 calc(100% - 2.5em),#0000);mask-image:linear-gradient(#000 calc(100% - 2.5em),#0000)}.preview-meta{color:var(--muted);margin:-6px 0 0;font-size:13px;line-height:1.5}.preview-image img{cursor:zoom-in}.preview-count{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#000000a6;border-radius:99px;margin:0;padding:4px 10px;font-size:13px;font-weight:700;position:absolute;top:14px;left:14px}.preview-count:empty{display:none}.preview-mode{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;bottom:14px;right:14px}.preview-mode:before{content:"";background:currentColor;width:18px;height:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5h4.5V8M8 16.5H3.5V12M16.5 3.5 11 9M3.5 16.5 9 11'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5h4.5V8M8 16.5H3.5V12M16.5 3.5 11 9M3.5 16.5 9 11'/%3E%3C/svg%3E") 50%/contain no-repeat}.preview-mode[aria-pressed=true]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 8H12V3.5M3.5 12H8v4.5M12 8l4.5-4.5M8 12l-4.5 4.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 8H12V3.5M3.5 12H8v4.5M12 8l4.5-4.5M8 12l-4.5 4.5'/%3E%3C/svg%3E")}.preview-mode:hover{background:#000000e0}.preview-dialog.is-image-only{background:#0b0a08;border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.preview-dialog.is-image-only[open]{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr}.preview-dialog.is-image-only .preview-panel{display:none}.preview-dialog.is-image-only .preview-stage{background:#0b0a08}.preview-dialog.is-image-only .preview-image img{cursor:zoom-out;max-height:100dvh}.preview-dialog.is-image-only .preview-close{top:calc(14px + env(safe-area-inset-top));color:#fff;background:#000000a6}.preview-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:220px;padding:3px;display:grid;overflow-y:auto}.preview-thumb{aspect-ratio:1;background:var(--secondary);cursor:pointer;opacity:.6;border:0;border-radius:10px;padding:0;transition:opacity .15s,box-shadow .15s;overflow:hidden}.preview-thumb img{object-fit:cover;width:100%;height:100%;display:block}.preview-thumb:hover{opacity:1}.preview-thumb.is-current{opacity:1;box-shadow:0 0 0 2px var(--raised), 0 0 0 4px #e0b400}.preview-actions{gap:8px;margin-top:auto;display:grid}.preview-action{border:1px solid var(--line);background:var(--secondary);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:flex}.preview-action:before{content:"";width:18px;height:18px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor;flex:none}.preview-action:hover{border-color:#e0b400}.preview-action.is-primary{background:var(--accent);color:#302600;border-color:#0000}.preview-action.is-danger{color:#c2412d}.preview-action.is-danger.is-confirm{color:#fff;background:#d93b2b;border-color:#0000}.preview-action:disabled{opacity:.6;cursor:progress}.preview-status{color:var(--muted);text-align:center;margin:0;font-size:13px}.preview-status:empty{display:none}.preview-close{background:var(--secondary);width:34px;height:34px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;font-size:20px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.preview-close:hover{background:var(--line)}[data-action=download]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 3v10M5.5 8.5 10 13l4.5-4.5M4 16.5h12'/%3E%3C/svg%3E")}[data-action=reference]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='14' height='14' rx='3'/%3E%3Cpath d='M10 6.5v7M6.5 10h7'/%3E%3C/svg%3E")}[data-action=copy]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='7' width='10' height='10' rx='2'/%3E%3Cpath d='M13 4.5A1.5 1.5 0 0 0 11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13'/%3E%3C/svg%3E")}@media (max-width:760px){.preview-dialog{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.preview-dialog[open]{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.preview-image img{max-height:calc(100dvh - 220px)}.preview-panel{padding:14px 16px calc(14px + env(safe-area-inset-bottom));gap:10px}.preview-prompt{max-height:3.1em;font-size:14px;overflow-y:auto}.preview-count{top:calc(18px + env(safe-area-inset-top));left:16px}.preview-mode{bottom:12px;right:12px}.preview-dialog.is-image-only .preview-mode{bottom:calc(12px + env(safe-area-inset-bottom))}.preview-strip{scrollbar-width:none;max-height:none;display:flex;overflow:auto hidden}.preview-strip::-webkit-scrollbar{display:none}.preview-thumb{flex:none;width:44px}.preview-actions{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.preview-action{border-radius:16px;flex-direction:column;gap:3px;min-height:52px;padding:6px;font-size:12px}.preview-close{top:calc(12px + env(safe-area-inset-top));color:#fff;background:#000000a6}.preview-nav{width:36px;height:36px}}main>#page-apps,main>#page-history{width:min(1200px,100%)}.app-heading{flex-wrap:wrap;align-items:flex-end}.app-heading h1{margin:12px 0 4px}.app-heading p{margin:0;font-size:15px}.app-heading .search-box{width:320px;min-height:48px;padding:0 16px}.app-heading .search-box input{font-size:15px}.filter-row{margin:20px 0 22px}.history-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.history-head .page-title{margin:12px 0 4px}.history-head .page-description{margin:0;font-size:15px;line-height:1.5}.history-tools{flex:none;align-items:center;gap:8px;display:flex}.history-select{border:1px solid var(--line);min-height:42px;font:inherit;cursor:pointer;border-radius:99px;padding:0 18px;font-size:14px;font-weight:700}.select-mark{z-index:2;cursor:pointer;background:#1c181247;border:2px solid #fff;border-radius:50%;width:26px;height:26px;padding:0;position:absolute;top:8px;right:8px;box-shadow:0 1px 4px #0000004d}.history-card.is-selected .select-mark{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23302600' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center / 14px no-repeat;border-color:#ffb800}.history-card.is-selected:before{content:"";z-index:1;pointer-events:none;background:#ffd60024;border-radius:14px;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #ffb800}.is-selecting .history-card.is-selectable,.is-selecting .history-card.is-selectable .result-image{cursor:pointer}.is-selecting .history-card.is-unselectable{opacity:.45}.is-selecting .result-delete{display:none}.is-selecting .history-grid{padding-bottom:72px}.selection-bar{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:7;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;max-width:calc(100vw - 32px);padding:6px 6px 6px 18px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #0000002e}.selection-bar[hidden]{display:none}#history-selected-count{margin-right:6px;font-size:14px;font-weight:700}.selection-action{background:var(--secondary);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:99px;padding:0 16px;font-size:14px;font-weight:700}.selection-action:hover:not(:disabled){background:var(--line)}.selection-action.is-danger{color:#fff;background:#d93b2b}.selection-action.is-danger:hover:not(:disabled){background:#c2412d}.selection-action:disabled{opacity:.45;cursor:default}@media (min-width:761px){.selection-bar{bottom:28px}}@media (max-width:600px){.select-mark{width:24px;height:24px;top:5px;right:5px}.history-card.is-selected:before{border-radius:12px}.selection-bar{padding-left:14px}.selection-action{padding:0 12px}}.confirm-dialog{border:1px solid var(--line);background:var(--surface);width:min(360px,100vw - 32px);color:var(--ink);text-align:center;border-radius:24px;padding:24px 20px 18px}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e160838}.confirm-dialog h2{letter-spacing:-.4px;margin:0;font-size:20px}.confirm-dialog p{color:var(--muted);margin:8px 0 20px;font-size:14px;line-height:1.5}.confirm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.confirm-actions button{min-height:44px;font:inherit;cursor:pointer;border-radius:99px;font-size:15px;font-weight:700}.danger-button{color:#fff;background:#d93b2b;border:0}.danger-button:hover:not(:disabled){background:#c2412d}.danger-button:disabled{opacity:.6;cursor:progress}.icon-button{width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.icon-button:before{content:"";background:currentColor;width:18px;height:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 10a6 6 0 1 1-1.8-4.3M16 3.5v3.2h-3.2'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 10a6 6 0 1 1-1.8-4.3M16 3.5v3.2h-3.2'/%3E%3C/svg%3E") 50%/contain no-repeat}.icon-button:disabled{opacity:.5;cursor:progress}.history-notice{justify-items:start;gap:14px;margin-top:20px;display:grid}.history-notice:not(.is-card) .placeholder-art{display:none}.history-notice:not(.is-card):not(:has(#history-status:not(:empty),button:not([hidden]))){display:none}.history-notice.is-card{border:1px dashed var(--line);text-align:center;border-radius:22px;justify-items:center;padding:44px 24px}#history-status{color:var(--muted);margin:0;font-size:15px}.history-notice .dark-button{border-radius:99px;justify-content:center;min-height:46px;padding:0 24px;font-size:15px}@media (max-width:760px){.app-heading{flex-direction:column;align-items:stretch;gap:14px}.app-heading h1{margin-top:4px;font-size:32px}.app-heading p{font-size:14px}.app-heading .search-box{width:100%}.filter-row{margin:14px 0 18px}.history-head .page-title{margin-top:4px;font-size:32px}.history-head .page-description{font-size:14px}.history-notice.is-card{padding:36px 20px}}:root{--glass-fill:#ffffff8c;--glass-fill-strong:#fffdf9c7;--glass-fill-quiet:#ffffff61;--glass-edge:#6e541421;--glass-sheen:linear-gradient(180deg, #ffffff80, #fff0 60%);--glass-blur:blur(24px) saturate(180%);--glass-rim:inset 0 1px 0 #fffffff2, inset 0 -1px 1px #fff6, inset 0 0 0 1px #ffffff59;--glass-lift:0 1px 2px #3c28000d, 0 12px 32px #3c280017;--glass-dark:#1c18126b;--glass-dark-rim:inset 0 1px 0 #ffffff59, inset 0 0 0 1px #ffffff29;--tint:linear-gradient(180deg, #ffffff8c, #fff0 52%), linear-gradient(135deg, #fff266, #ffd600 45%, #ffa600);--tint-rim:inset 0 1px 0 #ffffffe6, inset 0 -2px 6px #ff8c0047, 0 8px 22px #ffa60047}@media (prefers-color-scheme:dark){:root{--glass-fill:#34302880;--glass-fill-strong:#22201acc;--glass-fill-quiet:#ffffff0f;--glass-edge:#00000073;--glass-sheen:linear-gradient(180deg, #ffffff1a, #fff0 60%);--glass-rim:inset 0 1px 0 #fff3, inset 0 0 0 1px #ffffff14;--glass-lift:0 1px 2px #0000004d, 0 14px 36px #0006;--tint-rim:inset 0 1px 0 #ffffffbf, inset 0 -2px 6px #ff8c004d, 0 8px 24px #ffa6002e}}body{background:0 0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(42vmax 34vmax at 8% -4%, #ffde5980, transparent 70%), radial-gradient(36vmax 30vmax at 96% 6%, #ffb0805c, transparent 70%), radial-gradient(40vmax 36vmax at 88% 92%, #96c8ff47, transparent 70%), radial-gradient(38vmax 30vmax at 4% 84%, #ffcd783d, transparent 70%), var(--background);position:fixed;inset:0}@media (prefers-color-scheme:dark){body:before{background:radial-gradient(42vmax 34vmax at 8% -4%, #ffc40029, transparent 70%), radial-gradient(36vmax 30vmax at 96% 6%, #ff783c1f, transparent 70%), radial-gradient(40vmax 36vmax at 88% 92%, #5082ff1f, transparent 70%), radial-gradient(38vmax 30vmax at 4% 84%, #ffaa2817, transparent 70%), var(--background)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--glass-fill:var(--surface);--glass-fill-strong:var(--raised,var(--surface))}}@media (prefers-reduced-transparency:reduce){:root{--glass-fill:var(--surface);--glass-fill-strong:var(--raised,var(--surface));--glass-fill-quiet:var(--secondary)}}.tab-bar,.credit-pill,#account-button,.prompt-card,.create-feedback,.canvas-empty,.history-notice.is-card,.icon-button,.search-box,.chip:not(.selected),.outline-button,.preview-action:not(.is-primary),.preview-close,.prompt-clear,.close-account,.add-photo{border:1px solid var(--glass-edge);background:var(--glass-sheen), var(--glass-fill);box-shadow:var(--glass-rim), var(--glass-lift);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.credit-pill,#account-button,.chip:not(.selected),.outline-button,.preview-action:not(.is-primary),.icon-button,.preview-close,.prompt-clear,.close-account{box-shadow:var(--glass-rim), 0 2px 8px #3c280012}.app-header{background:linear-gradient(color-mix(in srgb, var(--background) 72%, transparent), transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.app-header:before{content:"";z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:absolute;inset:0 0 -20px;-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.credit-pill:hover{background:var(--glass-sheen), var(--glass-fill-strong);border-color:var(--glass-edge)}.credit-plus,.tab-bar .nav-item.active,.chip.selected,.account-plan.pro,.billing-tag.best,.create-actions #get-credits,.preview-action.is-primary{background:var(--tint);color:#302600;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px 3px #ff8c0040}.segment:has(input:checked){background:var(--tint);color:#302600;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px 3px #ff8c0040}.dark-button,.generate-button{background:var(--tint);box-shadow:var(--tint-rim);transition:transform .15s,box-shadow .15s,filter .15s}.dark-button:hover:not(:disabled){background:var(--tint);filter:brightness(1.04)saturate(1.1)}.dark-button:active:not(:disabled){transform:scale(.97)}#account-button:not([data-avatar]):not(:hover){background:linear-gradient(180deg, #ffffff38, #fff0 55%), var(--ink);border-color:#0000;box-shadow:inset 0 1px #ffffff4d,0 4px 12px #0000002e}.tab-bar{padding:5px}.tab-bar .nav-item{transition:background .2s,color .2s,transform .2s}.tab-bar .nav-item:hover:not(.active){background:var(--glass-fill-quiet)}.tab-bar .nav-item:active{transform:scale(.95)}@media (min-width:761px){.tab-bar{background:var(--glass-sheen), var(--glass-fill);box-shadow:var(--glass-rim), 0 4px 16px #3c280014;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:4px}}.prompt-card{background:var(--glass-sheen), var(--glass-fill-strong);border-radius:28px}.prompt-card:focus-within{box-shadow:var(--glass-rim), 0 0 0 4px #ffd6002e, 0 14px 36px #ffa60024;border-color:#e0b4008c}.pill select,.settings-button{background-color:var(--glass-fill);border-color:var(--glass-edge);box-shadow:var(--glass-rim)}.settings-button:hover{background-color:var(--glass-fill-strong)}.pill:first-child select,.model-button{background-color:#ffd60033;border-color:#e0b40059}.model-search input{border-color:var(--glass-edge);background-color:var(--glass-fill-quiet);box-shadow:var(--glass-rim)}.pill select:hover:not(:disabled){background-color:var(--glass-fill-strong)}.add-photo{background:var(--glass-fill-quiet);box-shadow:var(--glass-rim);border:1.5px dashed #e0b40080}.add-photo:hover{background:#ffd60024;border-color:#ffa600cc}.add-photo:has(input:focus-visible){box-shadow:var(--glass-rim), 0 0 0 3px #ffa6004d;border-style:solid;border-color:#ffa600}.reference-thumb img{border-color:#fff9;box-shadow:0 4px 12px #0000001a}.create-feedback{border-radius:20px}.outline-button{border-radius:99px}.canvas-empty,.history-notice.is-card{background:var(--glass-fill-quiet);box-shadow:var(--glass-rim);border-style:dashed}.result-image{transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 6px 18px #3c28001a}.result-image:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #ffffff2e}.result-card:hover .result-image{box-shadow:0 10px 26px #3c280029}.generation-results .result-card.is-done:after{background:var(--tint);z-index:1;box-shadow:inset 0 1px #fffc}.app-card{box-shadow:var(--glass-lift);border-color:#ffffff80}.trending-label{color:#fff;box-shadow:var(--glass-dark-rim);-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);background:#1c181266}#account-dialog,.purchase-dialog,.settings-panel{border:1px solid var(--glass-edge);background:var(--glass-sheen), var(--glass-fill-strong);box-shadow:var(--glass-rim), 0 30px 80px #00000038;-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%)}#account-dialog::backdrop{-webkit-backdrop-filter:blur(10px)saturate(140%);backdrop-filter:blur(10px)saturate(140%);background:#1e160838}.purchase-dialog::backdrop{-webkit-backdrop-filter:blur(10px)saturate(140%);backdrop-filter:blur(10px)saturate(140%);background:#1e160838}.signed-in .account-balance,.billing-option,.segment,#billing-status:not(:empty),#purchase-status:not(:empty){border-color:var(--glass-edge);background:var(--glass-fill-quiet);box-shadow:var(--glass-rim)}.billing-option:hover:not(:disabled){background:var(--glass-fill);border-color:#e0b40099}.purchase-dialog .billing-option:has(.billing-tag.best){background:#ffd6001f;border-color:#e0b400b3}.account-plan{border-color:var(--glass-edge);background:var(--glass-fill)}.preview-dialog{background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);box-shadow:inset 0 0 0 1px #fff3,0 30px 90px #0006}.preview-dialog::backdrop{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#0e0b068c}.preview-panel{background:var(--glass-sheen)}.preview-nav,.preview-count,.preview-mode,.preview-dialog.is-image-only .preview-close{background:var(--glass-dark);color:#fff;box-shadow:var(--glass-dark-rim), 0 4px 14px #00000040;-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);border:0}.preview-nav:hover,.preview-mode:hover{background:#1c18129e}.preview-thumb{box-shadow:inset 0 0 0 1px #fff3}.preview-thumb.is-current{box-shadow:0 0 0 2px #ffffffe6,0 0 0 4px #e0b400}@media (max-width:760px){.preview-close{background:var(--glass-dark);color:#fff;box-shadow:var(--glass-dark-rim);border:0}.preview-dialog{background:var(--glass-fill-strong)}.preview-action{border-radius:18px}.purchase-dialog{border-width:1px 0 0}}@media (prefers-color-scheme:dark){.app-card{border-color:#ffffff14}.reference-thumb img{border-color:#ffffff1f}.preview-thumb.is-current{box-shadow:0 0 0 2px #0009,0 0 0 4px #fc3}}