:root{--bg:#fff;--band:#f6f7f9;--text:#111827;--body:#374151;--muted:#6b7280;--line:#e5e7eb;--line-strong:#d1d5db;--play:#01875f;--apple:#0a84ff;--apple-ink:#0071e3;--accent:var(--play);--accent-ink:var(--play);--display:Outfit, system-ui, -apple-system, "Segoe UI", sans-serif;--font:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg)}body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;overflow-x:hidden}a{color:inherit}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 32px}.hero{padding-top:96px;padding-bottom:56px}.chip{border:1px solid var(--line);color:var(--body);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 10px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #1118270d}.chip:before{content:"";background:linear-gradient(90deg, var(--play) 0 50%, var(--apple) 50% 100%);border-radius:999px;width:18px;height:8px}.hero-title{font-family:var(--display);letter-spacing:-.045em;margin:22px 0 16px;font-size:clamp(46px,9vw,84px);font-weight:700;line-height:.95}.hero-lede{color:#4b5563;max-width:560px;font-size:19px;line-height:1.55}.main{background:var(--band);border-top:1px solid #eceef2;border-bottom:1px solid #eceef2;padding:48px 0 72px}.footer{color:var(--muted);padding-top:28px;padding-bottom:44px;font-size:14px}.footer a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px;transition:text-decoration-color .2s var(--ease);font-weight:600}.footer a:hover{text-decoration-color:currentColor}@media (width<=640px){.wrap{padding:0 20px}.hero{padding-top:60px;padding-bottom:36px}.hero-lede{font-size:16px}.main{padding:28px 0 48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.studio.play{--accent:var(--play);--accent-ink:var(--play)}.studio.app{--accent:var(--apple);--accent-ink:var(--apple-ink)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.segmented{border:1px solid var(--line);background:#fff;border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative;box-shadow:0 1px 2px #1118270d}.segmented-thumb{background:var(--accent-ink);width:calc(50% - 4px);box-shadow:0 6px 14px -6px color-mix(in srgb, var(--accent-ink) 70%, transparent);transition:transform .35s var(--ease), background-color .35s var(--ease);border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px}.studio.app .segmented-thumb{transform:translate(100%)}.segment{z-index:1;color:#4b5563;font-family:var(--display);white-space:nowrap;cursor:pointer;transition:color .25s var(--ease);background:0 0;border:0;border-radius:999px;padding:9px 22px;font-size:15px;font-weight:600;position:relative}.segment:hover{color:var(--text)}.segment[aria-selected=true]{color:#fff}.toolbar-actions{gap:8px;display:flex}.btn{white-space:nowrap;cursor:pointer;transition:transform .2s var(--ease), background-color .3s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent-ink);color:#fff;box-shadow:0 8px 18px -10px color-mix(in srgb, var(--accent-ink) 80%, transparent)}.btn-primary:hover{box-shadow:0 12px 22px -10px color-mix(in srgb, var(--accent-ink) 85%, transparent)}.btn-quiet{border-color:var(--line-strong);color:var(--text);background:#fff}.btn-quiet:hover{border-color:#9ca3af}.workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:48px;display:grid}.editor{border:1px solid var(--line);background:#fff;border-radius:20px;min-width:0;padding:28px;box-shadow:0 1px 2px #1118270a,0 12px 32px -18px #1118271f}.editor-row{border-bottom:1px solid #f0f1f4;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:24px;padding-bottom:8px;display:grid}.field{flex-direction:column;gap:8px;min-width:0;margin-bottom:22px;display:flex}.field label{font-size:14px;font-weight:600}.input{border:1px solid var(--line-strong);width:100%;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);background:#fff;border-radius:12px;outline:none;padding:11px 14px;font-size:15px;line-height:1.5}.input::placeholder{color:#9ca3af}.input:hover{border-color:#9ca3af}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent)}.input[aria-invalid=true]{border-color:#dc2626}.input[aria-invalid=true]:focus{box-shadow:0 0 0 4px #dc262626}textarea.input{resize:vertical;line-height:1.6}textarea.input.rows-3{min-height:96px}textarea.input.rows-10{min-height:240px}.file-input{max-width:100%;color:var(--muted);padding:6px 0;font-size:13px}.file-input::file-selector-button{border:1px solid var(--line-strong);color:var(--text);font:inherit;cursor:pointer;transition:border-color .2s var(--ease);background:#fff;border-radius:999px;margin-right:10px;padding:7px 14px;font-weight:600}.file-input:hover::file-selector-button{border-color:#9ca3af}.note{color:var(--muted);font-size:13px}.meter{--meter:#16a34a;--meter-text:var(--muted);align-items:center;gap:12px;display:flex}.meter.near{--meter:#f59e0b;--meter-text:#b45309}.meter.over{--meter:#dc2626;--meter-text:#b91c1c}.meter-track{background:#eceef2;border-radius:999px;flex:1;height:4px;overflow:hidden}.meter-track span{border-radius:inherit;background:var(--meter);height:100%;transition:width .25s var(--ease), background-color .25s var(--ease);display:block}.meter-count{color:var(--meter-text);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;font-weight:600}.keyword-info{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;display:flex}.keyword-count{color:var(--body);background:#f3f4f6;border-radius:999px;padding:2px 10px;font-weight:500}.warn{color:#b45309}.link-btn{text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.preview-col{flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex;position:sticky;top:24px}.preview-caption{color:var(--muted);font-size:13px;font-weight:500}.phone{background:#111827;border-radius:36px;width:100%;max-width:340px;padding:10px;box-shadow:0 0 0 1px #11182714,0 30px 60px -24px #11182759,0 12px 24px -12px #11182733}.phone-screen{background:#fff;border-radius:27px;min-height:560px;padding:12px 18px 28px;overflow:hidden}.phone-status{justify-content:space-between;align-items:center;padding:0 6px;font-size:12px;font-weight:600;display:flex}.phone-island{background:#111827;border-radius:999px;width:84px;height:22px}.phone-signal{background:linear-gradient(90deg,#111827 0 70%,#d1d5db 70%);border-radius:3px;width:30px;height:10px}.listing{margin-top:26px}.listing-head{align-items:center;gap:14px;display:flex}.listing-icon{background:color-mix(in srgb, var(--accent) 12%, #fff);width:68px;height:68px;color:var(--accent-ink);font-family:var(--display);border-radius:16px;flex-shrink:0;place-items:center;font-size:28px;font-weight:700;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #1118270f}.listing.app .listing-icon{border-radius:18px}.listing-icon img{object-fit:cover;width:100%;height:100%}.listing-meta{min-width:0}.listing-name{font-family:var(--display);overflow-wrap:anywhere;font-size:20px;font-weight:600;line-height:1.2}.listing-dev{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:13px;font-weight:500}.listing.play .listing-dev{color:var(--play)}.listing-tagline{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:1.4}.listing-cta{background:var(--play);color:#fff;text-align:center;border-radius:10px;margin-top:18px;padding:9px;font-size:14px;font-weight:600;display:block}.listing.app .listing-cta{color:#0060c0;text-transform:uppercase;background:#eaf3ff;border-radius:999px;padding:5px 22px;font-weight:700;display:inline-block}.listing-promo{color:var(--body);overflow-wrap:anywhere;margin-top:18px;font-size:13.5px;line-height:1.55}.listing-label{font-family:var(--display);margin:22px 0 6px;font-size:16px;font-weight:600}.listing-desc{max-height:63px;color:var(--body);white-space:pre-line;overflow-wrap:anywhere;font-size:13.5px;line-height:21px;position:relative;overflow:hidden}.listing-desc:after{content:"";background:linear-gradient(#fff0,#fff);height:24px;position:absolute;inset:auto 0 0}.listing-more{color:var(--accent-ink);margin-top:4px;font-size:13px;font-weight:600;display:inline-block}@media (width<=960px){.workspace{grid-template-columns:minmax(0,1fr);gap:36px}.preview-col{position:static}}@media (width<=640px){.toolbar{flex-direction:column;align-items:stretch}.toolbar-actions .btn{flex:1}.segment{padding:9px 12px}.editor{border-radius:16px;padding:20px 16px}.editor-row{grid-template-columns:minmax(0,1fr);gap:0}.phone-screen{min-height:480px}}