*{box-sizing:border-box}:root{--purple:#832ec5;--purple-dark:#5d1598;--purple-soft:#f4eafa;--ink:#17394d;--muted:#667b89;--line:#dbe4e9;--bg:#f7f8fb;--yellow:#ffc700;--success:#168f65;--night:#101c2c}html,body{margin:0;width:100%;height:100%;font-family:Poppins,Arial,sans-serif;color:var(--ink);background:var(--bg)}body{overflow:hidden}.app-shell{width:100vw;height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 90% 0,#ecd2fc 0,transparent 26%),var(--bg)}.topbar{height:78px;flex:0 0 78px;padding:0 clamp(18px,3vw,44px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);z-index:2}.brand{justify-self:start;display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none;font-size:18px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#fff;background:linear-gradient(145deg,#b900ff,var(--purple));box-shadow:0 8px 22px #832ec53b}.title-block{text-align:center;display:flex;align-items:center;gap:10px}.title-block h1{font-size:20px;line-height:1.1;margin:0}.free-badge{padding:5px 8px;border-radius:999px;background:#fff4c3;color:#785d00;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ghost-button{justify-self:end;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 13px Poppins;padding:9px 16px;border-radius:10px;cursor:pointer}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:minmax(600px,1.16fr) minmax(410px,.84fr)}.builder-panel,.output-panel{min-height:0;overflow:auto;padding:26px clamp(24px,3vw,44px) 34px}.builder-panel{background:#fff;border-right:1px solid var(--line)}.output-panel{display:flex;flex-direction:column;gap:14px}.panel-heading,.prompt-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.step-label{color:var(--purple);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}h2{font-size:20px;line-height:1.25;margin:3px 0 0}.panel-heading p{margin:6px 0 0;color:var(--muted);font-size:11px}.completion-pill{font-size:10px;font-weight:700;color:var(--purple);background:var(--purple-soft);padding:7px 10px;border-radius:999px;white-space:nowrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span,legend{font-size:11px;font-weight:700}.field b,legend b{color:#d83d66}.field select,.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fbfcfd;color:var(--ink);font:500 12px Poppins;padding:10px 12px;outline:none;transition:.18s}.field select,.field input{height:42px}.field textarea{resize:vertical;min-height:64px}.field select:focus,.field input:focus,.field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #832ec51a;background:#fff}.compact-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr);gap:16px;margin-top:20px}.choice-section{border:0;padding:0;margin:0}.choice-section legend{padding:0 0 9px}.choice-section legend small{margin-left:6px;color:var(--muted);font-weight:500}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice-card{position:relative;min-height:52px;border:1px solid var(--line);border-radius:11px;padding:7px 8px;display:flex;align-items:center;gap:7px;cursor:pointer;background:#fff}.choice-card input,.segmented input{position:absolute;opacity:0;pointer-events:none}.choice-card>span:last-child{font-size:10px;font-weight:600}.choice-icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:7px;background:#f1f4f6;color:var(--purple);font-size:10px;font-weight:800}.choice-card:has(input:checked){border-color:var(--purple);background:var(--purple-soft);box-shadow:0 0 0 1px var(--purple)}.choice-card:has(input:checked) .choice-icon{background:var(--purple);color:#fff}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#f1f4f6;border-radius:11px;height:52px}.segmented label{position:relative}.segmented span{height:44px;display:grid;place-items:center;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer;color:var(--muted)}.segmented input:checked+span{background:#fff;color:var(--purple);box-shadow:0 3px 12px #17394d14}.optional-card{margin-top:18px;border:1px solid var(--line);border-radius:13px;background:#fbfcfd;overflow:hidden}.optional-card summary{list-style:none;padding:12px 14px;display:flex;align-items:center;gap:10px;cursor:pointer}.optional-card summary::-webkit-details-marker{display:none}.optional-card summary>span:nth-child(2){display:flex;flex-direction:column}.optional-card summary strong{font-size:11px}.optional-card summary small{font-size:9px;color:var(--muted);font-weight:500}.plus{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--purple-soft);color:var(--purple);font-weight:800}.chevron{margin-left:auto;transition:.2s}.optional-card[open] .chevron{transform:rotate(180deg)}.optional-grid{border-top:1px solid var(--line);padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:11px}.field-wide{grid-column:span 2}.conversion-card{position:relative;overflow:hidden;flex:0 0 300px;min-height:300px;color:#fff;background:linear-gradient(145deg,#101c2c,#172a43);border:1px solid #ffffff19;border-radius:20px;padding:22px;box-shadow:0 22px 52px #101c2c4d}.conversion-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 8%,#a943eb45 0,transparent 30%);pointer-events:none}.conversion-card:after{content:"↗";position:absolute;right:-8px;top:-28px;color:#ffffff0b;font-size:150px;font-weight:800;transform:rotate(8deg)}.conversion-topline,.conversion-action{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px}.conversion-kicker{color:#dca7ff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.free-chip{padding:5px 9px;border:1px solid #ffc70055;border-radius:999px;background:#ffc70018;color:#ffe16b;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.conversion-card h2{position:relative;z-index:1;font-size:22px;line-height:1.2;margin:8px 0 4px}.conversion-intro{position:relative;z-index:1;margin:0;color:#bfcadd;font-size:10px;line-height:1.55}.conversion-intro a,.conversion-card li a{color:#fff;text-decoration-color:#dca7ff;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:800}.conversion-card ol{position:relative;z-index:1;list-style:none;margin:14px 0;padding:0;display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:9px}.conversion-card li{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:11px 10px;background:#ffffff0b;border:1px solid #ffffff17;border-radius:12px}.conversion-card li>span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:8px;background:#dca7ff;color:#101c2c;font-size:10px;font-weight:800}.conversion-card li div{display:flex;min-width:0;flex-direction:column;gap:3px}.conversion-card li strong{font-size:10px;line-height:1.25}.conversion-card li small{font-size:8px;color:#aebbd0;line-height:1.45}.conversion-action{padding-top:1px}.action-cue{color:#bfcadd;font-size:9px;font-weight:600}.tutero-cta{min-width:205px;height:48px;border-radius:12px;background:var(--yellow);color:#2b2200;text-decoration:none;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:space-between;padding:0 15px;box-shadow:0 10px 26px #0007,0 0 0 1px #fff2 inset;transition:.2s}.tutero-cta:hover,.tutero-cta:focus-visible{transform:translateY(-2px) scale(1.01);background:#ffd642;box-shadow:0 14px 32px #0008,0 0 0 3px #ffc7002e}.tutero-cta span{display:flex;flex-direction:column;line-height:1.15}.tutero-cta small{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.tutero-cta b{font-size:22px}.prompt-card{display:flex;min-height:0;flex:1 1 220px;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:0 12px 34px #17394d0e}.prompt-heading{margin-bottom:9px}.prompt-heading h2{font-size:17px}.live-indicator{display:flex;align-items:center;gap:6px;color:var(--success);font-size:9px;font-weight:700}.live-indicator i{width:7px;height:7px;background:var(--success);border-radius:50%;box-shadow:0 0 0 4px #168f651a}.prompt-card textarea{flex:1;min-height:100px;width:100%;resize:none;border:1px solid #e0d0ec;border-radius:11px;background:#fcf8fe;color:var(--ink);font:500 11px/1.5 Poppins;padding:12px;outline:none}.prompt-card textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #832ec514}.prompt-footer{display:flex;align-items:center;gap:10px;margin-top:9px}.prompt-footer p{flex:1;margin:0;color:var(--muted);font-size:8px;line-height:1.4}.prompt-footer p.ready{color:var(--success)}.copy-button{min-width:128px;height:38px;border:0;border-radius:9px;background:linear-gradient(135deg,#9e42de,var(--purple));color:#fff;font:700 10px Poppins;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:0 8px 18px #832ec533}.copy-button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.45;box-shadow:none}.copy-button.copied{background:var(--success)}.invalid{border-color:#d83d66!important;box-shadow:0 0 0 3px #d83d6614!important}@media(max-height:710px) and (min-width:901px){.topbar{height:66px;flex-basis:66px}.builder-panel,.output-panel{padding-top:18px;padding-bottom:20px}.panel-heading{margin-bottom:14px}.compact-row{margin-top:14px}.optional-card{margin-top:14px}.conversion-card{flex-basis:270px;min-height:270px;padding:16px 18px}.conversion-card h2{font-size:19px;margin-top:5px}.conversion-card ol{margin:9px 0}.conversion-card li{padding:8px}.conversion-card li small{display:none}.tutero-cta{height:42px}.prompt-card{flex-basis:205px;padding:12px}.prompt-card textarea{min-height:78px}.prompt-footer{margin-top:6px}.copy-button{height:34px}}@media(max-width:900px){body{overflow:auto}.app-shell{height:auto;min-height:100vh}.topbar{position:sticky;top:0;height:68px;grid-template-columns:1fr auto;flex-basis:68px}.title-block{display:none}.workspace{display:block}.builder-panel,.output-panel{overflow:visible;padding:24px 18px}.builder-panel{border-right:0;border-bottom:1px solid var(--line)}.output-panel{min-height:0}.conversion-card{flex:auto;min-height:0}.prompt-card{min-height:360px;flex:auto}}@media(max-width:620px){.form-grid,.compact-row,.optional-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.choice-row{grid-template-columns:1fr}.choice-card{min-height:48px}.panel-heading{align-items:center}.panel-heading h2{font-size:18px}.completion-pill{font-size:9px}.conversion-card{padding:20px}.conversion-card h2{font-size:21px}.conversion-card ol{grid-template-columns:1fr;gap:8px}.conversion-card li{padding:10px}.conversion-card li small{font-size:9px}.conversion-action{align-items:stretch;flex-direction:column}.action-cue{text-align:center}.tutero-cta{width:100%}.prompt-footer{align-items:stretch;flex-direction:column}.copy-button{width:100%}.prompt-card textarea{min-height:220px}}[hidden]{display:none!important}