.plugin-page{max-width:1410px;margin:0 auto;padding:0 0 56px}.plugin-hero{position:relative;display:grid;place-items:center;min-height:254px;overflow:hidden;text-align:center;background:radial-gradient(circle at 76% 52%,rgba(105,170,255,.16),transparent 24%),linear-gradient(135deg,#f8fbff 0%,#eef5ff 52%,#f9fbff 100%)}.plugin-hero:before{content:"";position:absolute;inset:auto -8% -68px -10%;height:130px;border-radius:50% 50% 0 0;background:rgba(255,255,255,.72);transform:rotate(4deg)}.plugin-hero>div{position:relative;z-index:1}.plugin-hero p{margin:0 0 10px;color:var(--brand);font-size:13px;font-weight:700}.plugin-hero h1{max-width:none;margin:0;color:#172a4e;font-size:40px;letter-spacing:-1px}.plugin-hero span{display:block;margin-top:14px;color:#647592;font-size:15px}.plugin-hero>img{position:absolute;right:7%;bottom:-41px;z-index:1;width:240px;height:240px;object-fit:contain}.plugin-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(380px,.9fr);gap:28px;align-items:start;margin:0 auto;padding:0 30px;transform:translateY(-6px)}.plugin-left{display:grid;gap:20px}.plugin-package,.browser-panel,.install-guide{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 34px rgba(31,54,88,.08)}
.plugin-package{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:center;padding:22px 24px}.plugin-actions{display:flex;gap:10px;align-items:center}.plugin-actions .small{white-space:nowrap}.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid #bfd8ff;border-radius:12px;background:#fff;color:var(--brand);font-weight:700;transition:background-color .18s ease,transform .18s ease}.secondary:hover{background:#f2f7ff}.secondary:active{transform:scale(.98)}
.plugin-package img{width:54px;height:54px}
.plugin-package h2,.install-guide h2{font-size:18px}
.plugin-package p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.browser-panel{padding:26px 30px}.browser-panel h2{margin:0;color:#1b2d50;font-size:18px}.browser-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:26px 0 14px}.browser-choice{position:relative;display:grid;place-items:center;gap:11px;min-height:190px;padding:18px 8px;border:1px solid #e2e8f2;border-radius:17px;background:#fff;color:var(--text);font:inherit;font-size:15px;font-weight:700;box-shadow:none;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.browser-choice img{width:60px;height:60px;object-fit:contain}.browser-choice span{white-space:nowrap}.browser-choice.selected{border:2px solid var(--brand);padding:17px 7px;background:#fff;box-shadow:0 10px 20px rgba(10,132,255,.14)}.browser-choice.selected:after{content:"✓";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;font-size:14px}.browser-choice:hover{background:#f7fbff;box-shadow:0 8px 18px rgba(31,54,88,.08)}.browser-choice:active{transform:scale(.98)}.browser-choice:focus-visible{outline:3px solid rgba(10,132,255,.28);outline-offset:2px}
.browser-choice b{position:absolute;right:-6px;top:-7px;padding:3px 7px;border-radius:8px;background:var(--brand);color:#fff;font-size:10px}
.plugin-help{margin:0;padding:18px 24px;border:1px solid #cfe0ff;border-radius:14px;background:#f4f8ff;color:#5a6f90;font-size:13px}.plugin-help:before{content:"💡";margin-right:12px}.install-guide{padding:30px 38px}.install-guide h2{text-align:left;margin:0 0 24px;color:#1c2e50;font-size:20px}.install-guide ol{margin:0;padding:0;list-style:none;counter-reset:steps}.install-guide li{position:relative;padding:10px 0 16px 48px;line-height:1.7;color:#45576d;font-size:14px;counter-increment:steps}
.install-guide li:before{content:counter(steps);position:absolute;left:0;top:7px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--brand);color:#fff;font-size:13px;font-weight:700}
.install-guide code{padding:2px 6px;border-radius:5px;background:#f1f4f8;color:#33465c;font-family:Consolas,monospace;font-size:12px}
.install-guide aside{margin-top:14px;padding:14px 16px;border-radius:12px;background:#edf4ff;color:#2870cb;font-size:13px}.install-guide aside:before{content:"i";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:9px;border-radius:50%;background:#2b82f6;color:#fff;font-weight:800}.plugin-package h2{color:#1c2e50}.plugin-package .primary{min-height:50px}.secondary{min-height:50px}.plugin-actions .small{padding:0 22px}@media(max-width:1100px){.plugin-layout{grid-template-columns:1fr;padding:0 20px}.install-guide{order:-1}.plugin-hero>img{right:3%;opacity:.72}}
@media(max-width:900px){.plugin-page{padding-bottom:36px}.plugin-hero{min-height:230px}.plugin-hero h1{font-size:32px}.plugin-hero>img{display:none}
.plugin-package{grid-template-columns:50px 1fr}
.plugin-actions{grid-column:1/-1;justify-self:start}
.plugin-shell{padding:18px}
.install-guide{padding:22px}
.browser-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.browser-choice{min-height:150px}
}
@media(max-width:560px){.plugin-hero{min-height:210px;padding:0 18px}.plugin-hero h1{font-size:29px}.plugin-hero span{font-size:13px;line-height:1.6}.plugin-layout{padding:0 14px}.plugin-package{padding:20px}.browser-panel{padding:22px 16px}.browser-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.browser-choice{min-height:132px}.browser-choice img{width:50px;height:50px}.plugin-actions{flex-wrap:wrap}.install-guide{padding:24px}}