:root {
  /* Keep these aligned with extension/sidepanel.css Mint dark theme. */
  --canvas: #121722;
  --surface: #1a2130;
  --raised: #202a3d;
  --input: #111722;
  --overlay: #222c3e;
  --text: #f2f5fb;
  --secondary: #d0d8e5;
  --muted: #9aa7bc;
  --faint: #69758a;
  --line: rgba(180,196,221,.12);
  --line-strong: #303b51;
  --brand: #88e6d1;
  --brand-hover: #a6f2e0;
  --cyan: #7fd4c0;
  --violet: #9fd8c8;
  --success: #8fe7b2;
  --warning: #f4cc76;
  --danger: #ff9aa5;
  --r-sm: 6px; --r-md: 9px; --r-lg: 12px; --r-xl: 16px; --r-pill: 999px;
  --page-max: 1120px;
  --page-gutter: 48px;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; background: var(--canvas); color: var(--text); font: 15px/1.65 var(--sans); -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -2; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.02) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(#000,transparent 70%); }
body::after { content: ""; position: fixed; z-index: -1; pointer-events: none; width: 700px; height: 500px; top: -350px; left: calc(50% - 350px); background: radial-gradient(ellipse,rgba(136,230,209,.18),transparent 67%); filter: blur(10px); }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.wrap { width: min(var(--page-max), calc(100% - var(--page-gutter))); margin: 0 auto; }
.demo-ribbon { background: #1a2130; border-bottom: 1px solid var(--line-strong); color: var(--secondary); font-size: 12px; text-align: center; padding: 7px 16px; }
.demo-ribbon b { color: var(--cyan); }
.site-header { position: sticky; top: 0; z-index: 20; height: 65px; background: rgba(18,23,34,.95); backdrop-filter: blur(16px); border-bottom: 1px solid var(--line); }
.nav { height: 100%; display: flex; align-items: center; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 800; letter-spacing: -.045em; white-space: nowrap; }
.brand-mark { width: 27px; height: 27px; display: block; flex: none; overflow: hidden; border-radius: 8px; background: var(--brand-logo, url('../../assets/html-genius-logo-deep-mint-128x128.png')) center/contain no-repeat; box-shadow: none; color: transparent; font-size: 0; }
.site-header .brand{height:36px;align-items:center;line-height:1}.site-header .brand-mark{transform:translateY(-.5px)}.site-header .nav-links{height:36px;align-items:center}.site-header .nav-links a{height:36px;display:inline-flex;align-items:center;line-height:1}
.nav-links { display: flex; align-items: center; gap: 24px; color: var(--secondary); font-size: 13px; font-weight: 650; }
.nav-links a:hover,.nav-links a[aria-current="page"] { color: #fff; }
.nav-actions { margin-left: auto; display: flex; gap: 9px; align-items: center; }
.language,.menu-wrap { position: relative; }
.icon-button { height: 36px; min-width: 36px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid var(--line); border-radius: var(--r-md); color: var(--secondary); background: rgba(255,255,255,.025); cursor: pointer; font-size: 12px; }
.icon-button:hover { color: var(--text); border-color: var(--brand); background: rgba(255,255,255,.06); }
.lang-menu,.mobile-menu { display: none; position: absolute; top: calc(100% + 8px); right: 0; min-width: 136px; padding: 5px; background: var(--overlay); border: 1px solid var(--line-strong); box-shadow: 0 16px 38px rgba(0,0,0,.38); border-radius: var(--r-md); }
.lang-menu.is-open,.mobile-menu.is-open { display: block; }
.lang-menu button { width: 100%; border: 0; background: transparent; color: var(--secondary); text-align: left; border-radius: var(--r-sm); padding: 8px 9px; cursor: pointer; font-size: 12px; }
.lang-menu button:hover,.lang-menu button.is-active { color: #fff; background: rgba(255,255,255,.07); }
.mobile-toggle { display: none; }
.button { border: 1px solid rgba(136,230,209,.35); background: var(--brand); color: #10211f; min-height: 43px; padding: 0 16px; border-radius: var(--r-md); display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 750; font-size: 13px; box-shadow: 0 8px 24px rgba(136,230,209,.22); transition: .18s transform,.18s box-shadow,.18s background; cursor: pointer; }
.button:hover { transform: translateY(-2px); background: var(--brand-hover); box-shadow: 0 13px 30px rgba(136,230,209,.30); }
.button.ghost { background: rgba(255,255,255,.03); border-color: var(--line); box-shadow: none; color: var(--secondary); }
.button.ghost:hover { background: rgba(255,255,255,.07); color: #fff; }
.button.small { min-height: 36px; padding: 0 12px; font-size: 12px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid rgba(136,230,209,.27); color: #b9f1e3; background: rgba(136,230,209,.1); border-radius: var(--r-pill); font: 11px var(--mono); letter-spacing: .02em; }
.eyebrow i { display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--success); box-shadow: 0 0 11px var(--success); }
.hero { min-height: 0; padding: 78px 0 72px; text-align: center; position: relative; }
.hero h1 { max-width: 960px; margin: 19px auto 18px; font-size: clamp(47px,7vw,82px); line-height: 1.03; letter-spacing: -.076em; }
.gradient { background: linear-gradient(100deg,#fff 8%,#a6f2e0 57%,#7fd4c0); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero .lead { max-width: 610px; color: var(--muted); font-size: 17px; margin: 0 auto; }
.actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 11px; margin: 29px 0 15px; }
.hero-requirements{display:flex;justify-content:center;align-items:stretch;gap:8px;flex-wrap:wrap;max-width:760px;margin:2px auto 0}.support-group{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;padding:7px 9px;border:1px solid rgba(136,230,209,.28);border-radius:var(--r-md);background:rgba(136,230,209,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.support-label{display:inline-flex;align-items:center;gap:5px;color:#c7eee4;font-size:11px;font-weight:750;white-space:nowrap}.support-label::before{content:"✦";color:var(--brand-hover);font-size:10px}.support-chip{padding:2px 6px;border:1px solid rgba(136,230,209,.22);border-radius:var(--r-sm);background:rgba(18,23,34,.38);color:#a6f2e0;font:10px/1.35 var(--mono);white-space:nowrap}
.hero>.hero-requirements{margin:0 auto}
.microcopy { color: var(--faint); font: 11px var(--mono); }
.product-window { width: 100%; text-align: left; position: relative; max-width: none; margin: 42px auto 0; padding: 8px; background: linear-gradient(145deg,rgba(136,230,209,.2),rgba(26,33,48,.78) 24%); border: 1px solid rgba(136,230,209,.28); border-radius: 18px; box-shadow: 0 26px 90px rgba(0,0,0,.48),0 0 70px rgba(136,230,209,.10); }
.window { min-height: 345px; overflow: hidden; border-radius: 11px; background: #f8f9fc; color: #232637; }
.window-bar { height: 40px; display: flex; align-items: center; gap: 6px; padding: 0 13px; background: #eaecf4; border-bottom: 1px solid #d9dce6; }
.dots { display: flex; gap: 5px; }.dots i { width: 8px; height: 8px; border-radius: 50%; background:#ff7c70; }.dots i:nth-child(2){background:#f5c85c}.dots i:nth-child(3){background:#64ce90}
.address { margin: 0 auto; width: 52%; height: 22px; display: grid; place-items: center; border-radius: 6px; color: #81899c; background: #fff; font: 10px var(--mono); }
.window-grid { display: grid; grid-template-columns: 1fr 235px; min-height: 305px; }.demo-page { padding: 34px 8%; position: relative; }.demo-page small { color:#8a91a4; font:10px var(--mono); letter-spacing:.08em; }.demo-page h3 { margin: 9px 0 15px; max-width: 410px; font-size: 27px; letter-spacing: -.06em; line-height: 1.07; }.demo-page p { max-width: 400px; color:#70778a; font-size:12px; line-height:1.8; }.selection { background:#d9ddff; border-radius:3px; color:#434ca2; padding:1px 3px; }.editor-pop { position:absolute; left:20%; top:142px; padding:5px; display:flex; gap:3px; border-radius:7px; background:#252a3d; color:#fff; box-shadow:0 9px 20px rgba(0,0,0,.22); font:11px var(--mono); }.editor-pop b{padding:3px 6px;background:#6473ee;border-radius:4px}.comment-panel { padding: 18px 13px; border-left: 1px solid #d8dce7; background:#f2f4fb; }.comment-panel header { display:flex; align-items:center; justify-content:space-between; color:#626a80; font-size:11px; font-weight:700; }.comment-count { padding:2px 6px; border-radius:999px; color:#5260ca; background:#dce1ff; font-size:10px; }.comment { margin-top:11px; padding:10px; border-radius:8px; background:#fff; border:1px solid #e0e3ec; box-shadow:0 3px 9px rgba(26,34,64,.04); }.person { display:flex; gap:6px; align-items:center; font-size:10px; font-weight:800; }.avatar { width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:8px;color:white;background:#6172e7; }.avatar.cyan{background:#42b9c4}.comment q { display:block; margin-top:6px; color:#51596e; font-size:10px; line-height:1.5; text-decoration:none; }.comment q::before,.comment q::after{content:""}.comment .quote { display:inline-block; margin-top:6px; color:#5968d6; background:#e6e9ff; border-radius:3px; padding:1px 4px; font-size:9px; }
.section { padding: 78px 0; }.section-head { max-width: 700px; margin: 0 auto 38px; text-align:center; }.kicker { color:var(--cyan); font:11px var(--mono); letter-spacing:.11em; }.section h2 { margin:12px 0; font-size:clamp(32px,4vw,51px); letter-spacing:-.06em; line-height:1.08; }.section-head p { color:var(--muted); margin:0 auto; max-width:570px; }
.flow { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; counter-reset: flow; }.flow-card { position:relative; min-height:250px; padding:22px; border:1px solid var(--line); border-radius:var(--r-xl); background:linear-gradient(145deg,var(--raised),var(--input)); overflow:hidden; }.flow-card::before { counter-increment:flow; content:"0" counter(flow); color:rgba(255,255,255,.12); position:absolute; right:16px; top:6px; font:800 52px/1 var(--mono); }.flow-card h3 { margin:50px 0 7px; font-size:19px; letter-spacing:-.035em; }.flow-card p { color:var(--muted); font-size:13px; margin:0; }.flow-icon { width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(124,140,255,.13);border:1px solid rgba(124,140,255,.22);color:var(--cyan);font:700 15px var(--mono); }.flow-card:nth-child(2) .flow-icon{color:var(--violet);background:rgba(176,156,255,.12);border-color:rgba(176,156,255,.22)}.flow-card:nth-child(3) .flow-icon{color:var(--success);background:rgba(131,239,215,.1);border-color:rgba(131,239,215,.2)}
.feature-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items:center; gap:48px; }.feature-grid.reverse { grid-template-columns:repeat(2, minmax(0, 1fr)); }.feature-copy h2 { margin:12px 0 16px; font-size:clamp(31px,3.8vw,48px); letter-spacing:-.06em; line-height:1.08; }.feature-copy p { color:var(--muted); max-width:500px; }.feature-stage { width:100%; border:1px solid var(--line); border-radius:var(--r-xl); min-height:320px; padding:24px; background:linear-gradient(145deg,#151929,#0d101a); position:relative; overflow:hidden; }.feature-stage::after { content:""; position:absolute; width:270px;height:270px;right:-120px;bottom:-150px;border-radius:50%;background:radial-gradient(circle,rgba(124,140,255,.18),transparent 68%); }.contract { position:relative; z-index:1; max-width:390px; padding:16px; border:1px solid rgba(255,255,255,.11); border-radius:12px; background:#10131f; box-shadow:0 17px 40px rgba(0,0,0,.3); }.contract-head { display:flex;justify-content:space-between;align-items:center;color:#e4e6f3;font-size:12px;font-weight:750;padding-bottom:12px;border-bottom:1px solid var(--line); }.tag { color:var(--success);border:1px solid rgba(131,239,215,.25);background:rgba(131,239,215,.08);padding:2px 6px;border-radius:999px;font:9px var(--mono); }.task-line { margin-top:12px;display:flex;gap:8px;align-items:flex-start;color:var(--secondary);font-size:11px; }.check { display:grid;place-items:center;width:16px;height:16px;flex:none;border-radius:4px;background:rgba(124,140,255,.2);color:var(--brand-hover);font-size:10px; }.contract-note{margin:14px 0 0;padding:9px;border-left:2px solid var(--cyan);background:rgba(121,233,247,.06);color:#bdc5d9;font-size:10px;line-height:1.6}.agent-run { position:relative;z-index:1;margin:42px 0 0 44px;max-width:300px;padding:13px 15px;border:1px solid rgba(124,140,255,.25);border-radius:10px;background:#171b2a; }.run-head{display:flex;align-items:center;gap:8px;color:#e6e9f5;font-size:11px;font-weight:700}.run-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success)}.stream{margin-top:9px;color:#9ba6c5;font:10px/1.8 var(--mono)}.stream b{color:var(--cyan);font-weight:500}.candidate{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin:15px 0 0 27px;color:var(--success);font-size:11px;font-weight:750}.candidate i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(131,239,215,.12);font-style:normal}.local-panel { position:relative;z-index:1;padding:16px;border:1px solid var(--line);border-radius:12px;background:#0d101a; }.local-head { display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);color:#d9ddec; }.local-head span { color:var(--success); }.local-code { margin-top:14px; display:grid; gap:8px; }.code-row{height:9px;border-radius:4px;background:linear-gradient(90deg,#7c8cff 32%,#31394f 32%);opacity:.82}.code-row:nth-child(2){width:84%;background:linear-gradient(90deg,#79e9f7 20%,#b09cff 20% 60%,#31394f 60%)}.code-row:nth-child(3){width:68%;background:linear-gradient(90deg,#b09cff 44%,#31394f 44%)}.code-row:nth-child(4){width:91%;background:linear-gradient(90deg,#79e9f7 16%,#31394f 16%)}.safety-list { position:relative;z-index:1;display:grid;gap:9px;margin-top:19px; }.safety-list div{display:flex;gap:9px;align-items:center;color:#c8cede;font-size:11px}.safety-list i{width:18px;height:18px;border:1px solid rgba(131,239,215,.25);border-radius:50%;display:grid;place-items:center;color:var(--success);font-size:10px;font-style:normal}
.final { margin:12px auto 76px; padding:68px 36px; border:1px solid var(--line); border-radius:var(--r-xl); background:radial-gradient(ellipse at 50% 0%,rgba(104,121,250,.25),transparent 53%),#10131e; text-align:center; }.final h2 { max-width:710px;margin:15px auto;font-size:clamp(34px,4.4vw,58px);line-height:1.06;letter-spacing:-.07em}.final p{color:var(--muted);max-width:530px;margin:0 auto 25px}.checks{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:25px}.checks span{font:11px var(--mono);color:#bfc6dc;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}
.page-hero { padding: 102px 0 69px; text-align:center; }.page-hero h1 { margin:17px auto; max-width:820px; font-size:clamp(42px,6vw,70px);line-height:1.04;letter-spacing:-.07em; }.page-hero p { max-width:600px;margin:auto;color:var(--muted);font-size:16px; }.page-hero .actions{margin-top:26px}.page-section { padding:68px 0; }.two-col { display:grid;grid-template-columns:1fr 1fr;gap:16px; }.info-card{padding:27px;border:1px solid var(--line);border-radius:var(--r-xl);background:linear-gradient(145deg,var(--raised),var(--input));}.info-card h2{font-size:24px;letter-spacing:-.045em;margin:10px 0}.info-card p,.info-card li{color:var(--muted);font-size:13px}.info-card ul{padding-left:18px;margin:14px 0 0}.info-card li{margin:8px 0}.agent-card{padding:27px;border:1px solid var(--line);border-radius:var(--r-xl);background:linear-gradient(145deg,var(--raised),var(--input));}.agent-card.recommended{border-color:rgba(124,140,255,.46);box-shadow:0 0 0 1px rgba(124,140,255,.1) inset}.card-label{font:11px var(--mono);color:var(--cyan);letter-spacing:.1em}.agent-card h2{font-size:28px;letter-spacing:-.05em;margin:10px 0 3px}.agent-meta{color:var(--muted);font-size:13px;margin:0}.capability-list{display:grid;gap:10px;margin:20px 0}.capability-list div{display:flex;gap:9px;color:var(--secondary);font-size:13px}.capability-list i{font-style:normal;color:var(--success)}.notice{margin-top:16px;padding:16px 18px;border:1px solid rgba(245,200,107,.25);border-radius:var(--r-md);background:rgba(245,200,107,.07);color:#ded4b7;font-size:13px}.notice b{color:var(--warning)}
.legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:start;padding:28px 0 104px}.legal-nav{position:sticky;top:100px;border-left:1px solid var(--line);padding-left:17px;display:grid;gap:8px}.legal-nav a{color:var(--muted);font-size:13px}.legal-nav a:hover{color:var(--text)}.legal-content{max-width:730px}.legal-content section{padding:26px 0;border-bottom:1px solid var(--line)}.legal-content h2{font-size:23px;letter-spacing:-.045em;margin:0 0 10px}.legal-content p,.legal-content li{color:var(--secondary);font-size:14px}.legal-content ul{padding-left:20px}.legal-content li{margin:9px 0}.legal-note{padding:16px;border-left:2px solid var(--cyan);background:rgba(121,233,247,.06);color:#c1c9dc;font-size:13px}.data-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;padding:20px;margin:20px 0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--input)}.data-node{padding:12px 9px;border:1px solid var(--line);border-radius:9px;text-align:center;color:var(--secondary);font-size:11px}.data-node b{display:block;color:var(--text);margin-bottom:3px}.data-arrow{color:var(--cyan)}
footer { border-top:1px solid var(--line); padding:28px 0 38px; color:var(--faint);font-size:12px }.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--secondary)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:800px){.wrap{width:min(100% - 32px,1160px)}.nav{gap:12px}.nav-links,.language{display:none}.mobile-toggle{display:inline-flex}.mobile-menu{right:0;min-width:200px}.mobile-menu a{display:block;padding:9px;color:var(--secondary);font-size:13px}.nav-actions .nav-cta{display:none}.hero{padding-top:72px;min-height:auto}.hero h1{font-size:clamp(42px,12vw,62px)}.hero .lead{font-size:15px}.product-window{margin-top:39px}.window-grid{grid-template-columns:1fr}.comment-panel{display:none}.window{min-height:275px}.demo-page{min-height:275px;padding:28px 8%}.demo-page h3{font-size:23px}.editor-pop{left:14%;top:142px}.feature-grid,.feature-grid.reverse,.two-col{grid-template-columns:1fr;gap:26px}.feature-grid.reverse .feature-copy{order:-1}.section{padding:78px 0}.flow{grid-template-columns:1fr}.flow-card{min-height:190px}.feature-stage{min-height:295px}.final{margin-bottom:76px;padding:59px 20px}.page-hero{padding:72px 0 45px}.legal-layout{grid-template-columns:1fr;padding-top:0;gap:27px}.legal-nav{display:none}.data-flow{grid-template-columns:1fr;gap:6px}.data-arrow{transform:rotate(90deg);text-align:center}.footer-row{align-items:flex-start;flex-direction:column}.address{width:65%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Mint refinements: these mirror the current extension's visual semantics,
   while retaining a roomier marketing-page composition. */
.selection { background:#d7f4eb; color:#167260; }
.editor-pop { background:#202a3d; }
.editor-pop b { background:#6fe0c8; color:#10211f; }
.comment-panel { background:#f2f8f6; }
.comment-count { color:#286b5e; background:#d7f4eb; }
.comment { border-color:#e0e9e5; }
.avatar { background:#88e6d1; color:#10211f; }
.avatar.cyan { background:#8fe7b2; }
.comment .quote { color:#286b5e; background:#e0f7ef; }
.feature-stage { background:linear-gradient(145deg,#202a3d,#111722); }
.feature-stage::after { background:radial-gradient(circle,rgba(136,230,209,.16),transparent 68%); }
.contract { background:#1a2130; border-color:var(--line); }
.tag { border-color:rgba(143,231,178,.25); background:rgba(143,231,178,.1); }
.check { background:rgba(136,230,209,.16); }
.contract-note { background:rgba(127,212,192,.10); color:#c5d4d6; }
.agent-run { border-color:rgba(136,230,209,.25); background:#222c3e; }
.stream { color:#b5c2d0; }
.candidate i { background:rgba(143,231,178,.12); }
.local-panel { background:#111722; }
.code-row { background:linear-gradient(90deg,#88e6d1 32%,#303b51 32%); }
.code-row:nth-child(2) { background:linear-gradient(90deg,#7fd4c0 20%,#9fd8c8 20% 60%,#303b51 60%); }
.code-row:nth-child(3) { background:linear-gradient(90deg,#9fd8c8 44%,#303b51 44%); }
.code-row:nth-child(4) { background:linear-gradient(90deg,#7fd4c0 16%,#303b51 16%); }
.final { background:radial-gradient(ellipse at 50% 0%,rgba(136,230,209,.20),transparent 53%),#1a2130; }
.agent-card.recommended { border-color:rgba(136,230,209,.46); box-shadow:0 0 0 1px rgba(136,230,209,.1) inset; }
.edit-demo{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) 186px;overflow:hidden;background:#f8fafc;color:#263042}.edit-canvas{position:relative;padding:28px 25px;background:#fff}.edit-canvas small{font:9px var(--mono);letter-spacing:.08em;color:#818b9d}.edit-canvas h4{margin:10px 0 14px;font-size:21px;line-height:1.08;letter-spacing:-.055em}.edit-canvas p{max-width:238px;margin:0 0 10px;font-size:11px;line-height:1.65;color:#667187}.edit-canvas mark{padding:1px 2px;background:#d7f4eb;color:#167260}.edit-faded{opacity:.62}.edit-toolbar{position:absolute;left:20px;top:138px;display:flex;align-items:center;gap:1px;max-width:calc(100% - 32px);padding:4px;border:1px solid #d8e2df;border-radius:7px;background:#202a3d;box-shadow:0 9px 20px rgba(22,35,44,.24)}.edit-toolbar button{min-width:19px;height:22px;padding:0 4px;border:0;border-radius:4px;background:transparent;color:#e8f2f0;font:9px var(--sans);cursor:default}.edit-toolbar .actual-comment{padding:0 6px;background:#88e6d1;color:#10211f;font-weight:700}.edit-toolbar>i{width:1px;height:13px;background:rgba(255,255,255,.22);margin:0 2px}.text-line{display:block;height:2px;margin-top:1px;background:#ef4444}.edit-panel{padding:10px;border-left:1px solid #dfe7e4;background:#f2f8f6}.panel-brand{display:flex;align-items:center;justify-content:space-between;color:#425165;font-size:10px}.panel-brand b{letter-spacing:-.03em}.panel-brand span{padding:2px 5px;border-radius:4px;background:#d7f4eb;color:#286b5e;font-size:8px}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:10px 0 8px;padding:2px;border:1px solid #dce6e2;border-radius:6px;background:#e9f0ee;font-size:9px;text-align:center}.panel-tabs>*{padding:4px;color:#788496;font-weight:500}.panel-tabs b{border-radius:4px;background:#fff;color:#405060;box-shadow:0 1px 2px rgba(0,0,0,.08)}.panel-history,.panel-format,.panel-blocks{display:flex;gap:3px;margin:7px 0}.panel-history button,.panel-format button,.panel-blocks button,.panel-colors button,.panel-emoji,.advanced-box button{border:1px solid #d5dfdc;border-radius:5px;background:#fff;color:#536173;font:9px var(--sans)}.panel-history button{width:100%;height:23px}.panel-format button{flex:1;height:22px}.panel-format .actual-comment{flex:1.45;background:#d7f4eb;border-color:#a9dfd2;color:#286b5e;font-size:8px}.panel-colors{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:7px 0}.panel-colors button{height:27px;padding:2px;font-size:8px}.panel-colors .text-line{width:12px;margin:1px auto}.panel-blocks button{height:24px;padding:0 8px}.panel-emoji{width:100%;height:24px;margin:1px 0 8px}.advanced-box{padding:7px;border:1px solid #b9ded4;border-radius:6px;background:#e6f7f1}.advanced-box>b{display:block;color:#286b5e;font-size:8px}.advanced-box small{display:block;margin:3px 0 6px;color:#5b766f;font-size:8px;line-height:1.35}.advanced-box div{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.advanced-box button{height:20px;padding:0;font-size:8px}.advanced-box button:nth-child(2){color:#af5662;border-color:#e7bdc3}
.language-chevron{width:8px;height:8px;display:inline-flex;align-self:center;align-items:center;justify-content:center;font-size:0;line-height:1;margin:0 0 0 1px;transform:none}.language-chevron::before{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px)}
.demo-privacy{background:#121722}.demo-privacy>*:not(.policy-frame):not(.site-header){display:none}.policy-frame{display:block;border:0;width:100%;min-height:calc(100vh - 65px);background:#121722}
.task-panel{padding:14px 11px 12px}.task-panel header{font-size:10px}.task-hint{margin:5px 0 8px;color:#747e91;font-size:9px;line-height:1.35}.task-comment{display:grid;grid-template-columns:15px minmax(0,1fr);gap:7px;margin-top:6px;padding:7px;cursor:pointer}.task-comment input{position:absolute;opacity:0;pointer-events:none}.task-comment .task-check{width:14px;height:14px;display:grid;place-items:center;border:1px solid #b7c1bf;border-radius:4px;color:transparent;font-size:9px;margin-top:1px}.task-comment.selected{border-color:#9ed9cc;background:#fbfffd}.task-comment.selected .task-check{color:#10211f;border-color:#88e6d1;background:#88e6d1}.task-body{min-width:0}.task-comment q{font-size:9px;line-height:1.35;margin-top:4px}.task-comment .quote{margin-top:4px}.task-agent{display:flex;align-items:center;justify-content:space-between;margin:9px 1px 7px;color:#286b5e;font-size:9px;font-weight:700}.task-agent i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#8fe7b2;box-shadow:0 0 5px #8fe7b2}.task-agent small{font-weight:500;color:#7a8790}.send-codex{width:100%;min-height:27px;border:1px solid #78cdbb;border-radius:6px;background:#88e6d1;color:#10211f;font:700 9px var(--sans);cursor:pointer}.send-codex:hover{background:#a6f2e0}.send-codex.is-ready{background:#d7f4eb;border-color:#a8e0d3;color:#256a5c}
.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.agent-card.planned{border-style:dashed;background:linear-gradient(145deg,#1a2130,#111722)}
.planned .card-label,.planned .capability-list i{color:var(--warning)}
.annotation-flow{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);align-items:center;gap:8px;height:100%;min-height:272px}.document-card{min-width:0;padding:13px;border:1px solid #39455a;border-radius:10px;background:#151c2a;box-shadow:0 14px 26px rgba(0,0,0,.2)}.document-card header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-bottom:9px;border-bottom:1px solid #303b51;color:#dde5ec;font:9px var(--mono)}.document-card header small{padding:2px 5px;border-radius:999px;background:#252f42;color:#aeb9c7;font:8px var(--mono)}.document-card h4{margin:13px 0 8px;color:#f2f5fb;font-size:16px;line-height:1.12;letter-spacing:-.045em}.document-card p{margin:0;color:#9aa7bc;font-size:9px;line-height:1.55}.document-card mark{display:block;margin-top:12px;padding:7px;border:1px solid #82704a;border-radius:6px;background:#3a3322;color:#f4db9e;font-size:9px;line-height:1.45}.source-doc{opacity:.76;transform:translateY(-7px)}.agent-route{display:grid;justify-items:center;gap:7px;color:#88e6d1}.route-comment{padding:4px 6px;border:1px solid rgba(136,230,209,.4);border-radius:999px;background:rgba(136,230,209,.12);font:8px var(--mono);white-space:nowrap}.agent-route i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#88e6d1;color:#10211f;box-shadow:0 0 0 7px rgba(136,230,209,.08);font-size:16px;font-style:normal;font-weight:800}.agent-route b{font:9px var(--mono);letter-spacing:.02em}.candidate-doc{border-color:rgba(136,230,209,.64);background:linear-gradient(150deg,#1b2c35,#16202e);box-shadow:0 0 0 1px rgba(136,230,209,.1) inset,0 14px 26px rgba(0,0,0,.24);transform:translateY(8px)}.candidate-doc header small{background:#d7f4eb;color:#286b5e}.candidate-doc em{display:block;margin-top:12px;color:#8fe7b2;font:8px var(--mono);font-style:normal}
.hero-annotation{width:100%;max-width:860px;margin:42px auto 0;padding:24px 32px;border:1px solid rgba(136,230,209,.3);border-radius:18px;background:linear-gradient(145deg,rgba(136,230,209,.11),rgba(26,33,48,.86) 28%,#111722);box-shadow:0 26px 90px rgba(0,0,0,.48),0 0 70px rgba(136,230,209,.10);text-align:left}.hero-annotation .annotation-flow{min-height:278px;max-width:690px;margin:auto}.hero-annotation .document-card{padding:17px}.hero-annotation .document-card h4{font-size:19px}.hero-annotation .document-card p{font-size:10px}.hero-annotation .document-card mark{font-size:10px}
.annotate-demo{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 164px;overflow:hidden;background:#f8fafc;color:#263042}.annotate-page{position:relative;padding:26px 24px;background:#fff}.annotate-page small{color:#818b9d;font:9px var(--mono);letter-spacing:.08em}.annotate-page h4{margin:12px 0 11px;font-size:20px;line-height:1.08;letter-spacing:-.055em}.annotate-page mark{padding:1px 3px;background:#d7f4eb;color:#167260}.annotate-page p{max-width:230px;margin:0;color:#667187;font-size:10px;line-height:1.65}.comment-pin{position:absolute;left:18%;top:139px;display:inline-flex;align-items:center;gap:8px;padding:5px 7px;border-radius:6px;background:#202a3d;color:#eff9f6;box-shadow:0 9px 20px rgba(22,35,44,.24);font:9px var(--sans);font-weight:700}.comment-pin span{padding:2px 4px;border-radius:3px;background:#88e6d1;color:#10211f}.annotate-panel{padding:12px 10px;background:#f2f8f6;border-left:1px solid #dfe7e4}.annotate-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#49596a;font-size:9px;font-weight:800}.annotate-panel header b{padding:3px 5px;border-radius:999px;background:#d7f4eb;color:#286b5e;font:8px var(--mono)}.annotate-comment{display:grid;grid-template-columns:17px minmax(0,1fr);gap:5px;margin-top:7px;padding:7px;border:1px solid #dce7e3;border-radius:7px;background:#fff;box-shadow:0 2px 5px rgba(31,54,48,.05)}.mini-avatar{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#88e6d1;color:#10211f;font:7px var(--mono);font-weight:800}.mini-avatar.cyan{background:#8fe7b2}.annotate-comment p{margin:0;color:#596677;font-size:8px;line-height:1.4}.annotate-agent{margin-top:10px}.annotate-agent span{display:flex;align-items:center;gap:4px;color:#286b5e;font-size:8px;font-weight:750}.annotate-agent i{width:5px;height:5px;border-radius:50%;background:#8fe7b2;box-shadow:0 0 5px #8fe7b2}.annotate-agent button{width:100%;min-height:26px;margin-top:6px;border:1px solid #78cdbb;border-radius:5px;background:#88e6d1;color:#10211f;font:700 8px var(--sans)}
.team-privacy-demo{position:absolute;inset:0;z-index:1;padding:20px 21px;background:linear-gradient(145deg,#1d2935,#121925);color:#eaf1f4}.team-privacy-demo header{display:flex;justify-content:space-between;align-items:flex-start}.team-privacy-demo header small{display:block;color:#9aa7bc;font:9px var(--mono);letter-spacing:.08em}.team-privacy-demo header b{display:block;margin-top:4px;font-size:13px;letter-spacing:-.025em}.team-badge{padding:4px 6px;border:1px solid rgba(136,230,209,.32);border-radius:999px;background:rgba(136,230,209,.1);color:#b9f1e3;font:8px var(--mono)}.shared-comment{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;margin:16px 0 12px;padding:10px;border:1px solid rgba(136,230,209,.28);border-radius:9px;background:rgba(136,230,209,.07)}.comment-avatar,.viewer-avatar{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#88e6d1;color:#10211f;font:8px var(--mono);font-weight:800}.shared-comment p{margin:0;color:#e0eaed;font-size:10px;line-height:1.45}.shared-comment small{grid-column:2;color:#8fe7b2;font-size:8px}.viewer-list{display:grid;gap:6px}.viewer{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 8px;border:1px solid #303b51;border-radius:7px;background:rgba(17,23,34,.52);font-size:9px}.viewer>span:nth-child(2){color:#dde6ea;font-weight:700}.viewer>span small{display:block;color:#8f9caf;font-size:8px;font-weight:400}.viewer b{font:8px var(--mono);white-space:nowrap}.viewer.allowed b{color:#8fe7b2}.viewer-avatar.cyan{background:#8fe7b2}.viewer.blocked{opacity:.58;border-style:dashed}.viewer.blocked .viewer-avatar{background:#354052;color:#a7b2c4}.viewer.blocked b{color:#d1a2a7}
@media(max-width:800px){.agent-grid{grid-template-columns:1fr}}
@media(max-width:460px){.annotation-flow{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:5px}.document-card{padding:10px}.document-card h4{font-size:13px}.document-card mark{padding:5px;font-size:8px}.agent-route i{width:26px;height:26px}.route-comment{font-size:7px;padding:3px}.candidate-doc,.source-doc{transform:none}}
@media(max-width:800px){.section{padding:64px 0}.hero{padding-top:64px;padding-bottom:58px}.product-window,.hero-annotation{margin-top:34px}.hero-annotation{padding:18px}.final{padding:54px 20px;margin-bottom:60px}}

/* First-time Local Bridge setup on the Agents page. */
.setup-guide{padding-top:40px}.setup-heading{max-width:700px;margin:0 auto 27px;text-align:center}.setup-heading h2{margin:11px 0;font-size:clamp(33px,4vw,49px);line-height:1.08;letter-spacing:-.06em}.setup-heading p{margin:0;color:var(--muted)}.setup-prerequisites{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:820px;margin:0 auto 16px}.setup-prereq{min-height:48px;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:rgba(255,255,255,.025);color:var(--secondary);font-size:12px}.setup-prereq b{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;border-radius:6px;background:rgba(136,230,209,.12);color:var(--brand);font:10px var(--mono)}.setup-steps{display:grid;gap:10px;max-width:820px;margin:0 auto;padding:0;list-style:none}.setup-step{display:grid;grid-template-columns:43px minmax(0,1fr);gap:15px;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(135deg,rgba(32,42,61,.82),rgba(17,23,34,.86))}.setup-step.is-recommended{border-color:rgba(136,230,209,.42);background:linear-gradient(135deg,rgba(136,230,209,.10),rgba(26,33,48,.94) 44%,rgba(17,23,34,.96))}.setup-number{width:34px;height:34px;display:grid;place-items:center;border:1px solid #3b4960;border-radius:10px;background:#111722;color:#d0d8e5;font:700 15px var(--mono)}.is-recommended .setup-number{border-color:rgba(136,230,209,.48);background:rgba(136,230,209,.13);color:var(--brand)}.setup-step-content{min-width:0}.setup-step h3{margin:1px 0 6px;font-size:18px;line-height:1.25;letter-spacing:-.035em}.setup-step p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.setup-step-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.setup-step-title h3{margin:1px 0 6px}.recommended-tag,.coming-tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;font:9px var(--mono);letter-spacing:.04em}.recommended-tag{border:1px solid rgba(136,230,209,.42);background:rgba(136,230,209,.12);color:#b9f1e3}.coming-tag{border:1px solid rgba(244,204,118,.36);background:rgba(244,204,118,.09);color:#f4cc76}.setup-agent-list,.setup-checklist{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.setup-agent-list span,.setup-checklist span{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--line-strong);border-radius:6px;background:#111722;color:#cbd5e1;font:10px var(--mono)}.setup-checklist span{color:#8fe7b2}.setup-checklist b{margin-left:4px;color:#cbd5e1;font-weight:500}.setup-route{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:13px 0 8px;color:#b9f1e3;font:10px var(--mono)}.setup-route span{padding:5px 7px;border:1px solid rgba(136,230,209,.26);border-radius:6px;background:rgba(17,23,34,.5)}.setup-route i{color:var(--brand);font-style:normal;font-size:13px}.setup-safe,.setup-inline-note{display:block;margin-top:10px;color:#aeb9c7;font-size:11px;line-height:1.55}.setup-safe::before{content:"✦";margin-right:5px;color:var(--brand)}.command-card{margin-top:13px;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#0d121c}.command-card-head{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line);color:#9aa7bc;font:9px var(--mono)}.command-card-head span:last-child{color:#f4cc76}.command-card code{display:block;padding:11px 10px;overflow:auto;color:#a6f2e0;font:11px/1.6 var(--mono);white-space:nowrap}.setup-help{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;max-width:820px;margin:16px auto 0;padding:21px;border:1px solid rgba(244,204,118,.22);border-radius:var(--r-lg);background:rgba(244,204,118,.055)}.setup-help h3{margin:7px 0 0;font-size:22px;letter-spacing:-.045em;line-height:1.15}.help-list{display:grid;gap:10px}.help-list div{display:grid;gap:2px}.help-list b{color:#e7dfc8;font-size:12px}.help-list span{color:#b6af9f;font-size:12px;line-height:1.55}
.setup-page-hero{padding-bottom:33px}.agent-setup-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 76px;padding:28px;border:1px solid rgba(136,230,209,.31);border-radius:var(--r-xl);background:linear-gradient(135deg,rgba(136,230,209,.1),rgba(26,33,48,.92) 46%,rgba(17,23,34,.94))}.agent-setup-cta>div{max-width:590px}.agent-setup-cta h2{margin:8px 0;font-size:clamp(27px,3vw,36px);line-height:1.1;letter-spacing:-.055em}.agent-setup-cta p{margin:0;color:var(--muted);font-size:13px}.agent-setup-cta .button{flex:none;white-space:nowrap}
.setup-alt,.setup-use,.setup-uninstall{max-width:820px;margin:16px auto 0;padding:21px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(135deg,rgba(32,42,61,.8),rgba(17,23,34,.88))}.setup-alt{border-color:rgba(136,230,209,.3);background:linear-gradient(135deg,rgba(136,230,209,.08),rgba(17,23,34,.92))}.setup-alt>div+div{max-width:680px;margin-top:10px}.setup-alt h3,.setup-use h3,.setup-uninstall h3{margin:7px 0 0;font-size:22px;line-height:1.15;letter-spacing:-.045em}.setup-alt p,.setup-use p{margin:0 0 9px;color:var(--muted);font-size:13px;line-height:1.7}.setup-alt p:last-of-type{margin-bottom:13px}.setup-use{margin-top:16px}.setup-use p{margin-top:10px;margin-bottom:0;max-width:680px}.setup-uninstall{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:64px}.setup-uninstall code{padding:10px;border:1px solid var(--line-strong);border-radius:7px;background:#0d121c;color:#a6f2e0;font:10px/1.5 var(--mono);white-space:nowrap}
.setup-visual{position:relative;max-width:360px;margin:14px 0 10px;overflow:hidden;border:1px solid #303b51;border-radius:9px;background:#111722;box-shadow:0 10px 22px rgba(0,0,0,.18);font-size:10px}.visual-bar,.mini-side-head{height:28px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #303b51;background:#202a3d;color:#d0d8e5}.visual-bar i{width:6px;height:6px;border-radius:50%;background:#ff9aa5}.visual-bar i:nth-child(2){background:#f4cc76}.visual-bar i:nth-child(3){background:#8fe7b2}.visual-bar span{margin-left:5px;color:#9aa7bc;font:9px var(--mono)}.terminal-visual code{display:block;padding:12px;color:#d0d8e5;font:11px/1.7 var(--mono)}.terminal-visual code b{color:#88e6d1}.terminal-visual code em{color:#8fe7b2;font-style:normal}.copy-button{border:1px solid rgba(136,230,209,.35);border-radius:6px;background:rgba(136,230,209,.1);color:#b9f1e3;padding:4px 7px;font:10px var(--sans);cursor:pointer}.copy-button:hover{background:rgba(136,230,209,.18);color:#fff}.terminal-visual>.copy-button{position:absolute;right:8px;bottom:8px}.connection-visual,.check-visual{padding-bottom:10px}.mini-side-head{justify-content:space-between}.mini-side-head b{color:#f2f5fb}.mini-side-head span{color:#9aa7bc;font-size:9px}.mini-status{display:flex;align-items:center;gap:7px;margin:10px;padding:8px;border:1px solid #303b51;border-radius:6px;color:#d0d8e5}.mini-status i{width:6px;height:6px;border-radius:50%;background:#f4cc76}.connection-visual>button,.check-visual>button{display:block;width:calc(100% - 20px);margin:0 10px;min-height:27px;border:0;border-radius:6px;background:#88e6d1;color:#10211f;font:700 10px var(--sans)}.connection-visual small{display:block;margin:7px 10px 0;color:#9aa7bc;font-size:9px;text-align:center}.agent-ready-row{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:7px;margin:7px 10px;padding:7px;border:1px solid #303b51;border-radius:6px;color:#d0d8e5}.agent-ready-row i{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#8fe7b2;color:#10211f;font-style:normal;font-size:9px}.agent-ready-row b{color:#8fe7b2;font:9px var(--mono)}.command-card-head .copy-button{margin:-3px 0}.uninstall-command{display:flex;align-items:center;gap:7px}.uninstall-command .copy-button{white-space:nowrap}
.step-substeps{display:grid;gap:6px;margin:13px 0 10px;padding:0;list-style:none;counter-reset:substep}.step-substeps li{position:relative;padding:8px 10px 8px 38px;border:1px solid rgba(180,196,221,.1);border-radius:7px;background:rgba(17,23,34,.5);color:#d0d8e5;font-size:12px;line-height:1.5;counter-increment:substep}.step-substeps li::before{content:attr(data-prefix) '.' counter(substep);position:absolute;left:10px;color:#88e6d1;font:10px var(--mono);font-weight:700}.step-substeps small{display:block;margin-top:3px;color:#8d9aac;font-size:11px;line-height:1.45}.prompt-card{margin-top:13px;padding:11px;border:1px solid rgba(136,230,209,.28);border-radius:8px;background:rgba(17,23,34,.56)}.prompt-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#b9f1e3;font:10px var(--mono)}.prompt-card pre{max-height:150px;margin:9px 0 0;overflow:auto;padding:10px;border:1px solid #303b51;border-radius:6px;background:#0d121c;color:#c7eee4;font:10px/1.55 var(--mono);white-space:pre-wrap}.prompt-card p{margin:8px 0 0!important;color:#9aa7bc!important;font-size:11px!important;line-height:1.5!important}
.setup-use-visual{max-width:390px;margin-top:14px}.agent-send-card{padding:10px;border:1px solid #303b51;border-radius:9px;background:#111722;box-shadow:0 8px 18px rgba(0,0,0,.14)}.agent-send-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #303b51;color:#f2f5fb;font:700 10px var(--sans)}.agent-send-head b{padding:3px 5px;border-radius:4px;background:rgba(136,230,209,.12);color:#a6f2e0;font:8px var(--mono)}.agent-send-comment{display:grid;grid-template-columns:14px 1fr;gap:6px;align-items:center;margin-top:7px;padding:7px;border:1px solid rgba(180,196,221,.1);border-radius:6px;background:#1a2130;color:#d0d8e5;font-size:9px;line-height:1.35}.agent-send-comment i{display:grid;place-items:center;width:14px;height:14px;border-radius:4px;background:#88e6d1;color:#10211f;font:700 9px var(--sans);font-style:normal}.agent-send-status{display:flex;justify-content:space-between;margin:8px 1px;color:#a6f2e0;font:8px var(--mono)}.agent-send-status small{color:#9aa7bc}.agent-send-action{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:28px;border:1px solid #78cdbb;border-radius:6px;background:#88e6d1;color:#10211f;font:700 10px var(--sans)}.agent-send-action i{font-style:normal;font-size:12px}
.setup-toc{position:fixed;z-index:15;top:101px;left:max(16px,calc(50% - 680px));width:138px;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(26,33,48,.88);box-shadow:0 12px 28px rgba(0,0,0,.17);backdrop-filter:blur(12px)}.setup-toc>span{display:block;margin:1px 7px 7px;color:var(--faint);font:9px var(--mono);letter-spacing:.08em}.setup-toc nav{display:grid;gap:2px}.setup-toc a{padding:6px 7px;border-radius:6px;color:var(--muted);font-size:11px;line-height:1.35;transition:.16s color,.16s background}.setup-toc a:hover{color:var(--text);background:rgba(255,255,255,.06)}.setup-toc a.is-active{background:rgba(136,230,209,.12);color:#b9f1e3;font-weight:700}
@media(max-width:1100px){.setup-toc{display:none}}@media(max-width:800px){.setup-guide{padding-top:22px}.setup-prerequisites{grid-template-columns:1fr}.setup-step{padding:17px}.setup-help{grid-template-columns:1fr;gap:17px}.command-card code{font-size:10px}.agent-setup-cta{align-items:flex-start;flex-direction:column;margin-bottom:60px}.setup-uninstall{align-items:flex-start;flex-direction:column;margin-bottom:52px}}
@media(max-width:460px){.setup-step{grid-template-columns:32px minmax(0,1fr);gap:10px}.setup-number{width:29px;height:29px;border-radius:8px;font-size:13px}.setup-route{gap:4px}.setup-route i{font-size:10px}.command-card-head{align-items:flex-start;flex-direction:column;gap:3px}.command-card code,.setup-uninstall code{white-space:normal;word-break:break-all}}

/* 01 / 02 use the extension's actual Mint dark Side Panel language. */
.edit-demo{background:#111722;color:#f2f5fb}.edit-canvas{background:#1a2130}.edit-canvas small{color:#9aa7bc}.edit-canvas h4{color:#f2f5fb}.edit-canvas p{color:#b8c3d1}.edit-canvas mark{background:rgba(136,230,209,.18);color:#a6f2e0}.edit-toolbar{border-color:#303b51;background:#111722;box-shadow:0 9px 20px rgba(0,0,0,.32)}.edit-toolbar button{color:#d0d8e5}.edit-toolbar>i{background:#303b51}.edit-panel{border-color:#303b51;background:#1a2130}.panel-brand{color:#f2f5fb}.panel-brand span{background:rgba(136,230,209,.15);color:#a6f2e0}.panel-tabs{border-color:#303b51;background:#111722}.panel-tabs>*{color:#9aa7bc}.panel-tabs b{background:#202a3d;color:#f2f5fb;box-shadow:none}.panel-history button,.panel-format button,.panel-blocks button,.panel-colors button,.panel-emoji,.advanced-box button{border-color:#303b51;background:#202a3d;color:#d0d8e5}.panel-format .actual-comment{background:#88e6d1;border-color:#88e6d1;color:#10211f}.advanced-box{border-color:rgba(136,230,209,.35);background:rgba(136,230,209,.08)}.advanced-box>b{color:#a6f2e0}.advanced-box small{color:#b7c7c7}.advanced-box button:nth-child(2){color:#ff9aa5;border-color:#6a4651}
.annotate-demo{background:#111722;color:#f2f5fb}.annotate-page{background:#1a2130}.annotate-page small{color:#9aa7bc}.annotate-page h4{color:#f2f5fb}.annotate-page mark{background:rgba(136,230,209,.18);color:#a6f2e0}.annotate-page p{color:#b8c3d1}.comment-pin{border:1px solid #303b51;background:#111722;color:#f2f5fb;box-shadow:0 9px 20px rgba(0,0,0,.32)}.annotate-panel{border-color:#303b51;background:#1a2130}.sidepanel-brand{display:flex;align-items:center;justify-content:space-between;color:#f2f5fb;font-size:9px}.sidepanel-brand span{color:#8fe7b2;font-size:8px}.sidepanel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:8px 0;padding:2px;border:1px solid #303b51;border-radius:6px;background:#111722;color:#9aa7bc;font-size:8px;text-align:center}.sidepanel-tabs>*{padding:4px}.sidepanel-tabs b{border-radius:4px;background:#202a3d;color:#f2f5fb}.annotate-panel header{color:#d0d8e5}.annotate-panel header b{background:rgba(136,230,209,.15);color:#a6f2e0}.annotate-comment{border-color:#303b51;background:#202a3d;box-shadow:none}.annotate-comment p{color:#d0d8e5}.annotate-agent span{color:#a6f2e0}.annotate-agent button{border-color:#78cdbb;background:#88e6d1;color:#10211f}

/* Final alignment refinements. */
.menu-preview{padding:7px 10px 8px}.menu-preview-agent{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 7px;border-radius:6px;color:#d0d8e5}.menu-preview-agent.selected{background:#202a3d}.menu-preview-agent b{display:block;font-size:10px}.menu-preview-agent small{display:block;margin-top:1px;color:#9aa7bc;font-size:8px;line-height:1.3}.ready-dot{width:6px;height:6px;border-radius:50%;background:#8fe7b2;box-shadow:0 0 0 2px rgba(143,231,178,.12)}.ready-dot.muted{background:#69758a;box-shadow:none}.menu-preview-agent:first-child .ready-dot{background:#f4cc76;box-shadow:0 0 0 2px rgba(244,204,118,.12)}.menu-preview-agent em{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#88e6d1;color:#10211f;font:700 9px var(--sans);font-style:normal}.menu-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0 0;padding-top:8px;border-top:1px solid #303b51}.menu-preview-actions button{min-height:26px;padding:0 6px;border:1px solid #3b4960;border-radius:6px;background:transparent;color:#d0d8e5;font:600 8px var(--sans)}.menu-preview.compact{padding-bottom:8px}.mini-send-group{display:flex;gap:0;margin:0 10px 10px}.mini-send-main,.mini-send-toggle{min-height:28px;border:0;background:#88e6d1;color:#10211f;font:700 9px var(--sans)}.mini-send-main{flex:1;border-radius:6px 0 0 6px}.mini-send-toggle{width:25px;border-left:1px solid rgba(16,33,31,.22);border-radius:0 6px 6px 0;font-size:12px;line-height:1}
.support-group{height:32px;padding:0 9px}.support-label{height:18px;line-height:18px}.support-label::before{display:none}.support-chip{height:18px;display:inline-flex;align-items:center;padding:0 6px;line-height:1}.final .checks{margin:0 auto 15px}.final .checks span{border-color:rgba(136,230,209,.27);background:rgba(136,230,209,.10);color:#b9f1e3}

/* Keep the dense Side Panel mockup within every feature-card width. */
.edit-toolbar{left:12px;right:12px;top:126px;max-width:none;width:auto;flex-wrap:wrap;gap:2px;padding:3px}.edit-toolbar button{min-width:18px;height:20px;padding:0 3px;font-size:8px}.edit-toolbar .actual-comment{padding:0 5px}.edit-toolbar>i{margin:0 1px}.panel-format{display:grid;grid-template-columns:1.35fr repeat(5,minmax(0,1fr))}.panel-format button,.panel-format .actual-comment{min-width:0;padding:0 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.panel-colors{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel-colors button{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.panel-emoji{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}