.tlc-home{--bg:#0d0e12;--bg-soft:#161820;--brand:#6835e4;--brand-bright:#ae7bff;--text:#fff;--muted:hsla(0,0%,100%,.68);--faint:hsla(0,0%,100%,.42);--glass:hsla(0,0%,100%,.035);--line:hsla(0,0%,100%,.12);--font-brand:"Roboto",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--font-primary:"Roboto",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 18% 4%,rgba(104,53,228,.34),transparent 32rem),radial-gradient(circle at 86% 10%,rgba(163,112,255,.2),transparent 28rem),linear-gradient(180deg,var(--bg),var(--bg-soft) 52%,#08090d);color:var(--text);font-family:var(--font-primary);letter-spacing:0;min-height:100vh;overflow:hidden;position:relative}.tlc-home:before{background-image:linear-gradient(hsla(0,0%,100%,.035) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,transparent 0);background-size:72px 72px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 72%);pointer-events:none;position:absolute}.tlc-home a,.tlc-home button,.tlc-home input,.tlc-home textarea{font:inherit}.tlc-home button{color:inherit}.tlc-home img{display:block;max-width:100%}.section-shell{margin:0 auto;max-width:1220px;padding:150px 28px 52px;position:relative}.hero{align-items:start;display:grid;gap:36px;grid-template-columns:minmax(0,1fr);padding-bottom:56px;padding-top:92px}.home-generator-copy,.home-masonry-wrap,.home-preview-workspace,.text-prompt-composer{margin-left:auto;margin-right:auto;width:100%}.home-generator-copy,.home-preview-workspace,.text-prompt-composer{max-width:1420px}.home-generator-copy{text-align:center}.home-generator-hero{display:block;min-height:auto;padding-bottom:100px;padding-top:62px}.home-generator-hero .home-generator-copy{margin:0 auto 26px;max-width:820px}.home-generator-copy p{margin-left:auto;margin-right:auto;max-width:1120px}.audience-copy h2,.bottom-cta h2,.feature-intro h2,.home-generator-copy h1,.section-heading h2{font-family:var(--font-primary);letter-spacing:0}.home-generator-copy h1{color:var(--brand-bright);font-family:var(--font-primary);font-size:var(--text-h1-size,42px);font-weight:var(--text-h1-weight,700);line-height:var(--text-h1-line-height,1.12);margin:0 0 12px}.home-generator-copy h2{color:#fffffffa;font-family:var(--font-primary);font-size:var(--text-h2-size,34px);font-weight:var(--text-h2-weight,600);letter-spacing:0;line-height:1.13;margin:0 auto 14px;max-width:760px}.audience-copy p,.feature-intro p,.home-generator-copy p,.section-heading p{color:#ffffffa8;font-size:var(--text-body-size,16px);font-weight:var(--text-body-weight,400);line-height:1.65}.home-generator-copy p{color:var(--muted);font-size:var(--text-body-size,16px);line-height:1.7;margin:0 auto;max-width:720px;text-align:center}.home-preview-workspace{margin:26px auto 16px;max-width:1180px;min-width:0;width:100%}.home-preview-workspace.initial .result-stage{background:transparent;border:0;box-shadow:none;padding:0}.home-preview-workspace.initial .result-stage-header{display:none}.home-preview-workspace.generated{margin-top:28px}.home-preview-workspace .result-stage{min-height:0}.result-stage{background:#ffffff09;border:1px solid var(--line);border-radius:28px;box-shadow:0 8px 32px #0000005e,inset 0 1px 1px #ffffff1a;min-height:500px;padding:18px}.result-stage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.result-stage-header-actions{align-items:center;display:flex;gap:8px}.regenerate-button{align-items:center;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;color:var(--muted);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:7px 16px;transition:all .15s ease}.regenerate-button:hover:not(:disabled){background:#ffffff1f;color:#fff}.regenerate-button:disabled{cursor:not-allowed;opacity:.5}.regenerate-button.loading span{animation:spin .8s linear infinite}.spinner-sm{animation:spin .6s linear infinite;border:2px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.audience-copy span,.bottom-cta span,.feature-intro span,.result-stage-header span,.section-heading span{color:var(--brand-bright);display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase}.result-stage-header h2{font-size:20px;font-weight:800;margin:8px 0 0}.hero-placeholder-canvas{align-items:center;aspect-ratio:2.15;background:radial-gradient(circle at 42% 36%,color-mix(in srgb,var(--primary) 34%,transparent),transparent 18rem),radial-gradient(circle at 62% 68%,color-mix(in srgb,var(--secondary) 26%,transparent),transparent 20rem),linear-gradient(135deg,#fffffff5,#b7bcc6 54%,#565d68);border:1px solid hsla(0,0%,100%,.16);border-radius:24px;box-shadow:0 28px 90px #00000047,inset 0 1px #ffffff52;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-height:440px;min-height:320px;overflow:hidden;position:relative;text-align:center}.hero-placeholder-canvas:before{color:#ffffff13;content:"LOGOCREATOR LOGOCREATOR";font-size:42px;font-weight:900;inset:0;letter-spacing:.04em;line-height:2.6;position:absolute;text-align:center;transform:rotate(-22deg) scale(1.4)}.hero-placeholder-canvas:after{content:none}.logo-placeholder-symbol,.placeholder-logo-mark,.result-logo-mark{align-items:center;background:#c5b7f161;border:1px solid hsla(0,0%,100%,.08);border-radius:42px;color:#fff;display:flex;font-size:64px;font-weight:900;height:168px;justify-content:center;position:relative;width:168px;z-index:1}.hero-placeholder-canvas .placeholder-logo-mark{background:#ffffff29;border:0;border-radius:28px;font-size:42px;height:112px;width:112px}.hero-placeholder-canvas h3,.hero-placeholder-canvas p{position:relative;z-index:1}.hero-placeholder-canvas h3{color:#fffffffa;font-family:var(--font-primary);font-size:28px;font-weight:700;margin:18px 0 0}.hero-placeholder-canvas p{color:#ffffffc7;margin:8px 0 0;text-align:center}.composer-input-row textarea{color:#fffffff0}.text-prompt-composer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#ae7bff29,#ffffff0d 42%,#288c581a),#0d0e12c2;border:1px solid var(--line);border-radius:26px;box-shadow:0 18px 58px #0000003d,inset 0 1px #ffffff1f;grid-column:1/-1;margin:0 auto;padding:22px;position:relative;z-index:8}.text-prompt-composer.dock{margin-top:-10px}.composer-input-row{min-height:200px;position:relative}.composer-input-row textarea{background:transparent;border:0;color:#fff;font-size:16px;line-height:1.55;min-height:178px;outline:none;padding-right:154px;resize:vertical;width:100%}.text-prompt-composer textarea::-moz-placeholder{color:#ffffff57}.text-prompt-composer textarea::placeholder{color:#ffffff57}.text-prompt-composer{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.text-prompt-composer:has(.composer-input-row textarea:focus){background:linear-gradient(135deg,#ae7bff38,#ffffff12 42%,#288c581f),#0d0e12d1;border-color:#ae7bffb8;box-shadow:0 0 0 1px #ae7bff3d,0 18px 58px #00000042,0 0 34px #6835e438,inset 0 1px #ffffff29}.control-pill,.enhance-prompt-button,.ghost-button,.icon-button,.primary-button{align-items:center;border:1px solid var(--line);cursor:pointer;display:inline-flex;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.enhance-prompt-button{background:#ffffff0f;border:1px solid hsla(0,0%,100%,.1);border-radius:999px;color:#fff;gap:6px;height:34px;min-height:0;padding:0 10px;position:absolute;right:0;top:0;z-index:3}.enhance-prompt-button span{font-size:12px;font-weight:800}.enhance-prompt-button:disabled{cursor:not-allowed;opacity:.4}.composer-controls{gap:10px;justify-content:space-between;margin-top:18px}.composer-controls,.control-cluster{align-items:center;display:flex;flex-wrap:wrap}.control-cluster{gap:8px;min-width:0;position:relative}.control-pill{background:#fff1;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;color:#fff;font-size:13px;font-weight:800;gap:8px;min-height:40px;padding:0 13px}.control-pill.open{background:#ae7bff29;border-color:#ae7bff5c}.gallery-tile:hover,.ghost-button:hover,.icon-button:hover,.showcase-tile:hover,.tool-card:hover{transform:translateY(-2px)}.reference-pill img,.rich-style-pill img{border-radius:10px;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.output-pill em,.output-pill small{color:var(--faint);font-size:11px;font-style:normal}.color-stack{display:inline-flex;margin-right:2px}.color-stack i{border:1px solid hsla(0,0%,100%,.45);border-radius:50%;height:18px;margin-left:-5px;width:18px}.color-stack i:first-child{margin-left:0}.color-control,.format-control,.image-count-control,.reference-control{position:relative}.reference-control.active .reference-pill,.reference-pill.active{background:#ffffff1a;border-color:#ae7bff57;gap:8px;min-width:0}.reference-control.active{display:inline-flex;max-width:100%;width:-moz-fit-content;width:fit-content}.reference-pill.active span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-menu-panel,.count-menu-panel,.format-menu-panel{animation:liquid-pop .16s ease both;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(180deg,#ffffff1a,#ffffff09),#101117f0;border:1px solid hsla(0,0%,100%,.14);box-shadow:0 24px 80px #00000070,inset 0 1px #ffffff1f;display:grid;left:0;position:absolute;top:calc(100% + 8px);transform-origin:top left;z-index:70}.format-menu-panel{border-radius:20px;gap:8px;padding:10px;width:250px}.count-menu-panel button,.format-menu-panel button{align-items:center;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);cursor:pointer}.format-menu-panel button{border-radius:14px;color:#fff;display:grid;gap:3px;grid-template-columns:1fr auto;min-height:58px;padding:10px 12px;text-align:left}.count-menu-panel button{border-radius:12px;color:var(--muted);display:flex;font-size:13px;font-weight:900;gap:8px;justify-content:space-between;min-height:38px;padding:0 10px}.count-menu-panel button.selected,.count-menu-panel button:hover,.format-menu-panel button.selected,.format-menu-panel button:hover{background:#ae7bff2e;border-color:#ae7bff61;color:#fff}.format-menu-panel button.selected,.format-menu-panel button:hover{background:#ae7bff2b;border-color:#ae7bff6b}.format-menu-panel small{color:var(--faint);font-size:12px}.format-menu-panel em{color:#e7d8ff;font-size:12px;font-style:normal;font-weight:900;grid-column:2;grid-row:1/span 2;white-space:nowrap}.color-menu-panel{border-radius:22px;max-height:min(520px,calc(100vh - 150px));overflow-y:auto;padding:14px;width:min(560px,calc(100vw - 44px))}.color-role-row{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.color-role-row button{background:#ffffff0e;border:1px solid hsla(0,0%,100%,.12);border-radius:16px;color:#fff;cursor:pointer;display:grid;gap:6px;overflow:hidden;padding:0 0 12px;text-align:left}.color-role-row button.active{border-color:#7ccdbca6;box-shadow:0 0 0 2px #7ccdbc1f}.color-role-row span{display:block;height:54px}.color-role-row small,.color-role-row strong{display:block;font-size:12px;padding:0 10px}.quick-color-grid{display:grid;gap:7px;grid-template-columns:repeat(14,1fr);margin-top:12px}.quick-color-grid button{aspect-ratio:1;border:1px solid hsla(0,0%,100%,.16);border-radius:7px;cursor:pointer}.quick-color-grid button:hover{box-shadow:0 0 0 3px #ae7bff2e;transform:translateY(-1px)}.color-menu-actions{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.color-menu-actions button,.color-menu-actions label{align-items:center;background:#ffffff0b;border:1px solid hsla(0,0%,100%,.1);border-radius:14px;color:var(--muted);cursor:pointer;display:flex;font-size:13px;font-weight:900;height:42px;justify-content:center;min-height:0;position:relative}.color-menu-actions input{cursor:pointer;inset:0;opacity:0;position:absolute}.mobile-select-sheet-head{display:none}.count-menu-panel{border-radius:18px;gap:6px;min-width:164px;padding:8px}.primary-button{background:linear-gradient(180deg,#ffffff24,#fff0 52%),linear-gradient(135deg,#ae7bff,#6835e4);border-color:#ffffff29;border-radius:16px;box-shadow:0 8px 22px #6835e442,inset 0 1px #ffffff38;color:#fff;font-weight:800}.generate-button{font-size:13px;font-weight:800;gap:8px;height:44px;line-height:1;min-height:44px;min-width:128px;padding:0 16px;transition:transform .12s ease,box-shadow .12s ease,opacity .2s ease}.generate-spinner{animation:spin .85s linear infinite;background:radial-gradient(circle at center,rgba(13,14,18,.96) 0 54%,transparent 55%),conic-gradient(from 0deg,transparent 0deg,#9f7ff1 92deg,#ae7bff 180deg,transparent 284deg)}.generate-button>span{font-size:13px;font-weight:800;line-height:1}.generate-button small{align-items:center;background:#ffffff24;border-radius:999px;color:#ffffffdb;display:inline-flex;font-size:12px;font-weight:900;height:24px;padding:0 8px}.home-composer-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:18px}.home-composer-controls .control-cluster{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:0;position:relative}.home-composer-controls .control-pill{border-radius:999px;font-size:13px;font-weight:800;min-height:40px;padding:0 13px}.home-composer-controls .style-pill{background:#ae7bff21;border-color:#ae7bff47}.home-composer-controls .rich-style-pill{gap:9px;max-width:240px;overflow:hidden}.home-composer-controls .rich-style-pill img{border-radius:10px;height:30px;-o-object-fit:cover;object-fit:cover;width:30px}.home-composer-controls .reference-pill img{border-radius:5px;height:24px;-o-object-fit:cover;object-fit:cover;width:24px}.home-composer-controls .rich-style-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-composer-controls .output-pill{min-width:130px}.home-composer-controls .output-pill small{color:var(--faint);font-size:11px;font-weight:800}.home-composer-controls .output-pill em{background:#ae7bff2e;border-radius:999px;color:#e7d8ff;font-size:11px;font-style:normal;font-weight:900;padding:4px 7px}.home-composer-controls .control-chevron{color:#ffffff94;display:inline-flex;flex:0 0 auto;height:14px;margin-left:1px;stroke-width:2;width:14px}.home-composer-controls .control-pill.open .control-chevron{color:#e7d8ff}.home-composer-controls .color-pill{min-width:116px}.home-composer-controls .image-count-pill{border-radius:12px;justify-content:center;min-width:54px;padding:0 12px}.home-composer-controls .reference-pill{border-radius:12px;min-width:46px;padding:0 10px}.home-composer-controls .reference-pill.active{max-width:190px;padding-right:12px}.home-composer-controls .image-count-pill strong{font-size:13px;line-height:1}.home-composer-controls .generate-button{font-size:13px;font-weight:800;gap:8px;height:44px;line-height:1;min-height:44px;min-width:128px;padding:0 16px;transition:transform .12s ease,box-shadow .12s ease,opacity .2s ease}.generate-button:hover:not(:disabled){box-shadow:0 4px 16px #7331eb59;transform:translateY(-1px)}.generate-button:active:not(:disabled){box-shadow:0 1px 4px #7331eb33;transform:translateY(0)}.generate-button.loading{cursor:wait;opacity:.7}.generate-spinner{animation:spin .6s linear infinite;border:2px solid hsla(0,0%,100%,.25);border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:16px;width:16px}.home-composer-controls .generate-button>span{font-size:13px;font-weight:800;line-height:1}.home-composer-controls .generate-button small{align-items:center;background:#ffffff24;border-radius:999px;color:#ffffffdb;display:inline-flex;font-size:12px;font-weight:900;height:24px;padding:0 8px}.ghost-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#ffffff24,#fff0 52%),linear-gradient(135deg,#ae7bff,#6835e4);border-color:#ffffff2e;border-radius:14px;box-shadow:0 12px 28px #6835e447,inset 0 1px #ffffff42;color:#fff;font-size:14px;font-weight:800;gap:8px;min-height:44px;overflow:hidden;padding:0 18px;position:relative}.ghost-button:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.22),transparent);content:"";height:100%;left:-90%;pointer-events:none;position:absolute;top:0;transform:skew(-18deg);transition:left .36s ease;width:60%}.ghost-button:hover{border-color:#ffffff47;box-shadow:0 16px 34px #6835e45c,0 0 0 1px #ae7bff24,inset 0 1px #ffffff52}.ghost-button:hover:after{left:130%}.ghost-button:active{box-shadow:0 8px 18px #6835e447,inset 0 1px #ffffff38;transform:translateY(0)}.ghost-button:focus-visible,.masonry-load-more:focus-visible{box-shadow:0 0 0 3px #ae7bff47,0 14px 32px #6835e457,inset 0 1px #ffffff4d;outline:0}.icon-button{background:#ffffff0f;border-radius:50%;color:#fff;height:42px;width:42px}.reference-input{display:none}.reference-control.uploading{cursor:wait;opacity:.7}.reference-spinner{animation:spin .85s linear infinite;background:radial-gradient(circle at center,rgba(13,14,18,.96) 0 54%,transparent 55%),conic-gradient(from 0deg,transparent 0deg,#9f7ff1 92deg,#ae7bff 180deg,transparent 284deg);border-radius:50%;display:inline-block;height:16px;width:16px}.preview-reference-overlay{position:absolute;right:18px;top:18px;z-index:10}.preview-reference-img{border:2px solid hsla(0,0%,100%,.15);border-radius:10px;height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.preview-reference-clear{align-items:center;background:#000000a6;border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:background .15s ease,transform .12s ease;width:20px}.preview-reference-clear:hover{background:#000000d9;transform:scale(1.1)}.reference-clear{align-items:center;background:#000000c7;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:800;height:24px;justify-content:center;line-height:1;position:absolute;right:-9px;top:-9px;transition:background .15s ease,transform .12s ease;width:24px;z-index:3}.reference-clear:hover{background:#000000d9;transform:scale(1.15)}.home-masonry-wrap{grid-column:1/-1;margin:150px auto 0;max-width:1120px}.home-masonry-wrap>h2{margin:0 0 35px;text-align:center}.model-strip p{color:var(--faint);font-size:14px;margin:0 0 14px}.home-masonry-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:24px}.masonry-load-more-wrap{display:flex;justify-content:center;padding:8px 0 16px}.masonry-load-more{background:linear-gradient(180deg,#ffffff24,#fff0 52%),linear-gradient(135deg,#ae7bff,#6835e4);border:1px solid hsla(0,0%,100%,.18);border-radius:14px;box-shadow:0 12px 28px #6835e447,inset 0 1px #ffffff42;color:#fff;cursor:pointer;font-size:14px;font-weight:800;min-height:44px;min-width:132px;overflow:hidden;padding:0 24px;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.masonry-load-more:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.22),transparent);content:"";height:100%;left:-90%;pointer-events:none;position:absolute;top:0;transform:skew(-18deg);transition:left .36s ease;width:60%}.masonry-load-more:hover{border-color:#ffffff47;box-shadow:0 16px 34px #6835e45c,0 0 0 1px #ae7bff24,inset 0 1px #ffffff52;transform:translateY(-1px)}.masonry-load-more:hover:after{left:130%}.masonry-load-more:active{box-shadow:0 8px 18px #6835e447,inset 0 1px #ffffff38;transform:translateY(0)}.masonry-card{aspect-ratio:1;background:#ffffff0b;border:1px solid hsla(0,0%,100%,.1);border-radius:14px;color:#fff;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;width:100%}.masonry-card img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:.22s ease;width:100%}.masonry-card span{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0d12b8;border:1px solid hsla(0,0%,100%,.14);border-radius:999px;bottom:16px;color:#fff;display:inline-flex;font-size:12px;font-weight:900;left:50%;opacity:0;padding:8px 12px;position:absolute;transform:translate(-50%,8px);transition:.18s ease;white-space:nowrap}.masonry-card:hover img{transform:scale(1.06)}.masonry-card:hover span{opacity:1;transform:translate(-50%)}.generated-preview-card,.history-preview-card{align-items:center;aspect-ratio:1;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;color:#141822;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:12px;position:relative;text-align:center}.generated-watermark{color:#14182214;font-size:38px;font-weight:900;left:50%;position:absolute;top:18px;transform:translate(-50%)}.result-actions{bottom:18px;display:flex;gap:8px;opacity:0;position:absolute;transform:translateY(8px);transition:.18s ease}.result-actions button{align-items:center;background:#fff;border:1px solid rgba(17,22,34,.08);border-radius:50%;color:#141822;cursor:pointer;display:flex;height:38px;justify-content:center;width:38px}.home-history-section{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(135deg,#ae7bff1f,#ffffff0a 48%,#288c5814),#0d0e12b8;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 58px #00000038,inset 0 1px #ffffff1a;margin:14px auto 0;max-width:1180px;padding:18px;width:100%}.home-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.home-history-header span{align-items:center;color:#fffffff5;display:flex;font-size:15px;font-weight:900}.home-history-header span svg{margin-right:5px}.home-history-header small{color:var(--muted);font-size:12px;font-weight:700}.home-history-meta{align-items:center;display:flex;gap:10px}.history-clear-button,.history-delete-button{align-items:center;background:#ffffff14;border:1px solid hsla(0,0%,100%,.14);color:#ffffffb8;cursor:pointer;display:inline-flex;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease}.history-clear-button{border-radius:8px;font-size:12px;font-weight:800;height:32px;padding:0 10px;white-space:nowrap}.history-delete-button{border-radius:8px;height:34px;width:34px}.history-clear-button:hover,.history-delete-button:hover{background:#ff5e5e29;border-color:#ff808070;color:#fff}.history-task-panel{display:grid;gap:10px;max-height:350px;overflow-y:auto;padding-right:4px;scrollbar-color:rgba(174,123,255,.42) transparent;scrollbar-width:thin}.history-task-panel::-webkit-scrollbar{width:6px}.history-task-panel::-webkit-scrollbar-thumb{background:#ae7bff6b;border-radius:999px}.history-task{background:#ffffff0e;border:1px solid var(--line);border-radius:16px;overflow:hidden}.history-task.loading{border-color:#ae7bff61;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ae7bff14}.history-task.loading .history-task-head{background:#ae7bff14}.history-task-head{align-items:center;background:transparent;border:0;color:#fff;cursor:pointer;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto auto auto;min-height:68px;padding:10px 16px;width:100%}.history-task-head:focus-visible{outline:2px solid rgba(174,123,255,.72);outline-offset:-2px}.history-task-head:hover{background:#ffffff0b}.history-task-copy{align-items:flex-start;display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}.history-task-copy em,.history-task-copy strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-task-copy strong{color:#fffffff5;font-size:15px;font-style:normal;font-weight:850}.history-task-copy em{color:#ffffff94;font-size:12px;font-style:normal;font-weight:600}.history-task-head small{color:#ffffffb8;font-size:12px;font-weight:700;white-space:nowrap}.history-task-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.history-preview-card{aspect-ratio:1;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;cursor:pointer;overflow:hidden;position:relative}.history-image-card{aspect-ratio:1;padding:0}.history-image-card.loading{background:#ffffff0e;border-color:#ae7bff3d;cursor:default}.history-image-loading{align-items:center;display:flex;justify-content:center;padding:12px}.history-image-loading,.history-thumbnail{border-radius:inherit;height:100%;inset:0;position:absolute;width:100%}.history-thumbnail{-o-object-fit:cover;object-fit:cover}.history-placeholder{display:block;font-size:26px;font-weight:900}.history-card-actions{bottom:8px;display:flex;gap:5px;opacity:1;position:absolute;right:8px;z-index:2}.history-card-actions button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141822b8;border:1px solid hsla(0,0%,100%,.18);border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;min-height:32px;min-width:32px;transition:background .18s ease,border-color .18s ease,transform .18s ease;width:32px}.history-card-actions button:hover{background:#141822e0;border-color:#ffffff52;transform:translateY(-1px)}.history-card-actions button svg{height:19px;width:19px}.history-convert-svg-button{padding:0!important}.history-convert-svg-label{color:#fff;display:block;font-size:9px!important;font-weight:900!important;letter-spacing:.02em;line-height:1}.history-preview-card span{display:block;font-size:26px;font-weight:900}.model-strip-shell{margin:0 auto;max-width:1220px;overflow:hidden;padding:10px 28px 88px}.model-strip{overflow:hidden;padding:4px 0 14px;position:relative}.model-strip:after,.model-strip:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:min(110px,12vw);z-index:2}.model-strip:before{background:linear-gradient(90deg,#0d0f15,#0d0f1500);left:0}.model-strip:after{background:linear-gradient(270deg,#0d0f15,#0d0f1500);right:0}.social-proof-strip{align-items:center;display:flex;gap:clamp(28px,7vw,96px);justify-content:center;opacity:.72;overflow:hidden;padding:8px 0}.social-proof-item{align-items:center;color:#ffffffb8;display:inline-flex;flex:0 0 auto;gap:10px;white-space:nowrap}.social-proof-item strong{font-size:clamp(20px,3vw,38px);font-weight:900}.social-proof-item.dribbble strong,.social-proof-item.instagram strong{font-family:var(--font-brand);font-weight:400}.social-proof-mark{background:currentColor;border-radius:999px;display:inline-block;height:26px;width:26px}.model-strip h2{color:#ffffffeb;font-family:var(--font-primary);font-size:var(--text-h2-size,22px);font-weight:var(--text-h3-weight,600);letter-spacing:0;line-height:1.25;margin:0 0 35px;text-align:center}.model-strip h3:after{background:linear-gradient(90deg,#9f7ff100,#9f7ff1d1,#9f7ff100);content:"";display:block;height:1px;margin:12px auto 0;max-width:360px;width:46%}.model-chip-track{animation:model-scroll 28s linear infinite;display:flex;gap:14px;width:-moz-max-content;width:max-content}.model-chip{align-items:center;background:linear-gradient(180deg,#ffffff13,#ffffff06);border:1px solid hsla(0,0%,100%,.14);border-radius:14px;box-shadow:inset 0 1px #ffffff14;color:#fff;display:inline-flex;flex:0 0 auto;gap:10px;height:54px;justify-content:center;min-width:154px;padding:0 18px;white-space:nowrap}.model-logo-img{display:block;filter:grayscale(1) brightness(1.9);height:20px;max-width:132px;-o-object-fit:contain;object-fit:contain;opacity:.74;transition:opacity .2s ease,filter .2s ease,transform .2s ease;width:auto}.model-chip:hover .model-logo-img{filter:grayscale(.2) brightness(2.1);opacity:.96;transform:translateY(-1px)}.model-chip:hover .model-logo-img.is-amazon-logo,.model-logo-img.is-amazon-logo{filter:brightness(0) invert(1);opacity:.95}.model-logo{align-items:center;background:#fff;border-radius:50%;color:#15151b;display:flex;font-weight:900;height:30px;justify-content:center;width:30px}.model-chip strong,.model-logo{font-size:13px}.model-chip small{background:#ff35e9;border-radius:999px;font-size:10px;font-weight:900;padding:3px 7px}.model-chip em{color:var(--faint);font-size:11px;font-style:normal}.section-heading{margin:0 auto 42px;max-width:720px;text-align:center}.section-heading.split{align-items:end;display:flex;justify-content:space-between;max-width:none;text-align:left}.section-heading.split h2{max-width:670px}.testimonials .section-heading.split p{max-width:430px}.audience-copy h2,.bottom-cta h2,.feature-intro h2,.section-heading h2{font-family:var(--font-primary);font-size:var(--text-h2-size,34px);font-weight:var(--text-h2-weight,600);line-height:1.18;margin:14px 0 0}.section-heading p{margin:18px auto 0;max-width:760px}.bottom-cta,.faq-item,.gallery-panel,.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#ffffff13,#ffffff06),var(--glass);border:1px solid var(--line);box-shadow:0 8px 32px #0000005e,inset 0 1px 1px #ffffff1a}.how-to-heading h2{background:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.how-tabs,.tabs{align-items:center;background:#ffffff0d;border:1px solid var(--line);border-radius:999px;display:flex;gap:6px;margin:-18px auto 16px;max-width:-moz-max-content;max-width:max-content;padding:7px}.tabs{margin:0 auto 30px;padding:6px}.how-tabs button,.tabs button{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:15px;font-weight:800;gap:8px;height:44px;padding:0 18px;transition:.18s ease}.how-tab-icon{align-items:center;color:currentColor;display:inline-flex;flex:0 0 auto;height:16px;justify-content:center;opacity:.9;width:16px}.how-tab-icon svg{display:block;height:16px;width:16px}.how-tabs button.active,.tabs button.active{background:#ffffff1a;box-shadow:inset 0 1px #ffffff38,0 0 34px #6835e447;color:#fff}.how-to-section{min-height:610px}.audience,.how-to-section{align-items:center;display:grid;gap:76px;grid-template-columns:.9fr 1.1fr}.comparison-preview,.how-to-preview{border-radius:28px;min-height:420px;overflow:hidden}.how-to-preview{aspect-ratio:1}.how-to-preview img{display:block;height:100%;min-height:420px;-o-object-fit:cover;object-fit:cover;width:100%}.comparison-preview{display:block;padding:22px}.comparison-frame{aspect-ratio:1;background:linear-gradient(135deg,#dfe6f3,#f6f1ea 48%,#ced7ee);border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff85;overflow:hidden;position:relative}.comparison-after,.comparison-before{inset:0;position:absolute}.comparison-img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.comparison-before{background:radial-gradient(circle at 24% 24%,rgba(174,123,255,.34),transparent 24%),linear-gradient(135deg,#cbd7f1,#f7f2eb);display:flex;flex-direction:column;height:100%;justify-content:flex-end;position:relative;width:100%}.comparison-after{align-items:center;background:radial-gradient(circle at 50% 34%,rgba(174,123,255,.24),transparent 34%),linear-gradient(135deg,#fff,#f3f5fb);color:#1b1f2d;display:flex;flex-direction:column;gap:14px;justify-content:center;transition:clip-path .14s ease}.comparison-after .logo-placeholder-symbol{background:linear-gradient(135deg,#ae7bff,#6835e4);border:0;border-radius:32px;color:#fff;font-size:42px;height:118px;width:118px}.logo-placeholder-title{font-size:26px;font-weight:900}.logo-placeholder-line{background:#d9dce8;border-radius:999px;height:10px;width:36%}.placeholder-mark{border-radius:28px;display:block;position:absolute}.mark-a{background:linear-gradient(135deg,#ae7bff,#6835e4);height:38%;left:12%;top:12%;transform:rotate(-7deg);width:34%}.mark-b{background:linear-gradient(135deg,#f6f7fb,#b8c2d4);height:44%;right:10%;top:24%;transform:rotate(8deg);width:34%}.placeholder-line{background:#23283a47;border-radius:999px;display:block;height:12px;margin-top:12px;max-width:72%;position:relative;z-index:1}.placeholder-line.short{max-width:42%}.placeholder-line.faint{opacity:.5}.comparison-handle{align-items:center;background:#fff;border:1px solid rgba(104,53,228,.22);border-radius:999px;box-shadow:0 12px 34px #00000040;color:var(--brand);display:flex;height:44px;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:44px;z-index:2}.comparison-handle:before{background:#ffffffdb;bottom:-290px;content:"";left:50%;position:absolute;top:-290px;transform:translate(-50%);width:2px;z-index:-1}.comparison-range{cursor:ew-resize;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:3}.how-step-list{display:grid;gap:18px}.how-step{align-items:start;background:transparent;color:#ffffffa3;cursor:pointer;display:grid;gap:28px;grid-template-columns:52px 1fr;padding:12px 20px;transition:background-color .22s ease,color .22s ease,padding .22s ease}.how-step,.how-step.active{border:1px solid transparent;border-radius:24px;box-shadow:none;outline:0}.how-step.active{background:#ffffff1a;color:#fff;padding:28px 30px}.how-step.active:focus,.how-step.active:focus-visible,.how-step.active:hover,.how-step:focus,.how-step:focus-visible,.how-step:hover{background-clip:padding-box;border-color:transparent;box-shadow:none;outline:0}.how-step:not(.active):focus,.how-step:not(.active):focus-visible,.how-step:not(.active):hover{background:transparent}.how-step strong{font-size:28px;font-weight:800;line-height:1}.how-step.active strong{font-size:58px}.how-step h3{font-size:var(--text-h3-size,22px);font-weight:var(--text-h3-weight,600);line-height:1.3;margin:0}.how-step-body{border:0;box-shadow:none;max-height:0;opacity:0;outline:0;overflow:hidden;transition:max-height .26s ease,opacity .2s ease}.how-step.active .how-step-body{border:0;box-shadow:none;max-height:130px;opacity:1;outline:0}.how-step p{color:#ffffffc7;font-size:16px;line-height:1.55;margin:12px 0 0;overflow:hidden}.how-cta{margin-top:30px}.feature-intro{margin-bottom:44px;max-width:760px}.feature-story-list{display:grid;gap:82px}.feature-story{align-items:center;display:grid;gap:58px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.feature-story.reverse .feature-story-copy{grid-column:2;grid-row:1}.feature-story.reverse .feature-story-visual{grid-column:1;grid-row:1}.feature-story-copy{-webkit-font-smoothing:antialiased;font-family:var(--font-primary);letter-spacing:0}.feature-story-copy span{color:var(--brand-bright);display:block;font-family:var(--font-primary);font-size:13px;font-weight:900;letter-spacing:.14em;margin-bottom:16px}.feature-story-copy h3{color:var(--text);font-size:24px;font-weight:var(--text-h3-weight,600);line-height:1.18;margin:0 0 18px}.feature-story-copy h3,.feature-story-copy p{font-family:var(--font-primary);letter-spacing:0}.feature-story-copy p{color:var(--muted);font-size:16px;font-weight:400;line-height:1.75;margin:0;max-width:650px}.feature-cta{align-items:center;display:inline-flex;gap:8px;justify-self:start;margin-top:26px;min-width:142px}.feature-story-visual{background:#ffffff0d;border:1px solid var(--line);border-radius:30px;min-height:390px;overflow:hidden;position:relative}.bottom-cta:before,.tool-placeholder:after{content:"";inset:0;position:absolute}.feature-story-visual img{display:block;height:100%;min-height:390px;-o-object-fit:cover;object-fit:cover;width:100%}.gallery-tile{background:#ffffff0b;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;cursor:pointer;overflow:hidden;padding:0;transition:.18s ease}.showcase-grid{display:grid;gap:16px;grid-template-columns:1.5fr 1fr;min-height:360px;padding:20px}.showcase-main{border-radius:20px;height:100%;min-height:360px}.showcase-squares{display:grid;gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.showcase-square{aspect-ratio:1;border-radius:20px}.showcase-tile{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);border-radius:20px;cursor:pointer;overflow:hidden;padding:0;transition:.18s ease}.showcase-tile img{border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.gallery-panel{display:none}.placeholder-pearl{background:linear-gradient(135deg,#f8f8fb,#d9dce8)}.placeholder-mist{background:linear-gradient(135deg,#e8eef8,#b9c7dc)}.placeholder-silver{background:linear-gradient(135deg,#f5f5f6,#cfd3dc)}.placeholder-chalk{background:linear-gradient(135deg,#fbfaf6,#d6d0c1)}.placeholder-smoke{background:linear-gradient(135deg,#d5dae5,#828a98)}.carousel-controls{display:flex;gap:10px}.tool-carousel{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{border-radius:24px;color:#fff;min-height:360px;overflow:hidden;padding:18px;text-decoration:none;transition:.18s ease}.tool-card img,.tool-placeholder{aspect-ratio:1.45;border-radius:18px;-o-object-fit:cover;object-fit:cover;width:100%}.tool-placeholder{position:relative}.tool-placeholder.violet{background:linear-gradient(135deg,#6835e4,#ae7bff)}.tool-placeholder.amber{background:linear-gradient(135deg,#ffb54a,#8d5b1a)}.tool-placeholder.steel{background:linear-gradient(135deg,#e9eef6,#6d7889)}.audience-list h3,.tool-card h3{font-size:var(--text-h3-size,22px);font-weight:var(--text-h3-weight,600);line-height:1.25;margin:12px 0}.audience-list p,.testimonial-card p,.tool-card p{color:var(--muted);font-size:var(--text-body-size,16px);font-weight:var(--text-body-weight,400);line-height:1.7}.audience-copy{position:sticky;top:120px}.audience-list{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-grid{align-items:stretch;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.audience-list article{border-radius:24px;min-height:210px;padding:28px}.testimonial-card{border-radius:26px;display:flex;flex-direction:column;min-height:260px;overflow:hidden;padding:26px;position:relative}.testimonial-card:before{background:linear-gradient(135deg,rgba(174,123,255,.16),transparent 52%);content:"";inset:0;position:absolute}.testimonial-card.card-1,.testimonial-card.card-3{margin-top:34px}.quote-mark{color:#ae7bff6b;font-family:Georgia,serif;font-size:70px;font-weight:900;line-height:.72;position:relative}.testimonial-card p{color:#ffffffc7;font-size:15px;line-height:1.75;margin:22px 0;position:relative}.testimonial-person{align-items:center;display:flex;gap:12px;margin-top:auto;position:relative}.testimonial-avatar{border-radius:50%;display:block;flex:0 0 auto;height:38px;-o-object-fit:cover;object-fit:cover;width:38px}.avatar-0{background:linear-gradient(135deg,#ae7bff,#6835e4)}.avatar-1{background:linear-gradient(135deg,#8ee7ff,#4153ff)}.avatar-2{background:linear-gradient(135deg,#ffc46b,#ff5a7c)}.avatar-3{background:linear-gradient(135deg,#c7f4d0,#6c8f72)}.testimonial-person div>span{display:block;font-size:16px;font-weight:900}.testimonial-person div>small{color:var(--faint);display:block;font-size:13px;margin-top:6px}.bottom-cta{border-radius:32px;margin-bottom:40px;margin-top:40px;overflow:hidden;padding:80px 28px;position:relative;text-align:center}.bottom-cta:before{background:radial-gradient(circle at 50% 50%,rgba(163,112,255,.36),transparent 24rem),linear-gradient(135deg,#6835e473,#3a19952e);opacity:.92}.bottom-cta>div{position:relative}.massive{font-size:18px;height:62px;margin-top:32px;min-width:220px}.faq-section{max-width:840px}.faq-list{display:grid;gap:12px}.faq-item{border-radius:18px;contain:layout paint;overflow:hidden}.faq-item button{align-items:center;background:transparent;border:0;color:#fff;cursor:pointer;display:flex;font-size:var(--text-h3-size,22px);font-weight:var(--text-h3-weight,600);justify-content:space-between;min-height:68px;padding:0 20px;text-align:left;width:100%}.faq-chevron{color:#ffffffc7;flex:0 0 auto;height:20px;margin-left:18px;transition:transform .22s ease,color .22s ease;width:20px}.faq-item.open .faq-chevron{color:#fff;transform:rotate(180deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height .22s cubic-bezier(.22,1,.36,1),opacity .16s ease,transform .18s ease;will-change:opacity,transform}.faq-answer>p{line-height:1.7;margin:0;padding:0 20px 20px}.faq-item.open .faq-answer{max-height:var(--faq-answer-height,240px);opacity:1;transform:translateY(0)}.style-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094;display:flex;inset:0;justify-content:center;padding:88px 24px 24px;position:fixed;z-index:80}.style-modal{background:#14161ef5;border:1px solid hsla(0,0%,100%,.08);border-radius:24px;box-shadow:0 32px 120px #0000007a;color:#fff;display:flex;flex-direction:column;max-height:calc(100dvh - 112px);max-width:min(900px,calc(100vw - 48px));min-height:0;overflow:hidden;position:relative;width:100%}.style-modal-title{color:#ffffffe6;flex:0 0 auto;font-size:20px;font-weight:700;line-height:1.25;margin:0;padding:24px 76px 18px 24px}.style-modal .style-browser-grid{align-content:start;display:grid;flex:1 1 auto;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 24px 24px;scrollbar-color:rgba(104,53,228,.36) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.style-browser-grid::-webkit-scrollbar{width:8px}.style-browser-grid::-webkit-scrollbar-track{background:transparent}.style-browser-grid::-webkit-scrollbar-thumb{background:#6835e447;border-radius:999px}.style-browser-grid::-webkit-scrollbar-thumb:hover{background:#6835e46b}.style-browser-grid button{background:transparent;border:0;border-radius:18px;color:#fff;cursor:pointer;display:grid;gap:10px;grid-template-rows:auto minmax(36px,auto);min-width:0;padding:0;text-align:left}.style-browser-grid button img{aspect-ratio:1;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;-o-object-fit:cover;object-fit:cover;transition:.18s ease;width:100%}.style-browser-grid button small,.style-browser-grid button strong{display:block;padding:0 8px}.style-browser-grid button strong{color:#ffffffe6;font-size:15px;line-height:18px;margin-top:10px;overflow-wrap:anywhere}.style-browser-grid button small{color:#ffffff80;font-size:14px;margin-top:4px}.style-browser-grid button.active img,.style-browser-grid button:hover img{border-color:#6835e499;box-shadow:0 0 0 3px #6835e426;transform:translateY(-2px)}.style-close{background:#ffffff14;border-color:#ffffff24;border-radius:12px;color:#ffffffdb;height:36px;position:absolute;right:18px;top:18px;width:36px;z-index:2}.style-close:hover{background:#ffffff24;border-color:#ffffff38;color:#fff}.spinner{animation:spin .8s linear infinite;background:radial-gradient(circle at center,rgba(13,14,18,.96) 0 54%,transparent 55%),conic-gradient(from 0deg,transparent 0deg,#9f7ff1 92deg,#ae7bff 180deg,transparent 284deg);border-radius:50%;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes liquid-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes model-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.how-step,.how-step strong,.how-step-body{transition:none}}@media (max-width:980px){.section-shell{padding:78px 20px}.model-strip-shell{padding:0 20px 58px}.model-strip h3{margin-bottom:18px}.model-chip-track{gap:10px}.model-chip{border-radius:12px;height:48px;min-width:132px;padding:0 14px}.model-logo-img{height:24px;max-width:112px}.audience,.feature-story,.feature-story.reverse,.hero,.how-to-section{grid-template-columns:1fr}.how-to-section{align-items:start}.hero{padding-bottom:18px;padding-top:58px}.home-generator-hero{padding-top:44px}.home-generator-copy h2{font-size:36px}.home-masonry-grid{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.masonry-card span{bottom:10px;opacity:1;transform:translate(-50%)}.feature-story.reverse .feature-story-copy,.feature-story.reverse .feature-story-visual{grid-column:auto;grid-row:auto}.feature-story.reverse .feature-story-copy{order:2}.feature-story.reverse .feature-story-visual{order:1}.audience-list,.testimonial-grid,.tool-carousel{grid-template-columns:1fr}.testimonial-card.card-1,.testimonial-card.card-3{margin-top:0}.showcase-grid{grid-template-columns:1fr;padding:12px}.showcase-main{min-height:220px}.showcase-squares{gap:10px;grid-template-columns:1fr 1fr}.showcase-square{min-height:100px}.section-heading.split{align-items:start;gap:20px}}@media (max-width:620px){.model-strip-shell{padding-left:16px;padding-right:16px}.model-strip{padding-bottom:8px}.model-strip:after,.model-strip:before{width:42px}.model-strip h3{font-size:17px;line-height:1.35;margin-bottom:16px;padding:0 8px}.model-strip h3:after{margin-top:10px;width:68%}.model-chip{height:44px;min-width:118px;padding:0 12px}.model-logo-img{height:22px;max-width:98px}.composer-controls{grid-template-columns:1fr}.text-prompt-composer textarea{font-size:16px;min-height:124px;padding-right:54px}.text-prompt-composer.dock textarea{min-height:150px}.enhance-prompt-button{height:32px;padding:0 9px}.enhance-prompt-button .enhance-label{display:none}.composer-controls{align-items:stretch;display:grid}.control-cluster,.generate-button{width:100%}.generate-button{min-width:100%}.home-composer-controls .control-cluster{align-items:center;display:flex;gap:8px;width:100%}.home-composer-controls .control-pill{min-height:40px;min-width:0}.home-composer-controls .rich-style-pill{flex:1 0 100%;justify-content:center;max-width:none}.home-composer-controls .color-control,.home-composer-controls .format-control,.home-composer-controls .image-count-control,.home-composer-controls .reference-control{flex:0 1 auto;position:relative}.home-composer-controls .color-pill{min-width:118px;padding:0 12px}.home-composer-controls .output-pill{min-width:126px;padding:0 12px}.home-composer-controls .image-count-pill{min-width:56px}.home-composer-controls .count-menu-panel{animation:none;left:0;max-height:min(220px,calc(100dvh - 180px));min-width:144px;overflow-y:auto;right:auto;top:calc(100% + 10px);transform:none;transform-origin:top left;width:min(156px,calc(100vw - 48px));z-index:150}@media (min-width:421px){.home-composer-controls .count-menu-panel{left:auto;right:0;transform-origin:top right}}.home-composer-controls .reference-pill{min-width:122px}.home-composer-controls .output-pill small{display:none}.home-composer-controls .reference-control.active{flex:0 1 auto;width:-moz-fit-content;width:fit-content}.home-composer-controls .reference-control.active .reference-pill{max-width:min(210px,calc(100vw - 128px));min-width:0;width:auto}.home-composer-controls .reference-control.active .reference-clear{right:-8px;top:-8px}.format-menu-panel{animation:none;left:auto;max-height:min(220px,calc(100dvh - 180px));overflow-y:auto;padding:10px;position:absolute;right:0;top:calc(100% + 10px);transform:none;transform-origin:top right;width:min(316px,calc(100vw - 48px));z-index:140}.format-menu-panel button{gap:6px 10px;grid-template-columns:minmax(0,1fr) auto;min-height:62px}.format-menu-panel small,.format-menu-panel span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.format-menu-panel em{font-size:13px;max-width:132px;overflow:hidden;text-overflow:ellipsis}.color-menu-panel{border-color:#ae7bff42;border-radius:20px;left:0;max-height:min(430px,calc(100dvh - 180px));overflow-y:auto;overscroll-behavior:contain;padding:14px;position:absolute;right:auto;top:calc(100% + 10px);transform-origin:top left;width:min(340px,calc(100vw - 28px));z-index:180}.mobile-select-sheet-head{align-items:center;color:#fffffff0;display:flex;font-size:14px;font-weight:800;grid-column:1/-1;justify-content:space-between;line-height:1;margin-bottom:10px;min-height:40px}.mobile-select-sheet-head button{align-items:center;background:#ffffff14;border:1px solid hsla(0,0%,100%,.14);border-radius:10px;color:#ffffffc7;cursor:pointer;display:inline-flex;font-size:24px;font-weight:500;height:40px;justify-content:center;line-height:1;padding:0;touch-action:manipulation;width:40px}.mobile-select-sheet-head button:active{background:#ae7bff33;border-color:#ae7bff6b;color:#fff}.color-role-row{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.color-role-row button{border-radius:14px;gap:5px;min-width:0;padding-bottom:9px}.color-role-row span{height:46px}.color-role-row small,.color-role-row strong{font-size:11px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.quick-color-grid{gap:8px;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:14px}.quick-color-grid button{border-radius:10px;min-height:42px;touch-action:manipulation}.color-menu-actions{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.color-menu-actions button,.color-menu-actions label{border-radius:12px;font-size:12px;height:44px;touch-action:manipulation}.home-generator-copy h1,.home-generator-copy h2{font-size:30px}.home-generator-copy p{font-size:14px}.home-masonry-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-masonry-wrap{margin-top:30px}.masonry-card{border-radius:16px;margin-bottom:10px}.masonry-card span{bottom:10px;opacity:1;transform:translate(-50%)}.hero-placeholder-canvas{aspect-ratio:auto;border-radius:20px;min-height:320px}.home-preview-workspace{margin-top:22px}.home-history-section{border-radius:20px;margin-top:12px;padding:14px}.home-history-header{align-items:flex-start;gap:10px}.home-history-meta{flex-shrink:0}.history-clear-button{height:30px;padding:0 8px}.history-task-panel{max-height:318px}.history-task-head{gap:8px;grid-template-columns:minmax(0,1fr) auto auto;min-height:70px;padding:10px 12px}.history-task-head small{display:none}.history-task-copy strong{font-size:14px}.history-delete-button{height:32px;width:32px}.history-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.generated-preview-grid,.generated-preview-grid.count-1,.generated-preview-grid.count-2,.generated-preview-grid.count-3,.generated-preview-grid.count-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.how-tabs,.tabs{justify-content:flex-start;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.how-tabs::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}.how-tabs button,.tabs button{flex:0 0 auto;font-size:12px;padding:6px 14px;white-space:nowrap}.comparison-preview,.how-to-preview{min-height:0;padding:14px}.how-to-preview{aspect-ratio:auto;padding:0}.how-to-preview img{height:auto;min-height:0;-o-object-fit:contain;object-fit:contain}.how-step,.how-step.active{gap:16px;grid-template-columns:36px 1fr;padding:18px}.how-step.active strong{font-size:42px}.feature-story-copy h3{font-size:24px}.feature-story-copy p{font-size:15px}.feature-story-visual{border-radius:22px;min-height:240px;padding:0}.feature-story-visual img{min-height:240px}.showcase-grid{gap:12px;grid-template-columns:1fr}.showcase-main{min-height:240px}.showcase-square{min-height:120px}.style-modal{border-radius:20px;max-height:calc(100dvh - 32px);max-width:calc(100vw - 32px)}.style-modal-title{font-size:20px;padding:22px 68px 16px 24px}.style-modal .style-browser-grid{gap:18px 14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px 24px 24px}.style-browser-grid button{grid-template-rows:auto minmax(40px,auto)}.style-browser-grid button img{border-radius:14px}.style-browser-grid button strong{font-size:14px;line-height:16px;margin-top:0;padding:0 6px}.style-close{height:34px;right:20px;top:20px;width:34px}}@media (min-width:621px) and (max-width:768px){.home-composer-controls .count-menu-panel{animation:none;left:auto;max-height:min(220px,calc(100dvh - 180px));min-width:144px;overflow-y:auto;right:0;top:calc(100% + 10px);transform:none;transform-origin:top right;width:min(156px,calc(100vw - 48px));z-index:150}}@media (max-width:420px){.style-modal-overlay{padding:14px}.style-modal{max-height:calc(100dvh - 28px);max-width:calc(100vw - 28px)}.style-modal-title{padding:20px 58px 14px 20px}.style-modal .style-browser-grid{gap:16px 12px;padding:2px 20px 22px}.style-close{right:16px;top:16px}}.generated-preview-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.generated-preview-card{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#f7f8fb,#dbe2ee);border:1px solid hsla(0,0%,100%,.18);border-radius:16px;color:#141822;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:12px;position:relative;text-align:center}.generated-preview-card.loading{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);padding:0}.skeleton-image{animation:unified-loading-shimmer 1.45s ease-in-out infinite;background:linear-gradient(90deg,#ffffff12,#9f7ff129,#ffffff12);background-size:220% 100%;border-radius:12px;height:100%;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.generated-preview-card.has-image{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);padding:0}.generated-preview-card.has-image .generated-img{border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.generated-preview-card.has-image .result-actions{bottom:15px;display:flex;gap:5px;opacity:1;position:absolute;right:8px}.generated-preview-card.has-image .result-actions button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141822b8;border:1px solid hsla(0,0%,100%,.18);border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;min-height:32px;min-width:32px;transition:background .18s ease,border-color .18s ease,transform .18s ease;width:32px}.generated-preview-card.has-image .result-actions button:hover{background:#141822e0;border-color:#ffffff52;transform:translateY(-1px)}.generated-preview-card.has-image .result-actions button svg{height:19px;width:19px}.lightbox-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000e0;inset:0;padding:40px;position:fixed;z-index:99999}.lightbox-close,.lightbox-overlay{align-items:center;display:flex;justify-content:center}.lightbox-close{background:#ffffff1f;border:1px solid hsla(0,0%,100%,.18);border-radius:50%;color:#fff;cursor:pointer;font-size:22px;height:44px;position:absolute;right:24px;top:24px;transition:background .15s ease;width:44px;z-index:1}.lightbox-close:hover{background:#ffffff38}.lightbox-img{border-radius:12px;max-height:85vh;max-width:90vw;-o-object-fit:contain;object-fit:contain}@media (max-width:768px){.lightbox-overlay{padding:16px}.lightbox-close{font-size:18px;height:36px;right:12px;top:12px;width:36px}.generated-preview-grid,.history-task-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.generated-preview-card{border-radius:12px;padding:8px}}.tlc-home .home-generator-copy h1{font-family:var(--font-primary);font-size:var(--text-h1-size,42px);font-weight:var(--text-h1-weight,700);line-height:var(--text-h1-line-height,1.12)}.tlc-home .audience-copy h2,.tlc-home .bottom-cta h2,.tlc-home .feature-intro h2,.tlc-home .home-generator-copy h2,.tlc-home .section-heading h2{font-family:var(--font-primary);font-size:var(--text-h2-size,34px);font-weight:var(--text-h2-weight,600);line-height:var(--text-h2-line-height,1.18)}.tlc-home .audience-list h3,.tlc-home .faq-item button,.tlc-home .how-step h3,.tlc-home .model-strip h3,.tlc-home .tool-card h3{font-family:var(--font-primary);font-size:var(--text-h3-size,22px);font-weight:var(--text-h3-weight,600);line-height:var(--text-h3-line-height,1.3)}.tlc-home .feature-story-copy h3{font-family:var(--font-primary);font-size:24px;font-weight:var(--text-h3-weight,600);line-height:var(--text-h3-line-height,1.3)}.tlc-home .audience-copy p,.tlc-home .audience-list p,.tlc-home .faq-answer>p,.tlc-home .feature-intro p,.tlc-home .feature-story-copy p,.tlc-home .home-generator-copy p,.tlc-home .how-step p,.tlc-home .section-heading p,.tlc-home .testimonial-card p,.tlc-home .tool-card p,.tlc-home p{font-family:var(--font-primary);font-size:var(--text-body-size,16px);font-weight:var(--text-body-weight,400);letter-spacing:0}@media (max-width:768px){.tlc-home .home-generator-copy h1{font-size:var(--text-h1-mobile-size,30px)}.tlc-home .audience-copy h2,.tlc-home .bottom-cta h2,.tlc-home .feature-intro h2,.tlc-home .home-generator-copy h2,.tlc-home .section-heading h2{font-size:var(--text-h2-mobile-size,26px)}.tlc-home .audience-list h3,.tlc-home .faq-item button,.tlc-home .feature-story-copy h3,.tlc-home .how-step h3,.tlc-home .model-strip h3,.tlc-home .tool-card h3{font-size:var(--text-h3-mobile-size,18px)}.tlc-home .audience-copy p,.tlc-home .audience-list p,.tlc-home .faq-answer>p,.tlc-home .feature-intro p,.tlc-home .feature-story-copy p,.tlc-home .home-generator-copy p,.tlc-home .how-step p,.tlc-home .section-heading p,.tlc-home .testimonial-card p,.tlc-home .tool-card p,.tlc-home p{font-size:var(--text-body-mobile-size,14px)}}