:root{color-scheme:dark;--bg:#0b0d12;--panel:#151821;--panel2:#1b1e28;--line:rgba(244,250,255,.13);--text:#f1f3f7;--muted:#a1a6b6;--acid:#dfff71;--accent:#f7ad8f;--edge:1px solid var(--line);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;font-synthesis:none;font-smooth:always}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}::selection{background:var(--acid);color:#10120f}*:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.grid-backdrop{position:absolute;pointer-events:none;inset:0 0 auto 0;height:950px;opacity:.33;background-image:linear-gradient(to right,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,#000,transparent 92%)}.noise{position:fixed;z-index:4;inset:0;pointer-events:none;opacity:.025;background-image:url('data:image/svg+xml,%3Csvg viewBox=%220 0 180 180%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.78%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22/%3E%3C/svg%3E')}.orb{position:absolute;pointer-events:none;z-index:0;border-radius:100%;filter:blur(95px);opacity:.12}.orb-a{width:500px;height:440px;background:#b1db37;right:0;top:0}.orb-b{width:470px;height:370px;background:#8b71f9;left:-350px;top:720px}
.topbar,main,.footer{position:relative;z-index:1}.topbar{height:88px;border-bottom:var(--edge);display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,calc((100vw - 1350px)/2));backdrop-filter:blur(16px)}.brandline{display:flex;align-items:center;gap:12px;font-size:17px;letter-spacing:-.6px;font-weight:400}.brandline b{font-weight:900}.dot,.period,.section-heading h2 span,.footer strong span{color:var(--acid)}.mark-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #a9d456;border-radius:12px;color:var(--acid)}.mark-icon svg{width:27px}.edition{font-size:12px;letter-spacing:1.6px;color:#8a8f9e;border-left:var(--edge);padding-left:13px;margin-left:3px}.top-actions{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:700;color:#a9adbd}.top-actions a:hover{color:var(--acid)}.github-chip{border:1px solid #4d5d42;border-radius:11px;padding:13px 17px;color:var(--acid)!important}.github-chip span{padding-left:7px}main{max-width:1350px;margin:auto;padding:0 28px}
.hero{min-height:625px;display:grid;grid-template-columns:1.14fr 0.86fr;align-items:center;padding:64px 0 65px;gap:20px}.eyebrow,.kicker,.selection-kicker{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--acid)}.eyebrow{display:flex;align-items:center;gap:11px}.pulse-dot{display:inline-block;vertical-align:middle;height:8px;width:8px;background:var(--acid);border-radius:100%;box-shadow:0 0 0 5px rgba(223,255,113,.09)}.small-number{color:#7c8294;margin-left:13px}.hero h1{font-size:clamp(55px,6.2vw,100px);line-height:1.025;letter-spacing:-6.5px;font-weight:790;margin:30px 0 22px}.asterisk{font-size:.55em;vertical-align:super;color:var(--accent);margin-left:14px;display:inline-block;animation:slowturn 13s linear infinite}.hero-subtitle{color:var(--muted);font-size:17px;line-height:1.8;max-width:580px;font-weight:380}.hero-cta{margin-top:35px;display:flex;align-items:center;gap:23px;flex-wrap:wrap}.button-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 23px;color:#0e1209;background:var(--acid);border:1px solid var(--acid);border-radius:11px;font-size:13px;font-weight:800;transition:transform .25s,box-shadow .25s,background .25s}.button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(223,255,113,.19);background:#eafaac}.button-primary span{font-size:21px;line-height:10px}.inline-label{font-size:12px;color:#79808f;letter-spacing:1px;font-weight:700}.hero-art{height:450px;max-width:550px;width:100%;margin:auto;position:relative;display:grid;place-items:center}.art-caption{position:absolute;left:0;right:0;font-size:12px;color:#8b929c;letter-spacing:1.2px;font-weight:700;display:flex;justify-content:space-between}.art-caption.top{top:15px}.art-caption.bottom{bottom:10px}.turntable{position:relative;width:400px;height:400px;display:grid;place-items:center}.ring{position:absolute;border:1px solid rgba(223,255,113,.18);border-radius:100%;inset:0}.ring-1{inset:10px;animation:slowturn 38s linear infinite;border-style:dashed}.ring-2{inset:54px;border-color:rgba(223,255,113,.24)}.ring-3{inset:90px;border-color:rgba(223,255,113,.12);border-style:dashed;animation:slowturn 29s linear infinite reverse}.turntable:before,.turntable:after{content:'';height:6px;width:6px;position:absolute;border-radius:50%;background:var(--acid)}.turntable:before{top:57px;left:85px}.turntable:after{right:29px;bottom:95px}.monogram-shape{width:245px;height:245px;filter:drop-shadow(0 20px 35px rgba(197,255,91,.15));animation:float 7s ease-in-out infinite}.monogram-shape svg{width:100%;height:100%}
.stats-strip{display:flex;justify-content:space-between;align-items:center;border-top:var(--edge);border-bottom:var(--edge);padding:30px 22px;gap:10px}.stats-strip div{display:flex;align-items:center;gap:12px}.stats-strip strong{font-size:24px;letter-spacing:-1px}.stats-strip span{font-size:12px;color:#8c93a2}.stats-strip i{height:27px;width:1px;background:var(--line)}
.studio-workflow,.results-section,.delivery-section,.prompt-section{padding-top:107px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-heading h2{font-size:clamp(33px,4.1vw,58px);margin:13px 0 0;letter-spacing:-2.5px;line-height:1.06}.section-heading p{font-size:13px;max-width:375px;line-height:1.75;color:var(--muted);margin:0 0 6px}.main-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.card{background:linear-gradient(142deg,rgba(26,29,38,.94),rgba(18,20,28,.96));border:var(--edge);border-radius:19px;overflow:hidden}.editor-card{padding:33px}.card-head{display:flex;gap:16px;align-items:center;margin-bottom:33px}.card-head h3{font-size:19px;letter-spacing:-.7px;margin:0 0 6px}.card-head p{color:#818899;font-size:12px;margin:0}.step-index{height:49px;width:49px;border:1px solid rgba(223,255,113,.35);border-radius:13px;display:grid;place-items:center;color:var(--acid);font-size:14px;font-weight:800}.step-index.muted{color:#b9b9bf;border-color:#484955}.icon-badge{margin-left:auto;border:var(--edge);border-radius:10px;display:grid;place-items:center;width:37px;height:37px;color:var(--acid);font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 14px}.field{display:flex;flex-direction:column;gap:9px;min-width:0}.field.full{grid-column:1/-1}.field span{font-size:12px;font-weight:760;color:#e9ecf7}.field em{font-size:8px;font-style:normal;color:#707787;letter-spacing:.7px;margin-left:6px}.field input,.field textarea,.field select{width:100%;background:#101219;border:1px solid #343744;border-radius:9px;color:#eef1f7;outline:0;padding:14px 13px;font-size:13px;resize:vertical;min-height:47px;transition:border-color .2s,background .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#b5e86d;background:#12161b}.field input::placeholder,.field textarea::placeholder{color:#646b7d}.field select{appearance:none;padding-right:36px;background-image:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22%3E%3Cpath d=%22M4 6l4 4 4-4%22 fill=%22none%22 stroke=%22%239ca3af%22 stroke-width=%222%22/%3E%3C/svg%3E');background-size:13px;background-repeat:no-repeat;background-position:right 12px center}.palette-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:27px}.palette-row h4{font-size:13px;margin:0 0 8px}.palette-row p{font-size:12px;color:#8e94a1;margin:0}.colorinputs{display:flex;gap:9px}.color-select{position:relative;width:53px;height:53px;border:1px solid #5d5d66;border-radius:11px;overflow:hidden;cursor:pointer}.color-select input{height:80px;width:80px;position:absolute;top:-14px;left:-14px;border:0;cursor:pointer}.color-select span{position:absolute;bottom:3px;right:4px;color:#0d1016;background:#fff8;border-radius:3px;padding:2px;font-size:7px;pointer-events:none}.rule{height:1px;background:var(--line);margin:24px 0}.field-row{display:flex;gap:14px;margin-bottom:21px}.field-row>.field:first-child{flex:1}.field-row>.field.compact{width:155px}.form-actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.button-secondary,.button-import{display:inline-flex;justify-content:center;align-items:center;gap:13px;border:1px solid #545764;border-radius:10px;color:#f0f0f4;background:#20232e;font-weight:750;font-size:12px;padding:16px 19px;transition:border-color .2s,background .2s}.button-secondary:hover,.button-import:hover{border-color:var(--acid);background:#2a3035}.system-note{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#858d9c;margin-top:22px;line-height:1.6}.system-led{height:6px;width:6px;flex:none;background:var(--acid);border-radius:10px;margin-top:6px}
.right-column{display:flex;flex-direction:column;gap:19px}.blueprint-card{padding:32px}.blueprint-visual{height:345px;background:#11151c;position:relative;border:1px solid #303842;border-radius:10px;overflow:hidden;display:grid;place-items:center}.blueprint-grid{position:absolute;inset:0;background-size:24px 24px;background-image:linear-gradient(to right,rgba(153,201,195,.065) 1px,transparent 1px),linear-gradient(to bottom,rgba(153,201,195,.065) 1px,transparent 1px)}.blueprint-core{height:220px;width:220px;position:relative}.blueprint-core svg{width:100%;height:100%}.blueprint-tag{position:absolute;color:#a1a9b2;letter-spacing:1px;font-size:12px}.blueprint-tag.a{top:22px;left:19px}.blueprint-tag.b{top:22px;right:20px}.blueprint-tag.c{bottom:20px;right:20px}.principles{display:grid;gap:15px;margin-top:22px}.principles div{display:flex;align-items:center;gap:14px;font-size:12px;color:#d1d5df}.principles span{color:var(--acid);font-size:12px;font-weight:800}.insight-card{padding:27px;display:flex;gap:15px}.insight-icon{font-size:24px;color:var(--acid)}.insight-card strong{font-size:13px}.insight-card p{color:var(--muted);font-size:12px;line-height:1.7;margin:8px 0 0}
.progress-panel{border:1px solid rgba(223,255,113,.27);padding:23px;border-radius:14px;background:#172018;margin-bottom:22px}.progress-head{display:flex;justify-content:space-between;align-items:center}.progress-head>div{display:flex;gap:10px;align-items:center}.progress-head strong{font-size:13px}.progress-head>span{font-size:12px;color:var(--acid)}.progress-track{height:6px;border-radius:9px;background:#353c33;overflow:hidden;margin-top:18px}.progress-track>div{width:0;height:100%;background:var(--acid);transition:width .3s}.progress-panel p{font-size:12px;color:#aeb9ae;margin-bottom:0}.empty-results{min-height:305px;border:1px dashed #424853;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#13151c}.empty-symbol{color:var(--acid);font-size:54px;line-height:1}.empty-results h3{font-size:22px;letter-spacing:-.6px;margin:15px 0 7px}.empty-results p{max-width:410px;line-height:1.7;font-size:12px;color:#a4aaba;margin:0}.text-link{font-size:12px;margin-top:20px;color:var(--acid);font-weight:700}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.concept-card{background:#171a23;border:1px solid #3b3e4c;border-radius:15px;overflow:hidden;cursor:pointer;position:relative;transition:transform .22s,border-color .22s,box-shadow .22s;min-width:0}.concept-card:hover{transform:translateY(-3px);border-color:#8ca86b}.concept-card.selected{border-color:var(--acid);box-shadow:0 0 0 1px rgba(223,255,113,.35)}.concept-preview{position:relative;display:grid;place-items:center;min-height:248px;padding:35px 18px;background:#222630;transition:background .2s}.concept-preview img{display:block;width:100%;max-width:460px;max-height:225px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.1))}.concept-preview.light,.selection-panel.light{background:#eff0f3}.concept-preview.dark,.selection-panel.dark{background:#111317}.concept-preview.transparent,.selection-panel.transparent{background-color:#313842;background-image:linear-gradient(45deg,#404853 25%,transparent 25%),linear-gradient(-45deg,#404853 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#404853 75%),linear-gradient(-45deg,transparent 75%,#404853 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.concept-head{padding:20px 19px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.concept-name strong{display:block;font-size:14px;letter-spacing:-.2px}.concept-name span{display:block;color:#8d94a3;font-size:12px;margin-top:6px}.concept-badge{font-size:12px;font-weight:750;color:#ccd1df;border:1px solid #525665;padding:7px 10px;border-radius:20px;white-space:nowrap}.concept-card.selected .concept-badge{color:#0f1704;background:var(--acid);border-color:var(--acid)}.concept-index{position:absolute;top:14px;left:15px;z-index:2;font-size:12px;padding:7px 10px;background:#1118;border:1px solid #ccc2;border-radius:30px;letter-spacing:1px}.selection-panel{padding:20px;border:var(--edge);border-radius:14px;background:#191d22;margin-top:18px;display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}.selection-panel>div:first-child{display:flex;flex-direction:column;gap:6px}.selection-panel strong{font-size:16px}.selection-panel>div>span:last-child{font-size:12px;color:#9d9faa}.view-switch{border:1px solid #4d525e;border-radius:9px;overflow:hidden;display:flex}.view-switch button{border:0;background:#1d212b;color:#bbbfc9;font-size:12px;font-weight:750;padding:10px}.view-switch button.active{color:#0d1500;background:var(--acid)}.button-primary.small{padding:13px 16px;font-size:12px}
.delivery-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.export-card,.import-card{padding:31px}.formats{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:32px}.formats span{border:1px solid #505461;color:#d7d9e2;background:#252834;border-radius:9px;padding:12px 14px;font-size:12px;font-weight:800;letter-spacing:.6px}.formats span:first-child{color:var(--acid);border-color:#718b56}.export-res{max-width:380px}.export-warning{padding:15px 17px;border:1px solid #4b4334;border-radius:9px;background:#241f1b;display:flex;gap:10px;margin:28px 0 23px}.export-warning span{color:#ffd28c}.export-warning p{margin:0;font-size:12px;color:#b7a898;line-height:1.65}.full-button{width:100%}.import-zone{border:1px dashed #4f5463;border-radius:13px;background:#151923;min-height:252px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px}.upload-orbit{height:52px;width:52px;border:1px solid #7a985a;border-radius:13px;display:grid;place-items:center;color:var(--acid);font-size:25px;margin-bottom:14px}.import-zone strong{font-size:13px}.import-zone p{font-size:12px;color:#858e9d;line-height:1.8}.upload-label{padding:12px 18px;cursor:pointer}.upload-filename{font-size:12px;color:#a0a9b6;margin-top:12px;overflow-wrap:anywhere}.button-import{width:100%;margin-top:14px}.button-import span{font-size:17px}.download-panel{margin-top:22px;border:1px solid #688546;background:#1c2918;border-radius:11px;padding:18px}.download-panel>div:first-child{display:flex;align-items:center;gap:9px}.download-panel strong{font-size:12px}.download-panel p{color:#b9c7ac;font-size:12px;line-height:1.65}.file-ready-dot{width:8px;height:8px;border-radius:50%;background:var(--acid)}.button-download{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--acid);color:#0b1301;border:0;border-radius:8px;font-weight:800;padding:13px 18px;font-size:12px}.delivery-warnings{margin-top:12px;color:#bcbdac;font-size:12px;line-height:1.6;white-space:pre-wrap}
.prompt-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.prompt-controls span{color:#8f97a6;font-size:12px}.prompts-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.prompt-item{border:var(--edge);padding:20px;border-radius:12px;background:#171a21;min-width:0}.prompt-item>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.prompt-item strong{font-size:13px}.prompt-item button{background:#30363c;border:1px solid #444b55;border-radius:8px;color:#dfff71;font-size:12px;padding:9px 12px}.prompt-item p{color:#9399a6;font-size:12px;margin-bottom:0}.footer{margin:100px auto 0;padding:38px max(28px,calc((100vw - 1350px)/2));border-top:var(--edge);display:flex;justify-content:space-between;gap:20px}.footer>div{display:flex;flex-direction:column;gap:9px}.footer strong{letter-spacing:-.4px;font-size:18px}.footer span,.footer a{color:#8c94a5;font-size:12px;letter-spacing:1px}#toast{position:fixed;bottom:24px;right:24px;z-index:100;max-width:min(410px,90vw);padding:15px 20px;background:#252c25;color:#ebf7df;border:1px solid #758c62;border-radius:11px;font-size:12px;line-height:1.6;box-shadow:0 18px 40px #0005;transform:translateY(120px);opacity:0;transition:all .3s;pointer-events:none}#toast.show{transform:translateY(0);opacity:1}#toast.error{background:#37211f;color:#ffd8cb;border-color:#8a4b45}.hidden{display:none!important}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(2deg)}}@keyframes slowturn{to{transform:rotate(360deg)}}@media(max-width:1090px){.topbar{padding:0 25px}.hero h1{letter-spacing:-4px}.turntable{width:330px;height:330px}.right-column,.main-grid{grid-template-columns:1fr 1fr}.editor-card,.blueprint-card{padding:23px}.blueprint-visual{height:320px}}@media(max-width:800px){.top-actions a:not(.github-chip){display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{height:320px}.turntable{height:310px;width:310px}.art-caption{left:5%;right:5%}.main-grid,.delivery-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(52px,11vw,82px)}.stats-strip{flex-wrap:wrap;row-gap:20px}.stats-strip div{width:42%}.stats-strip i{display:none}.blueprint-visual{height:290px}.section-heading{align-items:start;flex-direction:column}.section-heading p{max-width:550px}.results-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){main{padding:0 16px}.topbar{padding:0 17px;height:74px}.edition,.github-chip{display:none}.hero{padding:57px 0 35px}.hero h1{font-size:52px;letter-spacing:-3px}.hero-subtitle{font-size:14px}.hero-art{height:280px}.monogram-shape{height:200px;width:200px}.stats-strip{padding:26px 12px}.stats-strip strong{font-size:21px}.stats-strip span{font-size:12px}.studio-workflow,.results-section,.delivery-section,.prompt-section{padding-top:75px}.section-heading h2{font-size:37px}.editor-card,.blueprint-card,.export-card,.import-card{padding:22px 18px}.form-grid,.results-grid,.prompts-list{grid-template-columns:1fr}.field-row{flex-direction:column}.field-row>.field.compact{width:auto}.card-head{margin-bottom:23px}.selection-panel{flex-direction:column;align-items:stretch}.view-switch{justify-content:space-between}.view-switch button{flex:1}.form-actions>*{width:100%}.footer{padding:27px 18px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* polish layer */
:focus-visible{outline:2px solid var(--acid);outline-offset:3px;border-radius:6px}
button,.btn,a.button,select,input{min-height:44px}
.skip{position:absolute;left:-999px;top:8px;background:var(--acid);color:#0b0d12;padding:10px 16px;border-radius:8px;font-weight:700;z-index:50}.skip:focus{left:12px}
button:active{transform:scale(.98)}
::selection{background:var(--acid);color:#0b0d12}
@media (max-width:760px){.hero{grid-template-columns:1fr}.stats-strip{flex-wrap:wrap}.delivery-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}