.extension-main{align-items:flex-start;display:block;min-width:0;padding:34px 38px 64px}.extension-main svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.extension-workspace{margin:0 auto;max-width:1180px;width:100%}.extension-hero{display:grid;gap:48px;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);overflow:hidden;padding:40px;position:relative}.extension-hero:after{background:rgba(24,169,166,.08);border-radius:50%;content:"";height:280px;pointer-events:none;position:absolute;right:-90px;top:-120px;width:280px}.extension-hero-copy,.extension-preview{position:relative;z-index:1}.extension-kicker-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}.status-dot{background:var(--sia-teal);border-radius:50%;height:7px;width:7px}.extension-plan-note{color:var(--sia-muted);font-size:.82rem;font-weight:700}.extension-hero h1{color:var(--sia-heading);font-size:clamp(2.3rem,4.1vw,3.65rem);font-weight:850;letter-spacing:-.055em;line-height:1.02;margin:0;max-width:720px}.extension-lead{color:var(--sia-text);font-size:1.05rem;font-weight:500;line-height:1.68;margin:22px 0 0;max-width:680px}.extension-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.extension-actions a{min-height:54px}.extension-install-button{min-width:230px}.extension-install-button .button-icon{height:30px;width:30px}.extension-install-button svg{height:19px;width:19px}.extension-trust-list{display:grid;gap:10px;list-style:none;margin:26px 0 0;padding:0}.extension-trust-list li{align-items:center;color:var(--sia-text);display:flex;font-size:.87rem;font-weight:700;gap:9px}.extension-trust-list svg{background:var(--sia-teal-soft);border-radius:50%;color:var(--sia-teal-dark);height:22px;padding:4px;width:22px}.extension-preview{align-self:center;background:var(--sia-surface-soft);border:1px solid var(--sia-line);border-radius:24px;box-shadow:0 20px 42px rgba(18,49,74,.12);min-width:0;padding:18px;transform:rotate(1deg)}.preview-topbar{align-items:center;display:grid;gap:10px;grid-template-columns:40px minmax(0,1fr) auto}.preview-topbar img{border-radius:10px;height:40px;object-fit:contain;width:40px}.preview-topbar strong,.preview-topbar span{display:block}.preview-topbar strong{color:var(--sia-heading);font-size:.9rem}.preview-topbar div span{color:var(--sia-muted);font-size:.72rem;margin-top:2px}.preview-live{background:var(--sia-teal-soft);border-radius:999px;color:var(--sia-teal-dark);font-size:.68rem;font-weight:800;padding:7px 9px}.preview-tabs{background:var(--sia-surface);border:1px solid var(--sia-line);border-radius:14px;display:grid;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;padding:4px}.preview-tabs span{border-radius:10px;color:var(--sia-muted);font-size:.65rem;font-weight:800;padding:8px 3px;text-align:center}.preview-tabs span.active{background:var(--sia-teal-soft);color:var(--sia-teal-dark)}.preview-control{background:var(--sia-surface);border:1px solid var(--sia-line);border-radius:18px;margin-top:12px;padding:16px}.preview-label{color:var(--sia-heading);display:block;font-size:.78rem;font-weight:850;margin-bottom:10px}.preview-prompt{align-items:center;border-top:1px solid var(--sia-line);display:grid;gap:10px;grid-template-columns:24px minmax(0,1fr) auto;padding:11px 0}.preview-prompt>span{align-items:center;background:var(--sia-teal-soft);border-radius:50%;color:var(--sia-teal-dark);display:flex;font-size:.68rem;font-weight:850;height:24px;justify-content:center}.preview-prompt p{color:var(--sia-text);font-size:.69rem;font-weight:650;line-height:1.35;margin:0}.preview-prompt b{color:var(--sia-teal-dark);font-size:.62rem;white-space:nowrap}.preview-prompt.running b{color:var(--sia-muted)}.preview-progress{background:var(--sia-line);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.preview-progress i{background:var(--sia-teal);display:block;height:100%;width:50%}.preview-control button{background:var(--sia-teal);border:0;border-radius:12px;color:#fff;cursor:default;font:inherit;font-size:.72rem;font-weight:800;margin-top:12px;min-height:38px;width:100%}.extension-section{margin-top:48px;scroll-margin-top:24px}.extension-section-heading{align-items:end;display:flex;gap:32px;justify-content:space-between;margin:0 4px 22px}.extension-eyebrow{color:var(--sia-teal-dark);display:block;font-size:.74rem;font-weight:850;letter-spacing:.13em;margin-bottom:8px;text-transform:uppercase}.extension-section-heading h2,.extension-youtube h2{color:var(--sia-heading);font-size:clamp(1.75rem,3vw,2.35rem);font-weight:850;letter-spacing:-.04em;line-height:1.08;margin:0}.extension-section-heading>p{color:var(--sia-muted);font-size:.92rem;line-height:1.55;margin:0;max-width:450px}.platform-list{box-shadow:none;overflow:hidden}.platform-row{align-items:center;display:grid;gap:20px;grid-template-columns:52px minmax(260px,1fr) minmax(230px,.7fr) auto;padding:22px 26px}.platform-row+.platform-row{border-top:1px solid var(--sia-line)}.platform-row:hover{background:var(--sia-surface-soft)}.platform-mark{align-items:center;border:1px solid var(--sia-line);border-radius:16px;display:flex;font-size:.85rem;font-weight:900;height:52px;justify-content:center;width:52px}.chatgpt-mark{background:#eef8f6;color:#157d72}.gemini-mark{background:#eef4ff;color:#326ac7}.meta-mark{background:#eef4ff;color:#1567d8}.flow-mark{background:#fff7e8;color:#a96900}.platform-copy h3,.youtube-tools h3,.workflow-steps h3{color:var(--sia-heading);font-size:1rem;font-weight:850;margin:0}.platform-copy p{color:var(--sia-muted);font-size:.84rem;line-height:1.5;margin:5px 0 0}.platform-tags{display:flex;flex-wrap:wrap;gap:6px}.platform-tags span{background:var(--sia-surface-soft);border:1px solid var(--sia-line);border-radius:999px;color:var(--sia-text);font-size:.68rem;font-weight:750;padding:6px 9px}.platform-row>a{align-items:center;color:var(--sia-teal-dark);display:flex;font-size:.8rem;font-weight:850;gap:5px;text-decoration:none}.platform-row>a:hover{text-decoration:underline}.platform-row>a svg{height:15px;width:15px}.extension-youtube{box-shadow:none;display:grid;gap:32px;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);margin-top:32px;padding:32px}.youtube-intro{align-items:flex-start;display:flex;gap:18px}.youtube-intro>div>p{color:var(--sia-muted);font-size:.88rem;line-height:1.55;margin:10px 0 0}.youtube-icon{align-items:center;background:var(--sia-teal-soft);border-radius:16px;color:var(--sia-teal-dark);display:flex;flex:0 0 52px;height:52px;justify-content:center}.youtube-icon svg{height:27px;width:27px}.youtube-tools{border-left:1px solid var(--sia-line);display:grid;gap:0;padding-left:32px}.youtube-tools article{align-items:flex-start;display:grid;gap:14px;grid-template-columns:34px minmax(0,1fr);padding:5px 0 18px}.youtube-tools article+article{border-top:1px solid var(--sia-line);padding-top:18px}.tool-number{color:var(--sia-teal-dark);font-size:.74rem;font-weight:850;letter-spacing:.08em}.youtube-tools p,.workflow-steps p{color:var(--sia-muted);font-size:.82rem;line-height:1.5;margin:5px 0 0}.extension-workflow{margin-top:48px}.compact-heading{justify-content:flex-start}.workflow-steps{box-shadow:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.workflow-steps article{display:grid;gap:14px;grid-template-columns:42px minmax(0,1fr);padding:26px}.workflow-steps article+article{border-left:1px solid var(--sia-line)}.workflow-steps article>span{align-items:center;background:var(--sia-teal-soft);border-radius:50%;color:var(--sia-teal-dark);display:flex;font-size:.84rem;font-weight:900;height:42px;justify-content:center;width:42px}.extension-disclaimer{color:var(--sia-muted);font-size:.78rem;line-height:1.5;margin:16px 6px 0;text-align:center}html[data-theme=dark] .extension-preview,html[data-theme=dark] .preview-tabs,html[data-theme=dark] .preview-control,html[data-theme=dark] .platform-tags span{background:var(--sia-surface-soft)!important}html[data-theme=dark] .extension-preview{box-shadow:0 20px 42px rgba(0,0,0,.28)}html[data-theme=dark] .platform-row:hover{background:var(--sia-surface-soft)}

@media (min-width:901px) and (max-width:1180px){.app-shell{flex-direction:row}.sidebar{border-radius:30px;flex-direction:column;flex-wrap:nowrap;height:calc(100vh - 36px);margin:18px 0 18px 18px;min-width:300px;position:sticky;width:300px}.sidebar .brand{align-items:flex-start;flex-direction:column}.sidebar .brand-logo{width:116px}.sidebar .brand-name{font-size:2.55rem}.sidebar .brand-name span,.sidebar .brand-name b{display:block}.sidebar .sidebar-nav{flex-direction:column;flex-wrap:nowrap}.sidebar .sidebar-user{margin-left:0;margin-top:auto}.extension-main{min-height:100vh;padding:28px 26px 56px}.extension-hero{gap:30px;grid-template-columns:1fr;padding:32px}.extension-preview{margin:0 auto;max-width:540px;transform:none;width:100%}.platform-row{grid-template-columns:52px minmax(0,1fr) auto}.platform-tags{grid-column:2/3}.extension-youtube{grid-template-columns:1fr}.youtube-tools{border-left:0;border-top:1px solid var(--sia-line);padding-left:0;padding-top:24px}}

@media (max-width:900px){.extension-main{min-height:0;padding:24px 18px 48px}.extension-hero{gap:28px;grid-template-columns:1fr;padding:28px}.extension-preview{margin:0 auto;max-width:540px;transform:none;width:100%}.extension-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.platform-row{grid-template-columns:52px minmax(0,1fr) auto}.platform-tags{grid-column:2/3}.extension-youtube{grid-template-columns:1fr}.youtube-tools{border-left:0;border-top:1px solid var(--sia-line);padding-left:0;padding-top:24px}}

@media (max-width:600px){.extension-main{padding:18px 14px 40px}.extension-hero{border-radius:22px;padding:22px}.extension-hero h1{font-size:2.1rem}.extension-lead{font-size:.96rem}.extension-actions{display:grid;grid-template-columns:1fr}.extension-actions a{width:100%}.extension-kicker-row{align-items:flex-start;flex-direction:column}.extension-preview{padding:14px}.preview-live{display:none}.preview-topbar{grid-template-columns:38px minmax(0,1fr)}.preview-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-prompt{grid-template-columns:24px minmax(0,1fr)}.preview-prompt b{grid-column:2}.extension-section,.extension-workflow{margin-top:38px}.platform-row{align-items:start;gap:12px;grid-template-columns:46px minmax(0,1fr);padding:20px}.platform-mark{border-radius:14px;height:46px;width:46px}.platform-tags{grid-column:1/-1}.platform-row>a{grid-column:1/-1;justify-content:flex-end}.extension-youtube{border-radius:22px;padding:22px}.youtube-intro{display:grid}.workflow-steps{grid-template-columns:1fr}.workflow-steps article+article{border-left:0;border-top:1px solid var(--sia-line)}}

.preview-result{align-items:center;background:var(--sia-teal);border-radius:12px;color:#fff;display:flex;font-size:.72rem;font-weight:800;justify-content:center;margin-top:12px;min-height:38px;width:100%}

@media (max-width:900px){.sidebar .sidebar-nav>a{width:auto!important}}

@media (prefers-reduced-motion:reduce){.extension-preview{transform:none}}
.platform-mark{background:#fff;overflow:hidden}.platform-mark img{display:block;height:32px;object-fit:contain;width:32px}