[hidden]{display:none!important}
:root{--phase:0}.creator-context{margin-left:auto;color:#778397;font-size:9px;letter-spacing:.11em}.hide-local-demo .status{display:none}.craft fieldset{position:relative;overflow:hidden}.craft fieldset:has(input:checked){border-color:#4d9c98;background:linear-gradient(105deg,#123336,#10151e 48%);box-shadow:inset 4px 0 0 var(--cyan),0 10px 24px #00000020}.layer-voxel{position:absolute;right:19px;top:14px;width:10px;height:10px;background:var(--cyan);opacity:.3;transform:rotate(30deg) skewY(-30deg);box-shadow:15px 7px 0 -3px var(--violet),-11px 11px 0 -4px var(--orange)}fieldset[data-group="format"] .layer-voxel{background:var(--violet)}fieldset[data-group="twist"] .layer-voxel{background:var(--orange)}.choice label:hover{border-color:#75869d;background:#192332;color:#f5ffff;transform:translateY(-1px)}.choice input:checked+label{font-weight:700;letter-spacing:.02em;box-shadow:inset 0 0 0 1px #5df3dc88,0 0 20px #5df3dc1c}.craft-footer{padding-top:3px}.selection-recipe{margin:7px 0 0!important;color:var(--cyan)!important;font-size:10px!important;font-weight:700;letter-spacing:.1em;max-width:580px;line-height:1.45}.primary:disabled{background:#151b24;border-color:#2b3544;color:#667286;opacity:1;box-shadow:none}.primary:not(:disabled){box-shadow:0 8px 24px #5df3dc26}.scan-cube{--phase:0;box-shadow:0 0 calc(22px + var(--phase)*8px) #a47cff66;transition:background .3s,box-shadow .3s,filter .3s}.scan-cube:after{content:"";position:absolute;inset:-12px;border:1px solid #5df3dc55;transform:scale(calc(1 + var(--phase)*.055));transition:transform .35s ease,border-color .35s ease}.generator .progress{box-shadow:0 0 18px #5df3dc22}.generation-steps li.done{animation:step-on .3s ease both}.idea-grid{grid-template-columns:.85fr 1.3fr}.idea-grid .short{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;min-height:320px;background:linear-gradient(145deg,#153b3b,#10242a 52%,#131726);border-right:0}.idea-grid .short:before{content:"";position:absolute;width:32%;height:72%;right:6%;border:1px solid #5df3dc35;border-radius:18px;box-shadow:inset 0 0 55px #5df3dc10}.idea-grid .short p{position:relative}.idea-grid .short p span{float:right;color:#b4c7d1;font-size:9px}.idea-grid .short h2{position:relative;font-size:clamp(24px,2.7vw,37px);max-width:520px}.idea-grid .hook{border-right:1px solid var(--line)}.idea-grid .test{border-right:1px solid var(--line)}.idea-grid .title{border-bottom:0}.idea-grid .test,.idea-grid .title{min-height:120px}.idea-grid .title h2{font-size:clamp(16px,1.75vw,23px)}@keyframes step-on{from{opacity:.3;translate:-5px 0}to{opacity:1;translate:0}}@media(max-width:700px){.creator-context{display:none}.idea-grid{grid-template-columns:1fr}.idea-grid .short{grid-row:auto;min-height:250px;order:2}.idea-grid .hook{order:1}.idea-grid .test{order:3}.idea-grid .title{order:4}.idea-grid .short:before{width:52%;height:68%;right:7%}.idea-grid .short,.idea-grid .hook,.idea-grid .test{border-right:0}.layer-voxel{right:12px}.selection-recipe{font-size:9px!important}.choice label:hover{transform:none}}@media(prefers-reduced-motion:reduce){.choice label:hover{transform:none}.generation-steps li.done{animation:none}.scan-cube:after{transition:none}}
:root{color-scheme:dark;--bg:#080a10;--panel:#10141d;--line:#273143;--text:#f1f4f8;--muted:#99a5b8;--cyan:#5df3dc;--violet:#a47cff;--orange:#ffae63}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.ambient{position:fixed;width:42vw;height:42vw;filter:blur(100px);pointer-events:none;opacity:.16}.ambient-one{background:#3659df;top:-24vw;right:-10vw}.ambient-two{background:#0b9e83;bottom:-28vw;left:-12vw}.shell{width:min(1160px,calc(100% - 48px));min-height:100svh;margin:auto;padding:26px 0 34px;position:relative}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.09em;font-size:12px}.brand b{color:var(--cyan)}.brand-mark{display:flex;gap:2px;align-items:end;height:15px}.brand-mark i{display:block;width:4px;background:var(--cyan)}.brand-mark i:nth-child(1){height:6px}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:9px}.status{margin-left:auto;color:var(--muted);font-size:9px;border:1px solid var(--line);padding:5px 7px;border-radius:20px}.screen{min-height:calc(100svh - 75px);padding:48px 0 15px}.intro{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow{font-weight:700;font-size:11px;letter-spacing:.15em;color:var(--cyan);margin:0 0 16px}.eyebrow span{color:var(--violet);padding:0 5px}h1{font-size:clamp(42px,6.7vw,82px);line-height:.96;letter-spacing:-.065em;margin:0;max-width:760px}h1 em{font-style:normal;color:var(--cyan)}.lead{color:var(--muted);font-size:18px;line-height:1.5;max-width:460px;margin:25px 0 32px}.primary,.secondary{font:inherit;font-size:12px;letter-spacing:.1em;font-weight:bold;padding:15px 18px;border-radius:3px;border:1px solid var(--cyan);cursor:pointer;transition:.2s transform,.2s background}.primary{background:var(--cyan);color:#08201f}.primary:hover,.primary:focus-visible{transform:translateY(-2px);background:#9affee}.primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.secondary{color:var(--text);background:transparent;border-color:var(--line)}.secondary:hover,.secondary:focus-visible{border-color:var(--violet);background:#171521}.hero-visual{height:min(52vw,550px);position:relative;border:1px solid #27314370;background:linear-gradient(135deg,#111b2b88,#0b0e1688);overflow:hidden;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#5df3dc20 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#5df3dc20 50%,transparent 50.2%);background-size:38px 38px;mask-image:radial-gradient(circle,#000,transparent 70%)}.core{position:absolute;top:42%;left:47%;width:82px;height:82px;transform:rotate(30deg) skewY(-30deg);background:linear-gradient(135deg,var(--cyan),#328cbc);box-shadow:0 0 80px #5df3dc80;animation:float 5s ease-in-out infinite}.core span{position:absolute;background:#0f5160}.core span:nth-child(1){width:100%;height:29px;bottom:-28px;left:15px;transform:skewX(-60deg);opacity:.8}.core span:nth-child(2){width:29px;height:100%;right:-28px;bottom:-15px;transform:skewY(-60deg);opacity:.55}.core span:nth-child(3){inset:20px;background:#d4fffa;opacity:.7}.orbit{position:absolute;border:1px solid #a47cff70;border-radius:50%;top:18%;left:14%;width:74%;height:64%;transform:rotate(-23deg);animation:spin 14s linear infinite}.orbit-b{top:30%;left:23%;width:54%;height:40%;border-color:#5df3dc55;animation-direction:reverse;animation-duration:11s}.voxel{position:absolute;width:20px;height:20px;background:var(--violet);box-shadow:0 0 22px #a47cff99;animation:float 4s ease-in-out infinite}.voxel-a{top:20%;left:20%}.voxel-b{bottom:18%;right:14%;background:var(--orange);animation-delay:-1.8s}.voxel-c{top:19%;right:18%;width:12px;height:12px;background:var(--cyan);animation-delay:-3s}.data-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);width:45%;animation:scan 5s ease-in-out infinite}.line-a{top:30%;left:-10%}.line-b{bottom:24%;right:-10%;animation-delay:-2.2s}.hero-visual p{position:absolute;bottom:18px;left:20px;font-size:9px;line-height:1.7;color:var(--muted);letter-spacing:.12em}.hero-visual p b{color:var(--cyan)}.screen-heading h1{font-size:clamp(38px,5vw,64px)}.screen-heading>p:last-child{color:var(--muted);margin:15px 0 34px}form{display:grid;gap:18px}fieldset{border:1px solid var(--line);margin:0;padding:16px 18px 18px;background:#0f131cbb}legend{font-size:10px;color:var(--cyan);letter-spacing:.14em;padding:0 8px}legend span{color:var(--text);margin-left:8px}.choices{display:flex;gap:9px;flex-wrap:wrap}.choice{position:relative}.choice input{position:absolute;opacity:0;inset:0}.choice label{display:block;padding:10px 13px;border:1px solid #2c3545;color:#c5cdda;font-size:13px;cursor:pointer;transition:.2s}.choice input:checked+label{background:#173b3c;border-color:var(--cyan);color:var(--cyan);box-shadow:inset 0 0 0 1px #5df3dc44}.choice input:focus-visible+label{outline:2px solid var(--violet);outline-offset:2px}.craft-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.craft-footer p{margin:0;color:var(--muted);font-size:13px}.generate{display:grid;place-items:center;text-align:center}.generator{width:min(580px,100%)}.generator h1{font-size:clamp(32px,5vw,57px);margin:12px auto 32px}.scan-cube{margin:0 auto 42px;width:75px;height:75px;transform:rotate(30deg) skewY(-30deg);background:var(--violet);position:relative;animation:float 2.2s ease-in-out infinite}.scan-cube i{position:absolute;inset:13px;background:var(--bg);border:2px solid var(--cyan)}.scan-cube i:nth-child(2){inset:auto;top:35px;left:-50px;width:175px;height:1px;background:var(--cyan);box-shadow:0 0 18px var(--cyan);animation:scanY 1.8s ease-in-out infinite}.progress{height:5px;background:#1b2432;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width .55s ease}.generation-steps{list-style:none;padding:16px 0 0;margin:0;text-align:left;display:grid;gap:8px;font-size:11px;letter-spacing:.09em;color:#5f6a7c}.generation-steps li:before{content:"□";margin-right:10px}.generation-steps li.done{color:var(--cyan)}.generation-steps li.done:before{content:"■"}.result{min-height:auto}.result-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.result h1{font-size:clamp(46px,6vw,72px)}.recipe{color:var(--muted);font-size:10px;letter-spacing:.1em;max-width:300px;text-align:right;line-height:1.5}.idea-card{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,#121b29,#11121a);overflow:hidden}.card-noise{position:absolute;inset:0;opacity:.25;background:linear-gradient(135deg,transparent 49.5%,#5df3dc12 50%,transparent 50.5%);background-size:15px 15px}.idea-grid{position:relative;display:grid;grid-template-columns:1fr 1fr}.idea-grid section{padding:25px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:145px}.idea-grid section:nth-child(even){border-right:0}.idea-grid section:nth-last-child(-n+2){border-bottom:0}.idea-grid .short{background:#152d2e}.idea-grid p{font-size:10px;letter-spacing:.15em;color:var(--cyan);margin:0 0 18px}.idea-grid h2{font-size:clamp(18px,2.25vw,28px);letter-spacing:-.04em;line-height:1.1;margin:0;max-width:470px}.result-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:20px}.human-loop{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#a5b0c0;font-size:9px;letter-spacing:.08em}.human-loop i{font-style:normal;color:var(--cyan)}.human-loop strong{color:var(--cyan)}.result-actions{display:flex;gap:10px;flex-shrink:0}.closing{text-align:center;color:#677285;letter-spacing:.12em;font-size:10px;margin:42px 0 0}.closing b{color:var(--text)}@keyframes float{50%{translate:0 -14px}}@keyframes spin{to{rotate:360deg}}@keyframes scan{50%{transform:translateX(100%)}}@keyframes scanY{50%{transform:translateY(-35px)}}@media(max-width:700px){.shell{width:min(100% - 32px,1160px);padding-top:18px}.status{display:none}.screen{padding-top:38px}.intro{grid-template-columns:1fr;gap:35px}.hero-visual{height:290px;order:-1}.hero-copy{padding-bottom:10px}h1{font-size:clamp(40px,13vw,58px)}.lead{font-size:16px}.choices{gap:7px}.choice label{font-size:12px;padding:9px 10px}.craft-footer,.result-bottom{align-items:stretch;flex-direction:column}.craft-footer .primary,.result-actions button{width:100%}.result-actions{width:100%}.result-top{align-items:start;flex-direction:column}.recipe{text-align:left}.idea-grid{grid-template-columns:1fr}.idea-grid section,.idea-grid section:nth-child(even),.idea-grid section:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:22px}.idea-grid section:last-child{border-bottom:0}.human-loop{line-height:1.8}.closing{margin-top:34px;line-height:1.8}.generator{padding-bottom:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.progress i{transition-duration:.01ms}.primary,.secondary{transition:none}}
