.addon-header,.addon-main,.addon-footer{max-width:1120px;margin:auto;padding:28px 32px}.addon-header,.addon-footer{display:flex;align-items:center;justify-content:space-between;gap:24px}.addon-header>a:last-child{font-size:14px;color:var(--muted)}.addon-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:64px;padding:44px 0 60px}.addon-kicker{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:1.5px;font-size:12px;color:var(--accent-dark)}.addon-hero h1{font-size:46px;line-height:1.15;letter-spacing:-1.8px;margin:22px 0}.addon-intro{font-size:17px;line-height:1.8;color:#626977;margin-bottom:28px}.addon-install{display:inline-flex;gap:28px;align-items:center;padding:17px 24px;font-size:16px}.addon-hint{font-size:12px;color:var(--muted);margin:12px 0 24px}.addon-tags{display:flex;flex-wrap:wrap;gap:8px}.addon-tags span{font-size:11px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:7px 10px}.addon-preview{background:#fff;padding:12px;border-radius:20px;box-shadow:0 18px 55px #20242c12;border:1px solid var(--line);transform:rotate(2deg)}.addon-screen{background:linear-gradient(135deg,#242637,#443651);height:210px;border-radius:12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:22px;color:white;text-align:center}.addon-play{margin:auto;font-size:36px;color:#ffffff99}.addon-screen p{font-size:14px;line-height:1.5;background:#0008;padding:5px 10px}.addon-picker{padding:20px 12px 12px}.addon-picker-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.addon-picker>div{display:flex;align-items:center;gap:12px;padding:16px 0}.addon-check{margin-left:auto;color:var(--green)}.addon-picker small{font-size:12px;color:var(--muted)}.addon-steps{border-top:1px solid var(--line);padding:36px 0}.addon-main h2{font-size:23px;letter-spacing:-.5px}.addon-steps ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:28px 0 0;padding:0}.addon-steps b{display:inline-grid;place-items:center;background:var(--soft);color:var(--accent-dark);width:34px;height:34px;border-radius:10px;margin-bottom:16px}.addon-steps h3{font-size:16px;margin-bottom:10px}.addon-steps p,.addon-manual p,.addon-faq p{font-size:14px;line-height:1.8;color:#626977}.addon-manual{background:white;border:1px solid var(--line);border-radius:14px;padding:28px;margin:12px 0 36px}.addon-manual h2{margin-bottom:10px}.addon-manual label{display:block;font-size:12px;font-weight:700;margin:20px 0 8px}.addon-copy{display:flex;gap:10px}.addon-copy input{flex:1;min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--bg);padding:12px;font-size:14px}.addon-copy button{flex-shrink:0}#copy-status{min-height:25px;margin-top:8px;color:var(--green)}.addon-faq details{border-bottom:1px solid var(--line);padding:20px 0}.addon-faq h2{margin-bottom:8px}.addon-faq summary{cursor:pointer;font-weight:700;font-size:14px}.addon-faq p{margin-top:12px;max-width:800px}.addon-faq a{color:var(--accent-dark);text-decoration:underline}.addon-footer{font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:32px}.addon-footer a{color:var(--ink);font-weight:700}@media(max-width:760px){.addon-header,.addon-main,.addon-footer{padding:22px}.addon-hero{grid-template-columns:1fr;gap:36px;padding:22px 0 36px}.addon-hero h1{font-size:36px}.addon-preview{transform:none;max-width:420px;width:100%;margin:auto}.addon-steps ol{grid-template-columns:1fr;gap:24px}.addon-copy{flex-direction:column}.addon-manual{padding:20px}.addon-footer{flex-wrap:wrap}.addon-footer span{flex-basis:100%;order:3}.addon-header .footer-brand{font-size:26px}}
