:root{--ink:#f4f7fb;--paper:#070a12;--muted:#a3aec3;--line:rgba(177,194,229,.17);--lime:#c6ff5f;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:#070a12;color:var(--ink);font:15px var(--sans);overflow-x:hidden}body:before,body:after{content:'';position:fixed;z-index:-1;border-radius:999px;pointer-events:none}body:before{width:740px;height:740px;right:-280px;top:-290px;background:radial-gradient(circle,rgba(153,100,255,.28),rgba(80,99,255,.07) 39%,transparent 69%)}body:after{width:600px;height:600px;left:-330px;top:440px;background:radial-gradient(circle,rgba(63,217,255,.14),transparent 70%)}.shell{position:relative;width:min(1020px,calc(100% - 40px));margin:auto}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;color:var(--ink);font:500 12px var(--mono);letter-spacing:.08em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:linear-gradient(145deg,#d6ff79,#a2ffdb);color:#0c1320;font:800 16px var(--sans);box-shadow:0 0 24px #bdfc784c}.status{display:flex;gap:7px;align-items:center;padding:8px 11px;border:1px solid var(--line);border-radius:99px;background:rgba(16,21,34,.65);color:#c3ccdb;font-size:12px;backdrop-filter:blur(14px)}.status span{width:7px;height:7px;border-radius:50%;background:#9dff3a;box-shadow:0 0 12px #9dff3a}.hero{display:flex;justify-content:space-between;gap:35px;padding:84px 0 61px}.eyebrow{margin:0 0 14px;color:#b7c5dd;font:500 11px var(--mono);letter-spacing:.16em}.hero h1,.stage-heading h2{font-family:var(--display)}.hero h1{max-width:770px;margin:0;background:linear-gradient(115deg,#fff 16%,#c5cfff 68%,#f0d0ff);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:clamp(43px,6vw,73px);letter-spacing:-.075em;line-height:1.04}.lede{max-width:510px;margin:22px 0 0;color:#acb8ce;font-size:16px;line-height:1.7}.promise{width:233px;flex:0 0 233px;align-self:flex-end;padding:22px;border:1px solid rgba(218,225,255,.19);border-radius:19px;background:linear-gradient(145deg,rgba(50,60,96,.8),rgba(17,22,36,.78));box-shadow:inset 0 1px #ffffff17,0 20px 45px #00000045;backdrop-filter:blur(18px)}.promise .spark{display:block;margin-bottom:21px;color:var(--lime);font-size:20px;text-shadow:0 0 20px #c6ff5f90}.promise strong{font-size:16px;line-height:1.35}.promise p{margin:12px 0 0;color:#aeb9cb;font-size:11px;line-height:1.5}.steps{display:flex;gap:0;width:max-content;max-width:100%;margin-bottom:21px;padding:5px;border:1px solid var(--line);border-radius:16px;background:rgba(16,21,34,.77);backdrop-filter:blur(14px)}.step{display:flex;gap:8px;padding:10px 15px;border:0;border-radius:11px;background:none;color:#7f8ba2;font:500 12px var(--mono);cursor:pointer}.step.is-active{background:#eef5ff;color:#101725;box-shadow:0 5px 13px #02051155}.card{position:relative;display:none;margin-bottom:30px;padding:42px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(26,33,52,.87),rgba(12,16,27,.76));box-shadow:inset 0 1px rgba(255,255,255,.09),0 22px 50px #0000002b;backdrop-filter:blur(18px)}.card:before{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 28%);content:''}.stage.is-visible{display:block;animation:appear .28s ease}.stage-heading{position:relative;margin-bottom:29px}.stage-heading h2{margin:0 0 8px;font-size:29px;letter-spacing:-.055em}.stage-heading>p:not(.eyebrow){margin:0;color:var(--muted);font-size:14px;line-height:1.55}.source-tabs{position:relative;display:flex;gap:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.source-tab{padding:0 0 12px;border:0;background:none;color:#91a0b8;font:600 13px var(--sans);cursor:pointer}.source-tab.is-selected{margin-bottom:-1px;border-bottom:2px solid var(--lime);color:#f6f8ff}.source-panel{position:relative}.source-panel.hidden,.hidden{display:none}label,legend{display:block;margin-bottom:9px;color:#e8edfa;font-size:13px;font-weight:700}textarea,input,select{width:100%;padding:13px 14px;outline:none;border:1px solid rgba(177,194,229,.22);border-radius:10px;background:rgba(3,6,13,.5);color:#edf3ff;font:400 14px var(--sans);transition:border .15s,box-shadow .15s}textarea::placeholder,input::placeholder{color:#65728b}textarea:focus,input:focus,select:focus,.review-box:focus,.title-box:focus{border-color:#b9ef6b;box-shadow:0 0 0 4px #c6ff5f16}textarea{min-height:155px;resize:vertical;line-height:1.5}.field-note{margin:9px 0 19px;color:#9ba9c1;font-size:12px;line-height:1.5}.primary{padding:14px 18px;border:0;border-radius:11px;background:linear-gradient(135deg,#caff6a,#a6f5dd);box-shadow:0 8px 20px #9cf48d21;color:#08111b;font:800 13px var(--sans);cursor:pointer;transition:transform .16s,box-shadow .16s}.primary:hover{box-shadow:0 10px 28px #a5ff9a35;transform:translateY(-1px)}.primary span{margin-left:7px;font-size:18px;vertical-align:-1px}.primary.compact{white-space:nowrap}.url-row{display:flex;gap:9px}.import-status{min-height:20px;margin-top:12px;color:#9ba9c1;font-size:12px}.import-status.error{color:#ff9b83}.product-preview{position:relative;margin-top:25px;padding:18px 20px;border:1px solid #c6ff5f43;border-radius:13px;background:linear-gradient(120deg,#c6ff5f18,#8cdcff0a)}.preview-label,.draft-product{color:#baff62;font:500 10px var(--mono);letter-spacing:.1em}.product-preview h3{margin:7px 0;font-size:18px;letter-spacing:-.03em}.product-preview p{margin:0;color:var(--muted);font-size:12px}.text-button,.back{padding:0;border:0;background:none;color:var(--lime);font:600 12px var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.text-button{margin-top:10px}.manual-product{position:relative;margin-top:23px}.stage-actions{position:relative;margin-top:26px}.stage-actions.split{display:flex;align-items:center;justify-content:space-between}.form-grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:22px 18px;margin-bottom:24px}.form-grid label{margin:0}.form-grid label input,.form-grid label select{margin-top:9px}.rating-set{margin:0;padding:0;border:0}.rating-control{display:flex;gap:3px;align-items:center;height:44px;padding:0 11px;border:1px solid rgba(177,194,229,.22);border-radius:10px;background:rgba(3,6,13,.5)}.star{padding:0 1px;border:0;background:none;color:#536177;font-size:22px;cursor:pointer}.star.is-picked{color:var(--lime);text-shadow:0 0 11px #c6ff5f77}#ratingLabel{margin-left:8px;color:var(--muted);font-size:11px}.wide-label{position:relative;margin-top:21px}.wide-label span{margin-left:5px;color:var(--muted);font-weight:400}.wide-label+textarea{min-height:95px}.form-warning{position:relative;margin:20px 0 0;color:#a5b2c9;font-size:11px;line-height:1.5}.draft-heading{display:flex;align-items:start;justify-content:space-between}.ready-chip{padding:6px 9px;border:1px solid #c6ff5f44;border-radius:99px;background:#c6ff5f1a;color:#caff6a;font:500 10px var(--mono)}.draft-product{position:relative;margin:1px 0 11px}.title-box,.review-box{position:relative;outline:none;border:1px solid rgba(177,194,229,.2);border-radius:13px;background:rgba(3,6,13,.5);padding:16px 18px}.title-box{margin-bottom:11px;color:#f4f7fb;font:700 19px var(--display);letter-spacing:-.02em}.review-box{min-height:187px;color:#dce4f2;font-size:15px;line-height:1.7;white-space:pre-wrap}.draft-footer{position:relative;display:flex;justify-content:space-between;margin:8px 0 0;color:#91a0b8;font-size:11px}.primary.copy{background:linear-gradient(135deg,#c59cff,#8d8cff);box-shadow:0 10px 26px #9d81ff36;color:#fff}.copy-feedback{position:relative;min-height:18px;margin:8px 0 0;color:#caff6a;font-size:12px;text-align:right}footer{padding:18px 0 40px;color:#7987a0;font:500 10px var(--mono);letter-spacing:.08em;text-align:center}footer span{margin:0 6px;color:#bb9bff}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:650px){.shell{width:min(100% - 28px,1020px)}.topbar{height:70px}.status{font-size:10px}.hero{display:block;padding:56px 0 38px}.promise{display:none}.card{padding:27px 20px;border-radius:17px}.form-grid{grid-template-columns:1fr;gap:18px}.url-row{display:block}.url-row .primary{width:100%;margin-top:10px}.stage-actions.split{gap:20px}.draft-heading{display:block}.ready-chip{display:inline-block;margin-top:8px}.steps{width:100%}.step{flex:1;justify-content:center;padding:9px 5px;font-size:10px}.step b{display:none}}
