:root{color-scheme:dark;--bg: #070809;--bar: #0d0e10;--panel: #1b1b1d;--panel2: #222326;--panel3: #101112;--line: rgba(255, 255, 255, .09);--line2: rgba(255, 255, 255, .17);--text: #f4f5f4;--muted: #8d9095;--lime: #b7ff3c;--pink: #ff7fb5;--purple: #6747ff;--yellow: #ffd214}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit}.app-topbar{height:56px;background:#050606;border-bottom:1px solid #17181a;display:flex;align-items:center;gap:28px;padding:0 18px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:.02em}.brand-mark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#0a0a0a;background:linear-gradient(135deg,var(--lime),#78ffb2);box-shadow:0 0 0 2px #b7ff3c33}.top-nav{display:flex;gap:34px;font-weight:800}.top-nav a{text-decoration:none;color:#f0f0f0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.credit{font-size:13px;color:#e5c95b}.workspace-pill{padding:9px 24px;border-radius:10px;background:linear-gradient(90deg,#74ff85,var(--lime));color:#061006;font-weight:900;text-decoration:none}.app-shell{height:calc(100vh - 56px);min-height:680px;display:grid;grid-template-columns:64px minmax(330px,360px) minmax(420px,1fr) minmax(240px,272px);gap:10px;padding:10px 8px 10px 0;background:#090a0b}.rail{background:#111214;border-right:1px solid #202124;display:flex;flex-direction:column;align-items:center;padding:10px 6px;gap:10px}.rail-item{width:54px;min-height:64px;border:0;border-radius:16px;background:transparent;color:#e8e8e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;text-decoration:none;text-align:center}.rail-item span{font-size:24px;line-height:1;filter:grayscale(.2)}.rail-item b{font-size:11px;font-weight:700}.rail-item.active{color:var(--lime);background:#ffffff0a;box-shadow:inset 0 0 0 1px #b7ff3c3d}.rail-item:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.rail-bottom{margin-top:auto}.settings-panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-rows:1fr auto;min-width:0;min-height:0}.panel-scroll{overflow-y:auto;overflow-x:hidden;padding:14px 14px 0;scrollbar-color:#666 transparent}.mode-card{height:76px;padding:8px;background:#111213;border-radius:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.mode-tab{min-width:0;border:0;border-radius:14px;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;font-weight:800}.mode-tab[aria-pressed=true]{background:#303033;color:#fff}.tab-icon{width:35px;height:30px;display:block;position:relative}.image-icon:before{content:"";position:absolute;inset:4px;border:3px solid #b98fa9;border-radius:5px}.image-icon:after{content:"";position:absolute;width:31px;height:31px;right:-4px;bottom:-5px;background:linear-gradient(135deg,#ffe07a,#ff4f9a);clip-path:polygon(50% 0,100% 85%,0 85%);border-radius:9px}.cubes-icon:before,.cubes-icon:after{content:"";position:absolute;width:18px;height:18px;background:linear-gradient(135deg,#ffe278,#ff8d00);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.cubes-icon:before{left:4px;top:4px}.cubes-icon:after{right:3px;bottom:3px;box-shadow:-14px 0 #ffc13d}.text-icon:before{content:"T";position:absolute;left:3px;top:1px;color:#a4c968;font-size:30px;font-weight:900}.text-icon:after{content:"";position:absolute;right:0;bottom:0;width:26px;height:26px;background:linear-gradient(135deg,#b9ff39,#39bd3f);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.input-section{margin-bottom:12px}.upload-zone,.text-zone{min-height:138px;border:1px dashed rgba(255,255,255,.22);border-radius:18px;background:#121314;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#777;gap:7px;padding:16px}.upload-zone:focus,.mode-tab:focus-visible,.segmented button:focus-visible,.switch-row:focus-visible,.generate-button:focus-visible{outline:2px solid #3f7cff;outline-offset:2px}.upload-zone span{font-size:28px;color:#62666b}.upload-zone strong{color:#e0e1e2;font-weight:800}.upload-zone small,.text-zone small{color:#777}.view-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.view-slots span{height:74px;border:1px dashed rgba(255,255,255,.2);border-radius:14px;display:grid;place-items:center;font-size:20px}.text-zone{align-items:stretch;text-align:left}.text-zone textarea{min-height:130px;resize:vertical;border:1px solid var(--line2);border-radius:14px;background:#111214;color:#eee;padding:14px;font:inherit}.hidden{display:none!important}.preset-strip{height:38px;margin-bottom:16px;border-radius:12px;background:linear-gradient(90deg,#b7ff3c14,#6747ff1a);display:flex;align-items:center;justify-content:center;gap:8px}.avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--lime));display:grid;place-items:center}.preset{border:0;background:transparent;color:#e8f7bd;font-size:17px;cursor:pointer}.control-block{padding:0 0 15px;margin-bottom:13px;border-bottom:1px solid rgba(255,255,255,.04)}.label-row,.control-block label{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:800;margin-bottom:10px}.label-row i{font-style:normal;width:18px;height:18px;border-radius:50%;background:#444;color:#111;display:inline-grid;place-items:center;font-size:12px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#121313;border-radius:13px}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{border:1px solid transparent;border-radius:10px;background:transparent;color:#747474;min-height:42px;font-weight:900;font-size:15px;cursor:pointer}.segmented button[aria-pressed=true]{background:#292a2b;color:var(--lime);border-color:#ffffff0a;box-shadow:inset 0 0 0 1px #0000004d}.tip{display:none;margin:10px 0 0;padding:12px;border-radius:12px;background:#121313;line-height:1.35;color:#f2f2f2;font-weight:700}.tip.show{display:block}.two-col{display:grid;grid-template-columns:1fr 86px;gap:10px}.two-col label{display:block}.two-col span,.range-block label{display:block;color:#f2f2f2;margin-bottom:9px;font-weight:800}select,input[type=number]{width:100%;height:44px;background:#28292b;color:#eee;border:1px solid var(--line);border-radius:12px;padding:0 12px;font:inherit}.switches{display:grid;gap:9px}.switch-row{height:34px;border:0;background:transparent;color:#e9e9e9;display:flex;align-items:center;justify-content:space-between;font:inherit;font-weight:800;cursor:pointer}.switch-row i{width:44px;height:26px;border-radius:999px;background:#454548;position:relative}.switch-row i:after{content:"";position:absolute;top:4px;left:5px;width:18px;height:18px;border-radius:50%;background:#f4f4f4;transition:.18s}.switch-row[aria-pressed=true] i{background:var(--lime)}.switch-row[aria-pressed=true] i:after{left:21px}.range-line{display:grid;grid-template-columns:1fr 92px;gap:10px;align-items:center}.range-line input{accent-color:var(--lime)}.range-line output{height:42px;border:1px solid var(--line2);border-radius:12px;display:grid;place-items:center;background:#151617;font-weight:800}.sticky-cta{background:#252525;padding:12px 14px 14px;box-shadow:0 -16px 22px #0000002e}.cost{display:flex;justify-content:center;gap:18px;margin-bottom:10px;font-size:16px}.generate-button{height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(100deg,var(--lime),#ffe7a2,var(--pink));color:#050505;text-decoration:none;font-size:18px;font-weight:950}.viewport{position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.14),transparent 0 24%,rgba(255,255,255,.05) 25%,transparent 48%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#111214;background-size:auto,54px 54px,54px 54px;display:grid;place-items:center}.viewport:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(255,255,255,.06) 49%,transparent 50%),linear-gradient(90deg,transparent 49%,rgba(255,255,255,.06) 50%,transparent 51%);opacity:.55}.viewport:after{content:"";position:absolute;left:-10%;right:-10%;bottom:14%;height:1px;background:#ffffff14;box-shadow:0 -90px 80px #ffffff0a;transform:perspective(500px) rotateX(64deg)}.axis{position:absolute;right:24px;top:22px;display:flex;gap:2px;z-index:2}.axis span{width:10px;height:10px;border-radius:50%;font-size:0}.axis span:nth-child(1){background:#2a83ff}.axis span:nth-child(2){background:#98ff3e}.axis span:nth-child(3){background:#ff4d67}.empty-state{position:relative;z-index:1;text-align:center;max-width:520px;color:#a2a4a8}.shape-logo{width:70px;height:70px;margin:0 auto 16px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;filter:drop-shadow(0 0 25px rgba(183,255,60,.25))}.shape-logo span{background:linear-gradient(135deg,#fff68a,var(--lime));border-radius:8px}.shape-logo span:nth-child(1){clip-path:polygon(50% 0,100% 100%,0 100%)}.shape-logo span:nth-child(2){border-radius:50%}.shape-logo span:nth-child(4){transform:rotate(45deg)}.empty-title{display:block;font-size:23px;line-height:1.2;margin:0 0 8px;color:#d9dadd;letter-spacing:-.02em}.empty-state p{margin:0 auto 14px;line-height:1.55}.center-cta{display:inline-flex;padding:12px 28px;border-radius:13px;background:linear-gradient(100deg,var(--lime),#ffe7a2,var(--pink));color:#070707;text-decoration:none;font-weight:900}.prompt{margin-top:14px;font-size:12px;color:#8f9499;max-height:64px;overflow:auto}.wire-model{position:absolute;left:10%;bottom:8%;width:160px;height:120px;opacity:.25}.wire-model span{position:absolute;border:1px solid rgba(183,255,60,.65);transform:skewY(-20deg) rotate(10deg)}.wire-model span:nth-child(1){inset:30px 44px 28px 20px}.wire-model span:nth-child(2){inset:6px 22px 54px 48px}.wire-model span:nth-child(3){inset:46px 2px 10px 68px}.asset-dock{background:#141518;border:1px solid var(--line);border-radius:18px;padding:14px;overflow:auto}.search{height:34px;border:1px solid var(--line);border-radius:10px;color:#666;display:flex;align-items:center;padding:0 10px;margin-bottom:12px}.asset-toolbar{display:flex;gap:10px;margin-bottom:18px}.asset-toolbar button{border:0;background:transparent;color:#bdbdbd;font-size:16px}.asset-dock h2{font-size:15px;margin:0 0 12px}.thumb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.thumb{min-height:106px;border-radius:14px;background:#1d1e22;padding:8px;position:relative;overflow:hidden}.thumb span{display:block;height:70px;border-radius:10px;background:radial-gradient(circle,#f7d173,transparent 45%),#292b30}.thumb b{font-size:11px;color:#bbb}.thumb.car span{background:linear-gradient(160deg,#f8d75a,#b46b24)}.thumb.rock span{background:radial-gradient(circle at 40% 35%,#847867,#373330)}.thumb.mushroom span{background:radial-gradient(circle at 55% 20%,#f4435b 0 28%,transparent 29%),radial-gradient(circle at 50% 70%,#f0d2a2 0 18%,transparent 19%),#25252b}.thumb.crate span{background:linear-gradient(135deg,#a7ff3e,#22792a)}.seo-copy{min-height:280px;padding:48px max(24px,calc((100vw - 1120px)/2));color:#a6a9ae;text-align:center;background:#090a0b;border-top:1px solid var(--line)}.seo-copy h1{margin:0 0 12px;color:#f2f3f4;font-size:32px;letter-spacing:-.025em}.seo-copy>p{max-width:780px;margin:0 auto 32px;line-height:1.65}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left}.seo-grid article{padding:20px;border:1px solid var(--line);border-radius:16px;background:#111214}.seo-grid h2{margin:0 0 8px;color:#eceeef;font-size:16px}.seo-grid p{margin:0;color:#8f9398;line-height:1.55;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(prefers-reduced-motion:no-preference){.wire-model{animation:float 6s ease-in-out infinite}.shape-logo{animation:pulse 4s ease-in-out infinite}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes pulse{50%{filter:drop-shadow(0 0 38px rgba(255,127,181,.28))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:1120px){.app-shell{grid-template-columns:60px minmax(330px,360px) 1fr}.asset-dock{display:none}.top-nav{gap:16px}}@media(max-width:760px){body{overflow:auto}.app-topbar{gap:10px;padding:0 8px}.top-nav{display:none}.brand b{font-size:14px}.top-actions{gap:6px}.workspace-pill{display:none}.app-shell{height:auto;min-height:calc(100vh - 56px);grid-template-columns:54px minmax(0,1fr);grid-template-areas:"rail panel" "rail viewport";gap:8px;padding:8px 8px 8px 0}.rail{grid-area:rail}.settings-panel{grid-area:panel;max-height:72vh}.viewport{grid-area:viewport;min-height:420px}.two-col{grid-template-columns:1fr}.mode-card{height:70px}.mode-tab b{display:none}.empty-state{padding:30px 14px}.center-cta{display:none}.empty-title{font-size:20px}.seo-copy{padding:36px 20px}.seo-copy h1{font-size:26px}.seo-grid{grid-template-columns:1fr}.rail-item{width:46px;min-height:58px}.rail-item b{font-size:10px}}.product-seo{position:relative;text-align:left;overflow:hidden;background:radial-gradient(circle at 18% 0,rgba(183,255,60,.13),transparent 34%),radial-gradient(circle at 86% 10%,rgba(255,127,181,.12),transparent 30%),#07080a;border-top:1px solid rgba(255,255,255,.08);padding:76px max(24px,calc((100vw - 1160px)/2)) 84px}.product-seo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 26%);pointer-events:none}.product-seo>*{position:relative}.product-seo .eyebrow{margin:0 0 14px;color:var(--lime);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.product-seo h1{max-width:820px;margin:0 0 18px;color:#f7f8f8;font-size:clamp(38px,5vw,72px);line-height:.94;letter-spacing:-.055em}.answer-intro{max-width:920px;margin:0 0 28px!important;color:#c8cdd4!important;font-size:18px;line-height:1.7!important}.workflow-band{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:30px 0;padding:20px;border:1px solid rgba(183,255,60,.2);border-radius:24px;background:linear-gradient(135deg,#b7ff3c14,#ffffff08)}.workflow-band span{color:#7f8790;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.workflow-band strong{color:#edf3e7;font-size:14px}.product-cards{grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}.product-cards article{background:linear-gradient(180deg,#ffffff0f,#ffffff06);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:22px}.product-cards h2{color:#fff;font-size:17px;margin:0 0 10px}.product-cards p{color:#aeb5bd;font-size:14px;line-height:1.62;margin:0}.topic-chips{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.topic-chips span{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0b;color:#d2d7df;padding:9px 12px;font-size:13px}.faq-list{margin-top:34px}.faq-list h2,.related-tools h2{color:#fff;font-size:24px;margin:0 0 14px}.faq-list details{border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#101216;margin:10px 0;padding:16px}.faq-list summary{cursor:pointer;color:#f4f6f8;font-weight:850}.faq-list p{margin:10px 0 0;color:#aeb6c0;line-height:1.65}.related-tools{margin-top:32px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.related-tools h2{width:100%}.related-tools a{color:#10130c;background:linear-gradient(135deg,var(--lime),#ffe7a2);border-radius:999px;padding:11px 15px;text-decoration:none;font-weight:900}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:36px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#111318}.final-cta p{margin:0;color:#dbe1e8}.final-cta a{white-space:nowrap;color:#070707;text-decoration:none;font-weight:950;border-radius:999px;padding:13px 18px;background:linear-gradient(135deg,var(--pink),var(--lime))}@media(max-width:900px){.product-cards{grid-template-columns:1fr 1fr}.workflow-band{grid-template-columns:1fr}.final-cta{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.product-seo{padding:44px 18px 56px}.product-cards{grid-template-columns:1fr}.product-seo h1{font-size:34px}.answer-intro{font-size:16px}.topic-chips span{font-size:12px;max-width:100%}.related-tools a,.final-cta a{white-space:normal}.workflow-band{overflow-wrap:anywhere}}@media(max-width:760px){.app-shell{padding-bottom:86px}.rail{position:fixed;left:50%;right:auto;bottom:calc(12px + env(safe-area-inset-bottom));top:auto;z-index:20;transform:translate(-50%);width:min(360px,calc(100vw - 24px));height:auto;min-height:0;flex-direction:row;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#111214d1;backdrop-filter:blur(18px);box-shadow:0 18px 48px #00000057;padding:8px;gap:6px}.rail-item{width:auto;min-width:0;flex:1;min-height:54px;border-radius:16px}.rail-item span{font-size:18px}.rail-item b{font-size:10px}.rail-bottom{margin-top:0}}.upload-zone{cursor:pointer}.upload-zone.is-dragging{border-color:var(--lime);background:#b7ff3c14}.upload-zone.has-files{border-color:#b7ff3c8f;background:linear-gradient(135deg,#b7ff3c17,#ff7fb50f);color:#dfe5df}.upload-previews{display:flex;justify-content:center;gap:8px;width:100%;max-width:290px}.upload-preview,.upload-more{width:62px;height:54px;border-radius:12px;background:#242629;border:1px solid rgba(255,255,255,.14);overflow:hidden;display:grid;place-items:center;color:var(--lime);font-weight:900}.upload-preview img{width:100%;height:100%;object-fit:cover}.upload-zone.has-files small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b8c0b8}.upload-zone.has-files em{font-style:normal;color:#8f9690;font-size:12px}.upload-previews{flex-wrap:wrap}.upload-preview{position:relative}.upload-remove{position:absolute;right:4px;top:4px;width:20px;height:20px;border:0;border-radius:50%;background:#040506d1;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:900;line-height:1;cursor:pointer}.upload-remove:hover,.upload-remove:focus-visible{background:#ff4d67;color:#fff;outline:2px solid rgba(255,255,255,.7);outline-offset:1px}.app-shell{padding-top:0}