:root{--bg:#070a0d;--panel:#0d1216;--panel-2:#11181d;--border:#202b32;--border-2:#2a3941;--text:#f4f7f8;--muted:#89979f;--accent:#13b8b0;--accent-2:#43e0d7;--accent-soft:rgba(19,184,176,.11);--danger:#ff7474;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",Arial,sans-serif;background:radial-gradient(circle at 50% -20%,rgba(19,184,176,.11),transparent 35%),var(--bg);color:var(--text);min-height:100vh}.page-shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:58px 0 40px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.hero h1{font-size:clamp(38px,6vw,64px);letter-spacing:-.055em;line-height:1;margin:10px 0 16px}.hero h1 span{color:var(--accent-2)}.hero p{max-width:690px;color:var(--muted);font-size:17px;line-height:1.7;margin:0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--accent-2)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 14px var(--accent);margin-right:8px}.hero-badge{border:1px solid var(--border-2);background:rgba(13,18,22,.72);padding:10px 14px;border-radius:999px;color:#b9c4c9;font-size:12px;white-space:nowrap}.builder-card,.result-card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(15,21,25,.98),rgba(10,14,17,.98));border-radius:var(--radius);box-shadow:0 25px 80px rgba(0,0,0,.25);overflow:hidden}.builder-section{padding:32px 34px;border-bottom:1px solid var(--border)}.section-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px}.section-heading h2{font-size:20px;margin:0 0 5px;letter-spacing:-.02em}.section-heading p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.step{display:grid;place-items:center;min-width:34px;height:26px;border:1px solid rgba(67,224,215,.25);background:var(--accent-soft);border-radius:7px;color:var(--accent-2);font-size:11px;font-weight:800;letter-spacing:.08em}.platform-selector{display:grid;grid-template-columns:1fr 1fr;gap:14px}.platform-btn{position:relative;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:13px;text-align:left;padding:18px;border:1px solid var(--border);border-radius:13px;background:#0a0f12;color:var(--text);cursor:pointer;transition:.2s}.platform-btn:hover{border-color:#38505a;transform:translateY(-1px)}.platform-btn.active{border-color:var(--accent);background:linear-gradient(135deg,rgba(19,184,176,.13),rgba(19,184,176,.035));box-shadow:inset 0 0 0 1px rgba(19,184,176,.12)}.platform-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#151d22;font-size:18px;font-weight:800}.platform-btn.active .platform-icon{background:var(--accent-soft);color:var(--accent-2)}.platform-btn strong{display:block;font-size:14px}.platform-btn small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.check{opacity:0;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#04100f;font-size:12px;font-weight:900}.platform-btn.active .check{opacity:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-group{margin-bottom:18px}.form-group.full{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#cbd4d8;font-size:12px;font-weight:700}.form-group label span{color:var(--accent-2)}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:13px 14px;font:inherit;font-size:14px;background:#090e11;color:var(--text);outline:none;transition:.2s}textarea{resize:vertical;min-height:145px;line-height:1.55}input::placeholder,textarea::placeholder{color:#526069}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(19,184,176,.08)}select{color:#cbd4d8}.variation-heading{align-items:center}.variation-heading>div{flex:1}.new-pill{vertical-align:middle;margin-left:7px;padding:4px 7px;border-radius:5px;background:var(--accent);color:#031110;font-size:8px;letter-spacing:.08em}.select-all,.copy-all-btn{border:1px solid var(--border-2);background:#0b1114;color:#c4d0d5;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:700;cursor:pointer}.select-all:hover,.copy-all-btn:hover{border-color:var(--accent);color:var(--accent-2)}.angle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.angle-card{position:relative;min-height:132px;padding:17px;text-align:left;border:1px solid var(--border);border-radius:12px;background:#090e11;color:var(--text);cursor:pointer;transition:.2s}.angle-card:hover{border-color:#38505a;transform:translateY(-1px)}.angle-card.active{border-color:var(--accent);background:linear-gradient(145deg,rgba(19,184,176,.12),rgba(19,184,176,.025))}.angle-icon{display:grid;place-items:center;width:29px;height:29px;margin-bottom:14px;border-radius:8px;background:#141c21;color:#aebcc2;font-weight:800}.angle-card.active .angle-icon{background:var(--accent-soft);color:var(--accent-2)}.angle-card strong{display:block;font-size:13px;margin-bottom:6px}.angle-card small{display:block;color:var(--muted);font-size:10.5px;line-height:1.45;padding-right:8px}.angle-check{position:absolute;top:14px;right:14px;opacity:0;color:var(--accent-2);font-size:13px;font-weight:900}.angle-card.active .angle-check{opacity:1}.angle-note{margin:15px 0 0;color:#64727a;font-size:10.5px}.action-section{padding:26px 34px}.generate-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:11px;padding:16px 20px;background:linear-gradient(90deg,#0da8a1,var(--accent-2));color:#031110;font:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 10px 35px rgba(19,184,176,.12);transition:.2s}.generate-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.generate-btn:disabled{opacity:.6;cursor:wait;transform:none}.generate-btn .arrow{margin-left:5px;font-size:18px}.error{margin-top:15px;padding:12px 14px;border:1px solid rgba(255,116,116,.25);border-radius:9px;background:rgba(255,116,116,.08);color:#ffaaaa;font-size:12px}.results-area{margin-top:50px}.results-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.results-title h2{margin:7px 0 0;font-size:27px}.result-card{padding:30px}.result-card-header{padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:28px}.result-platform{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--accent-2)}.result-card-header h3{margin:7px 0 0;font-size:20px}.result-section{margin-bottom:30px}.result-section:last-child{margin-bottom:0}.result-section h4{display:flex;justify-content:space-between;gap:20px;margin:0 0 12px;font-size:13px}.result-section h4 span{color:var(--muted);font-size:10px;font-weight:500}.result-item{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;margin-bottom:8px;border:1px solid var(--border);border-radius:9px;background:#090e11}.result-text{flex:1;color:#d7dfe2;font-size:12px;line-height:1.55;white-space:pre-wrap}.copy-btn{flex-shrink:0;border:0;background:transparent;color:#708089;padding:3px 4px;font-size:10px;font-weight:700;cursor:pointer}.copy-btn:hover{color:var(--accent-2)}footer{text-align:center;padding:30px 0 0;color:#445159;font-size:10px}@media(max-width:760px){.page-shell{width:min(100% - 24px,1120px);padding-top:32px}.hero{align-items:flex-start;flex-direction:column}.hero-badge{display:none}.builder-section,.action-section{padding:24px 18px}.platform-selector,.form-grid{grid-template-columns:1fr}.angle-grid{grid-template-columns:1fr 1fr}.variation-heading{flex-wrap:wrap}.select-all{margin-left:49px}.result-card{padding:20px}.results-title{align-items:center}.result-item{flex-direction:column}.copy-btn{align-self:flex-end}}@media(max-width:480px){.angle-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.section-heading p{font-size:12px}}