/* AMMO identity: the shared logo, Rockwell headings and Wanda's three-color rule. */
@font-face{font-family:Rockwell;src:url('brand/rockwell.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root,[data-theme=light]{
  color-scheme:light;
  --canvas:#ffffff;--surface:#f2f5fa;--ink:#202936;--muted:#596579;--line:#dce2eb;
  --blue:#146dc0;--blue-hover:#105ba2;--primary-fill:#2689df;--primary-ink:#071c2d;
  --sidebar-bg:#edf0f5;--sidebar-ink:#303c4f;--sidebar-muted:#5a687c;--sidebar-hover:#dce4ef;--sidebar-line:#d0d8e5;
  --header-bg:#f8f9fc;--nav-active:#3097ef;--nav-active-ink:#071c2d;
  --code-bg:#eef2f8;--code-ink:#34445f;--hover:#f2f6fc;--control-bg:#fff;--control-border:#bac6d7;
  --focus:#167bc9;--selection:#d7eafa;--selection-ink:#17344c;
  --success:#256c50;--success-bg:#e7f4ed;--danger:#ae3341;--danger-bg:#fae9ed;--danger-border:#d6a0aa;
  --warning:#7b5b21;--warning-bg:#fff3d8;--warning-border:#ddcda7;
  --info-bg:#e7f0ff;--info-ink:#235ba0;--scroll-thumb:#aab7c9;--logo-filter:none;
  --pico-icon-valid:url("/static/vendor/pico-icons/valid-light.svg");--pico-icon-invalid:url("/static/vendor/pico-icons/invalid-light.svg");
}
[data-theme=dark]{
  color-scheme:dark;
  --canvas:#0b0e13;--surface:#172234;--ink:#f0f2f7;--muted:#a5b1c5;--line:#2b3444;
  --blue:#8dc7ff;--blue-hover:#b8ddff;--primary-fill:#3097ef;--primary-ink:#061c2e;
  --sidebar-bg:#2e333d;--sidebar-ink:#d5dce8;--sidebar-muted:#b5c0d1;--sidebar-hover:#3a4352;--sidebar-line:#485261;
  --header-bg:#1a2332;--nav-active:#3097ef;--nav-active-ink:#061c2e;
  --code-bg:#151c28;--code-ink:#d5dff0;--hover:#162031;--control-bg:#131b27;--control-border:#526078;
  --focus:#82bfff;--selection:#284f73;--selection-ink:#f1f6ff;
  --success:#8cd6b0;--success-bg:#132d25;--danger:#ffabb4;--danger-bg:#35212b;--danger-border:#905162;
  --warning:#e8c27c;--warning-bg:#322b1f;--warning-border:#66573d;
  --info-bg:#1b2d48;--info-ink:#a8cdff;--scroll-thumb:#526078;--logo-filter:invert(1);
  --pico-icon-valid:url("/static/vendor/pico-icons/valid-dark.svg");--pico-icon-invalid:url("/static/vendor/pico-icons/invalid-dark.svg");
}
:root,[data-theme=light],[data-theme=dark]{
  --pico-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--pico-font-size:15px;--pico-line-height:1.55;
  --pico-background-color:var(--canvas);--pico-color:var(--ink);--pico-muted-color:var(--muted);--pico-muted-border-color:var(--line);
  --pico-primary:var(--blue);--pico-primary-hover:var(--blue-hover);--pico-primary-background:var(--primary-fill);--pico-primary-border:var(--primary-fill);--pico-primary-inverse:var(--primary-ink);
  --pico-primary-hover-background:var(--primary-fill);--pico-primary-hover-border:var(--blue);--pico-primary-focus:var(--selection);
  --pico-h1-color:var(--ink);--pico-h2-color:var(--ink);--pico-h3-color:var(--ink);--pico-h4-color:var(--ink);--pico-contrast:var(--ink);
  --pico-form-element-background-color:var(--control-bg);--pico-form-element-color:var(--ink);--pico-form-element-border-color:var(--control-border);--pico-form-element-placeholder-color:var(--muted);--pico-form-element-active-border-color:var(--blue);
  --pico-dropdown-background-color:var(--surface);--pico-dropdown-color:var(--ink);--pico-dropdown-border-color:var(--line);--pico-card-background-color:var(--surface);--pico-card-sectioning-background-color:var(--surface);--pico-code-background-color:var(--code-bg);--pico-code-color:var(--code-ink);
  --button-radius:12px;--control-radius:8px;--compact-control-radius:4px;--pico-border-radius:8px;--pico-form-element-spacing-vertical:.65rem;--pico-form-element-spacing-horizontal:.85rem;--pico-spacing:1rem;
  --pico-icon-checkbox:url("/static/vendor/pico-icons/checkbox.svg");--pico-icon-minus:url("/static/vendor/pico-icons/minus.svg");--pico-icon-chevron:url("/static/vendor/pico-icons/chevron.svg");--pico-icon-date:url("/static/vendor/pico-icons/date.svg");--pico-icon-time:url("/static/vendor/pico-icons/time.svg");--pico-icon-search:url("/static/vendor/pico-icons/search.svg");--pico-icon-close:url("/static/vendor/pico-icons/close.svg");--pico-icon-loading:url("/static/vendor/pico-icons/loading.svg");
  scrollbar-color:var(--scroll-thumb) var(--canvas);
}

/* Operate surface: restrained workbench, clear scanning and payload reading. */

*{box-sizing:border-box}body{min-width:320px;margin:0}a{text-decoration:none;text-underline-offset:4px}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{background:var(--selection);color:var(--selection-ink)}input,textarea{caret-color:var(--blue)}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}h1{font-size:2rem;letter-spacing:-.025em;line-height:1.2;margin:0 0 .5rem}h2{font-size:1.25rem;letter-spacing:-.015em}h3{font-size:1.08rem}p{color:var(--muted)}small{color:var(--muted)}button,.button,[role=button]{font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:auto;margin:0;line-height:1.3;padding:.7rem 1rem;white-space:nowrap;min-height:40px;border-radius:6px}button[type=submit]{width:auto}.button{background:var(--blue);border:1px solid var(--blue);color:var(--canvas)}.button:hover{text-decoration:none;background:var(--blue-hover);color:var(--canvas)}.secondary,button.secondary,.button.secondary{background:var(--canvas);border:1px solid var(--control-border);color:var(--ink)}.secondary:hover{background:var(--hover)}button.text-button{background:transparent;border:0;padding:.35rem .5rem;color:var(--blue);font-weight:500}.danger{color:var(--danger)!important;border-color:var(--danger-border)!important}.skip{position:fixed;left:1rem;top:-100px;background:var(--canvas);padding:1rem;z-index:100}.skip:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.sidebar{width:242px;background:var(--sidebar-bg);color:var(--sidebar-ink);position:fixed;inset:0 auto 0 0;padding:28px 18px 20px;display:flex;flex-direction:column;overflow:auto}.brand{color:var(--canvas);font-size:1.7rem;letter-spacing:-.035em;font-weight:750;display:block;padding:0 12px}.brand span{color:var(--sidebar-muted);font-weight:450}.brand:hover{color:var(--canvas);text-decoration:none}.brand-note{font-size:.79rem;margin:.25rem 12px 2rem;color:var(--sidebar-muted)}.workspace-name{padding:0 12px 12px;font-size:.8rem;color:var(--sidebar-muted);overflow-wrap:anywhere}.sidebar nav{display:block}.sidebar nav a,.sidebar-bottom>a{display:flex;align-items:center;gap:10px;color:var(--sidebar-ink);font-size:.9rem;border-radius:6px;padding:9px 12px;margin:2px 0;line-height:1.4;overflow-wrap:anywhere}.sidebar nav a:hover,.sidebar-bottom>a:hover{background:var(--sidebar-hover);text-decoration:none;color:var(--canvas)}.sidebar nav a[aria-current=page]{color:var(--canvas);background:var(--sidebar-hover)}.sidebar nav a.nav-project{font-weight:600;color:var(--canvas);background:var(--sidebar-hover)}.nav-label{margin:23px 12px 7px;color:var(--sidebar-muted);font-size:.74rem;font-weight:650}.sidebar nav a.nav-add{color:var(--sidebar-muted);font-size:.82rem}.sidebar-bottom{margin-top:auto;padding-top:40px;font-size:.82rem}.sidebar-bottom p{color:var(--sidebar-muted);padding:0 12px}.sidebar-bottom form{margin:10px 0 0}.sidebar-bottom button.text-button{color:var(--sidebar-ink);padding-left:12px}.workspace-menu{border-bottom:1px solid var(--sidebar-line);padding:10px 12px;margin:0}.workspace-menu summary{font-size:.78rem;color:var(--sidebar-ink);overflow-wrap:anywhere}.workspace-menu a{display:block;padding:6px 0;color:var(--sidebar-ink)}.main{margin-left:242px;padding:0 42px 42px;max-width:1740px;min-width:0}.topline{min-height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.8rem;color:var(--muted);gap:1rem}.divider{padding:0 12px;color:var(--line)}.plan-label{border:1px solid var(--line);border-radius:4px;padding:2px 9px;color:var(--muted);font-size:.75rem}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:36px 0 30px}.page-heading p{margin:0;max-width:70ch;font-size:.94rem}.page-heading>.button{margin-top:4px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 12px}.section-heading h2{margin:0}.section-heading a{font-size:.87rem}.resource-table{border-top:1px solid var(--line)}.resource-row{display:flex;align-items:center;gap:18px;padding:22px 14px;border-bottom:1px solid var(--line);color:var(--ink)}.resource-row:hover{background:var(--surface);text-decoration:none;color:var(--ink)}.resource-row strong,.resource-row small{display:block}.resource-row strong{font-size:.98rem;font-weight:600}.resource-row small{font-size:.8rem;margin-top:4px}.resource-icon{color:var(--muted)}.row-meta{margin-left:auto;color:var(--muted);font-size:.84rem}.resource-row>svg{color:var(--muted)}.storage-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:42px;font-size:.85rem}progress{height:5px;margin:12px 0 12px}p.muted{font-size:.86rem}.muted{color:var(--muted)}.toolbar{display:flex;align-items:center;gap:16px;border-block:1px solid var(--line);padding:14px 0;flex-wrap:wrap}.toolbar form{display:flex;gap:8px;margin:0;flex:1;max-width:470px}.toolbar input{margin:0;min-width:80px}.live-status{display:flex;align-items:center;gap:7px;font-size:.76rem;color:var(--muted);margin-left:auto}.live-status>span{width:6px;height:6px;border-radius:50%;background:var(--success)}.list-summary{font-size:.78rem;color:var(--muted);padding:14px 0}.capture-list{border-top:1px solid var(--line)}.capture-row{display:flex;gap:16px;align-items:flex-start;padding:20px 14px;border-bottom:1px solid var(--line);color:var(--ink)}.capture-row:hover{background:var(--hover);color:var(--ink);text-decoration:none}.mail-icon{color:var(--muted);padding-top:2px}.capture-primary{min-width:0;flex:1}.capture-primary strong,.capture-primary span,.capture-primary small{display:block;overflow-wrap:anywhere}.capture-primary strong{font-size:1rem;font-weight:600;line-height:1.4}.capture-primary span{font-size:.83rem;margin-top:4px;color:var(--muted)}.capture-primary small{font-size:.8rem;margin-top:6px;color:var(--muted)}.capture-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:70px;font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--muted)}.capture-meta small{font-size:.76rem}.capture-meta svg{width:14px;height:14px}.empty{padding:54px 24px;text-align:center}.empty h2{font-size:1.3rem}.empty p{max-width:58ch;margin:0 auto 22px}.empty>svg{width:38px;height:38px;color:var(--muted);margin-bottom:18px}.empty pre{display:inline-block;text-align:left;margin-top:8px;max-width:100%}.inbox-empty{padding-top:75px;padding-bottom:85px}.danger-zone{border-top:1px solid var(--line);padding:24px 0;margin:40px 0 0}.danger-zone summary{font-size:.84rem;color:var(--danger)}.danger-zone p{font-size:.88rem;margin-top:16px}.narrow-form{max-width:550px}.narrow-form button{margin-top:12px}.narrow-form label,.replay-form label{font-size:.88rem;font-weight:550}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:20px 0}.actions button{margin:0}.form-section{border-top:1px solid var(--line);padding-top:24px;margin-top:32px}.metadata{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px 24px;font-size:.91rem;padding:24px 0;border-block:1px solid var(--line)}.metadata dt{color:var(--muted);font-weight:450}.metadata dd{margin:0;overflow-wrap:anywhere}.metadata form{margin:0}.metadata.compact{gap:8px 18px;font-size:.86rem;margin-bottom:26px}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.84rem}code{background:var(--code-bg);color:var(--code-ink);overflow-wrap:anywhere}pre{background:var(--code-bg);border:1px solid var(--line);padding:20px;color:var(--code-ink);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;line-height:1.7}.payload{min-height:250px;margin-top:20px}.secret-box,.capture-url{display:flex;gap:20px;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px 20px;margin-bottom:24px;min-width:0}.secret-box code{background:none;font-size:.94rem}.capture-url small,.capture-url code{display:block}.capture-url small{font-size:.78rem;margin-bottom:5px}.capture-url code{background:none;font-size:.9rem}.capture-url>div{min-width:0}.response-pill{font-size:.8rem;color:var(--muted)}.method{display:inline-block;border-radius:4px;padding:3px 8px;font-size:.74rem;font-weight:700;font-family:ui-monospace,monospace;line-height:1.5;background:var(--surface);color:var(--muted);flex-shrink:0}.method-post{background:var(--info-bg);color:var(--blue)}.method-get{background:var(--success-bg);color:var(--success)}.method-delete{background:var(--danger-bg);color:var(--danger)}.request-row{align-items:center}.path{font-family:ui-monospace,monospace}.request-title{display:flex;align-items:center;gap:14px;overflow-wrap:anywhere}.request-title>span:last-child{min-width:0}.request-title .method{font-size:.87rem}.tabs{display:flex;justify-content:flex-start;gap:24px;border-bottom:1px solid var(--line);overflow-x:auto;margin:0 0 20px;padding:0;white-space:nowrap}.tabs a{padding:10px 0 12px;margin:0;color:var(--muted);font-size:.88rem;border-bottom:2px solid transparent}.tabs a[aria-current=page]{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.tabs a:hover{text-decoration:none;color:var(--blue)}.frame-toolbar{display:flex;align-items:center;gap:16px;padding:0 0 14px}.frame-toolbar small{font-size:.75rem;max-width:70ch}.frame-toolbar button{flex-shrink:0}iframe{width:100%;height:540px;border:1px solid var(--line);background:#fff;border-radius:4px}.subject{max-width:40ch;overflow-wrap:anywhere}.back-link{display:block;font-size:.81rem;margin-bottom:14px}.notice{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:6px;padding:14px 18px;color:var(--warning);font-size:.87rem}.notices p{background:var(--info-bg);padding:12px 18px;border-radius:6px;color:var(--info-ink)}.table-scroll{overflow-x:auto}table{font-size:.87rem}th{font-weight:550;color:var(--muted)}thead th{background:var(--surface);font-size:.8rem}td,th{padding:14px 16px;vertical-align:top}td form{margin:0}td .text-button{margin-top:-8px;margin-bottom:-8px}.break{overflow-wrap:anywhere;word-break:break-word}.block{display:block;margin-top:4px}.attachment-row{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);padding:22px 0}.attachment-row>div{min-width:0}.attachment-row p{margin:5px 0;font-size:.85rem}.attachment-row form{margin:0}.checksum{font-size:.73rem;overflow-wrap:anywhere}.checksum code{font-size:.72rem}.share-panel,.cli-panel{margin-top:28px;background:var(--surface);padding:18px 22px;border-radius:8px}.share-panel summary,.cli-panel summary{font-size:.88rem;font-weight:550}.share-panel p,.cli-panel p{font-size:.86rem;margin-top:15px}.inline-form{display:flex;gap:14px;align-items:flex-end;margin:16px 0}.inline-form label{margin:0;font-size:.83rem}.inline-form select{margin-bottom:0}.delivery{padding:18px 0;border-bottom:1px solid var(--line)}.delivery summary{font-size:.88rem}.delivery pre{max-height:400px;overflow:auto}.replay-form{max-width:900px}.replay-form textarea{font-family:ui-monospace,monospace;font-size:.83rem}.replay-form .grid{grid-template-columns:1fr 3fr}.auth-surface{max-width:470px;margin:10vh auto 50px}.auth-surface h1{margin-bottom:20px}.auth-surface form{margin-top:24px}.auth-surface label{font-size:.9rem}.auth-surface ul{font-size:.85rem}.auth-surface .helptext{font-size:.8rem}.shared-main{margin:0 auto;max-width:1180px;padding:0 30px 40px}.share-masthead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:.84rem}.share-masthead .brand{color:var(--ink);padding:0}.share-masthead .brand span{color:var(--muted)}.docs{max-width:900px}.docs h2{margin-top:40px}.copy-status{position:fixed;bottom:24px;right:24px;padding:0;background:var(--info-bg);color:white;border-radius:6px;font-size:.84rem;z-index:50}.copy-status:not(:empty){padding:12px 20px}.htmx-indicator{opacity:0}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{opacity:1;transition:opacity 200ms ease-in}.htmx-request{opacity:.8}.htmx-request .capture-list{opacity:1}
@media(min-width:1500px){.main{padding-left:56px;padding-right:56px}.capture-row{padding-top:23px;padding-bottom:23px}}
@media(max-width:1000px){.sidebar{width:210px;padding-inline:12px}.main{margin-left:210px;padding-inline:24px}.row-meta{max-width:165px;text-align:right}.toolbar{gap:12px}.toolbar form{max-width:none}.live-status{margin-left:0}.frame-toolbar{align-items:flex-start;flex-direction:column;gap:5px}.page-heading{gap:14px}.page-heading h1{font-size:1.8rem}}
@media(max-width:700px){.sidebar{position:relative;width:100%;padding:16px 20px;max-height:none}.brand{padding:0;font-size:1.5rem}.brand-note{margin:0;font-size:.72rem}.workspace-name,.nav-label,.nav-add,.sidebar-bottom{display:none!important}.sidebar nav{display:flex;gap:6px;overflow:auto;margin-top:14px;padding-bottom:2px}.sidebar nav a{white-space:nowrap;padding:7px 9px;font-size:.8rem;margin:0}.sidebar nav a svg{width:16px;height:16px}.sidebar nav a.nav-project{background:var(--sidebar-hover)}.main{margin-left:0;padding:0 20px 28px}.topline{min-height:48px;font-size:.75rem}.page-heading{margin:26px 0 24px;flex-wrap:wrap}.page-heading h1{font-size:1.7rem}.page-heading p{font-size:.84rem}.page-heading .button{font-size:.82rem}.resource-row{padding:18px 4px;gap:12px;flex-wrap:wrap}.row-meta{margin-left:32px;text-align:left;max-width:none;flex-basis:85%;font-size:.76rem}.resource-row>svg{display:none}.resource-row small{font-size:.73rem}.resource-section{margin-bottom:28px}.section-heading{margin-top:24px}.section-heading h2{font-size:1.15rem}.storage-footer{align-items:flex-start;font-size:.78rem;flex-wrap:wrap;margin-top:30px}.toolbar form{width:100%;flex-basis:100%}.toolbar button{font-size:.8rem}.live-status{font-size:.72rem}.capture-row{padding:16px 0;gap:10px}.mail-icon{display:none}.capture-primary strong{font-size:.93rem}.capture-primary span{font-size:.76rem}.capture-primary small{font-size:.74rem}.capture-meta{min-width:56px;font-size:.74rem}.capture-meta small{font-size:.69rem}.empty{padding:35px 6px}.inbox-empty{padding:54px 4px}.empty h2{font-size:1.2rem}.empty p{font-size:.86rem}.metadata{grid-template-columns:1fr;gap:4px}.metadata dd{margin-bottom:14px}.metadata.compact{grid-template-columns:105px minmax(0,1fr);gap:9px;font-size:.76rem}.metadata.compact dd{margin:0}.tabs{gap:20px}.tabs a{font-size:.8rem}.frame-toolbar small{font-size:.73rem}.capture-url{align-items:flex-start;flex-direction:column;gap:12px;padding:15px}.capture-url code{font-size:.76rem}.request-title{font-size:1.4rem!important;gap:10px}.request-row .method{font-size:.65rem;padding:3px 5px}.request-row{gap:9px}pre{font-size:.76rem;padding:14px}.inline-form{align-items:stretch;flex-direction:column}.attachment-row{flex-direction:column;align-items:flex-start;gap:12px}.secret-box{flex-direction:column;align-items:flex-start}.share-panel,.cli-panel{padding:16px}.shared-main{padding-inline:18px}.share-masthead{font-size:.75rem}.auth-surface{margin:38px auto}.auth-surface h1{font-size:1.8rem}.replay-form .grid{grid-template-columns:1fr}.docs h2{font-size:1.2rem}td,th{padding:12px 10px}.checksum code{font-size:.67rem}.copy-status{left:20px;right:20px;bottom:20px;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.mobile-workspace{display:none}.workspace-menu summary{color:var(--sidebar-ink)!important}.workspace-menu summary:hover{color:white!important}
@media(max-width:700px){.mobile-workspace{display:block;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--sidebar-line)}.mobile-workspace summary{font-size:.78rem;color:var(--sidebar-ink)}.mobile-workspace a{display:block;padding:9px 0;color:var(--sidebar-ink);font-size:.84rem}.mobile-workspace form{margin:0}.mobile-workspace button.text-button{color:var(--sidebar-ink);padding-left:0}.toolbar form[role=search] input{border-radius:6px}.toolbar form[role=search] button{border-radius:6px}}

.sidebar details.mobile-workspace>summary,.sidebar details.mobile-workspace[open]>summary,.sidebar details.mobile-workspace>summary:focus{color:var(--sidebar-ink)}.live-status[data-state=paused]{color:var(--muted)}.live-status[data-state=paused]>span:first-child{background:var(--muted)}.live-status[data-state=error]{color:var(--danger)}.live-status[data-state=error]>span:first-child{background:var(--danger)}.live-status>[data-status-text]{width:auto;height:auto;border-radius:0;background:none}
/* Shared application frame. */
body{background:var(--canvas);color:var(--ink)}
h1,h2,h3,.header-project{font-family:Rockwell,Georgia,serif;letter-spacing:0}h1{font-size:2rem;line-height:1.3}h2{line-height:1.4}
.sidebar{width:256px;background:var(--sidebar-bg);color:var(--sidebar-ink);border-right:1px solid var(--sidebar-line);padding:24px 20px}
.brand{display:flex;align-items:center;gap:10px;padding:0 4px;font-family:Rockwell,Georgia,serif;font-size:1.9rem;letter-spacing:0;color:var(--ink)}
.brand img{width:64px;height:34px;object-fit:contain;filter:var(--logo-filter)}.brand span{color:var(--ink);font-weight:700}.brand:hover,.brand:hover span{color:var(--ink)}
.brand-note{margin:8px 4px 30px;font-size:.78rem;color:var(--sidebar-muted)}.workspace-name{padding-left:12px;color:var(--sidebar-muted)}
.sidebar nav a,.sidebar-bottom>a{color:var(--sidebar-ink);border-radius:var(--control-radius);padding:11px 12px}.sidebar nav a:hover,.sidebar-bottom>a:hover{background:var(--sidebar-hover);color:var(--sidebar-ink)}
.sidebar nav a.nav-project{background:transparent;color:var(--sidebar-ink)}.sidebar nav a[aria-current=page]{background:var(--nav-active);color:var(--nav-active-ink)}
.sidebar .workspace-menu summary,.sidebar .workspace-menu summary:hover,.sidebar details.mobile-workspace>summary,.sidebar details.mobile-workspace[open]>summary,.sidebar details.mobile-workspace>summary:focus{color:var(--sidebar-ink)!important}
.sidebar .workspace-menu a,.sidebar-bottom button.text-button{color:var(--sidebar-ink)}.sidebar-bottom{padding-top:32px}.nav-label{color:var(--sidebar-muted)}
.workspace{margin-left:256px;min-height:100vh;display:flex;flex-direction:column;min-width:0}
.app-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 32px 17px;background:var(--header-bg);position:relative}
.app-header::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(to right,#3097ef 0 33.333%,#6434b9 33.333% 66.666%,#ef3340 66.666% 100%)}
.header-context{min-width:0;display:flex;align-items:center;gap:16px;font-size:.9rem}.header-project{color:var(--ink);font-weight:700;overflow-wrap:anywhere}.header-environment{color:var(--muted);font-size:.82rem;font-weight:500}.header-workspace{color:var(--muted);font-size:.78rem}
.nav-environment{font-weight:600;font-size:.84rem}.nav-env-selector{margin:6px 0 4px}
.workspace>.main{flex:1;width:100%;margin:0;padding:0 32px 40px;max-width:1600px}.page-heading{margin-top:36px}.shared-page .workspace{margin-left:0}.shared-page .main{max-width:1180px;margin-inline:auto}
.app-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding:18px 32px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.app-footer a{color:var(--muted)}.app-footer nav{display:flex;gap:24px;margin:0;padding:0}.app-footer nav a{margin:0;padding:0}
.theme-picker{display:flex;flex-shrink:0;gap:3px;padding:3px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--control-radius)}
.theme-picker button{padding:6px 9px;min-height:32px;font-size:.73rem;font-weight:500;border:0;border-radius:var(--compact-control-radius);background:transparent;color:var(--muted);box-shadow:none}
.theme-picker button svg{width:15px;height:15px}.theme-picker button:hover{color:var(--ink);background:var(--hover)}.theme-picker button[aria-pressed=true]{background:var(--surface);color:var(--ink)}
.theme-picker-compact{padding:2px}.theme-picker-compact button{padding:5px 7px;min-height:28px}.theme-picker-compact button svg{width:14px;height:14px}
button,.button,[role=button]{border-radius:var(--button-radius)}.button,button:not(.secondary):not(.text-button):not(.crud-icon):not([data-theme-choice]):not([data-toast-dismiss]){background:var(--primary-fill);color:var(--primary-ink);border-color:var(--primary-fill)}
.button:hover{background:var(--primary-fill);color:var(--primary-ink);filter:brightness(1.08)}.secondary,button.secondary,.button.secondary{background:var(--control-bg);border-color:var(--control-border);color:var(--ink)}.secondary:hover{background:var(--hover)}
button.text-button:hover{background:var(--hover)}button:disabled{opacity:.55}input,textarea,select{color:var(--ink)}[aria-busy=true]{cursor:progress}
input[type=search]{border-radius:8px}.toolbar form[role=search] button{border-radius:var(--button-radius)}.toolbar form[role=search]{gap:10px}
pre{border:0;border-radius:10px;background:var(--code-bg);color:var(--code-ink)}.tabs a{color:var(--muted)}.tabs a[aria-current=page]{color:var(--blue)}
.capture-primary span,.capture-primary small,.capture-meta{color:var(--muted)}.method-post{background:var(--info-bg);color:var(--info-ink)}.live-status{color:var(--success)}
.share-panel,.cli-panel{border-radius:12px}.share-panel summary,.cli-panel summary{color:var(--ink)}.secret-box,.capture-url{border:0;border-radius:12px}
.danger-zone summary{color:var(--danger)}.notice{color:var(--warning);background:var(--warning-bg);border-color:var(--warning-border)}
.agent-setup{background:var(--surface);border-radius:14px;padding:24px;margin-top:4px}.agent-setup .section-heading{margin:0 0 16px;gap:20px;flex-wrap:wrap}.agent-setup h2{font-size:1.4rem}.agent-setup p{font-size:.92rem;max-width:72ch}
.agent-preview{margin:20px 0 0}.agent-preview summary{color:var(--blue);font-size:.87rem}.agent-preview pre{max-height:460px;overflow:auto;margin-top:20px;font-size:.8rem;user-select:text}
.guide-project-form{margin:20px 0 0;max-width:560px}.guide-project-form label{font-size:.78rem;color:var(--muted)}.guide-project-form>div{display:flex;align-items:center;gap:12px}.guide-project-form select{margin:0;min-width:0;font-size:.85rem}.guide-project-form button{font-size:.8rem}
.guide-nav{display:flex;justify-content:flex-start;gap:28px;margin:28px 0 0;padding:14px 0;border-bottom:1px solid var(--line);font-size:.86rem}.guide-nav a{padding:0;margin:0}.docs section{scroll-margin-top:24px}.docs>section h2{margin-top:40px}.docs .agent-setup h2{margin-top:0}.docs p{max-width:74ch}.code-heading{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--muted);gap:12px}
.toast-region{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(420px,calc(100vw - 40px));pointer-events:none;max-height:75vh;overflow:auto;padding:4px}
.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;background:var(--surface);color:var(--ink);border:0;border-radius:12px;padding:16px;margin:0;box-shadow:0 8px 30px #0003;animation:toast-arrive 220ms cubic-bezier(.16,1,.3,1)}
.toast p{flex:1;color:var(--ink);font-size:.87rem;line-height:1.5;margin:0;overflow-wrap:anywhere}.toast-icon{color:var(--blue);padding-top:1px}.toast[data-kind=success] .toast-icon{color:var(--success)}.toast[data-kind=error] .toast-icon{color:var(--danger)}.toast[data-kind=warning] .toast-icon{color:var(--warning)}
.toast [data-toast-dismiss]{padding:0;background:none;border:0;color:var(--muted);min-height:24px;min-width:24px;border-radius:4px}.toast [data-toast-dismiss]:hover{color:var(--ink);background:var(--hover)}
@keyframes toast-arrive{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.sidebar{width:222px;padding-inline:14px}.workspace{margin-left:222px}.header-workspace{display:none}.app-header{padding-inline:24px}.workspace>.main{padding-inline:24px}.app-footer{padding-inline:24px}}
@media(max-width:700px){.sidebar{width:100%;border-right:0;border-bottom:1px solid var(--sidebar-line);padding:16px 20px}.brand{font-size:1.65rem}.brand img{width:58px;height:28px}.brand-note{margin:6px 4px 0}.sidebar nav a{padding:8px 12px}.sidebar nav a.nav-project{background:transparent}.workspace{margin-left:0;min-height:calc(100vh - 190px)}.app-header{min-height:68px;padding:12px 20px 15px;gap:10px;flex-wrap:wrap}.header-context{font-size:.8rem;gap:12px}.workspace>.main{padding:0 20px 30px}.app-footer{padding:18px 20px;align-items:flex-start;flex-wrap:wrap;gap:14px}.app-footer nav{gap:20px;flex-wrap:wrap;font-size:.76rem}.agent-setup{padding:20px}.agent-setup .section-heading{gap:14px}.agent-setup .section-heading h2{font-size:1.25rem}.agent-setup .section-heading button{width:100%}.guide-project-form>div{flex-wrap:wrap}.guide-project-form button{width:100%}.guide-nav{gap:20px;flex-wrap:wrap}.agent-preview pre{font-size:.72rem}.toast-region{right:16px;bottom:16px;width:calc(100vw - 32px)}.toast{padding:14px}.shared-page .header-context>.muted{display:none}}
button.danger,.button.danger{background:var(--danger-bg)!important;color:var(--danger)!important;border-color:var(--danger-border)!important}.toast [hidden]{display:none}main h1:focus{outline:none}
.theme-picker[role=group]{width:auto;margin:0;box-shadow:none;align-items:center}.theme-picker[role=group]>button{flex:none;margin:0;border-radius:var(--compact-control-radius)!important}.theme-picker[role=group]:focus-within{box-shadow:none}.header-context{flex:1}
/* Match native button variants and keep toast elevation inside the scroll area. */
button,[type=button],[type=submit],[role=button],.button{border-radius:var(--button-radius)}
.toast-region{right:0;bottom:0;width:min(476px,100vw);padding:28px;max-height:80vh}
.toast{box-shadow:0 8px 20px #0003}
@media(max-width:700px){.toast-region{right:0;bottom:0;width:100vw;padding:24px}}

/* Wanda-style user controls stay anchored while project navigation scrolls. */
.sidebar{overflow:visible}
.sidebar-navigation{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto}
.user-menu{position:relative;flex:none;margin:16px 0 0;padding:0;border:0;z-index:40}
:is(.user-menu,.workspace-switcher)>summary,:is(.user-menu,.workspace-switcher)[open]>summary,:is(.user-menu,.workspace-switcher)>summary:focus{display:flex;align-items:center;gap:12px;padding:12px;color:var(--sidebar-ink);font-size:.9rem;line-height:1.4;border-radius:var(--control-radius);background:var(--sidebar-bg);list-style:none;margin:0}
:is(.user-menu,.workspace-switcher)>summary::-webkit-details-marker{display:none}
:is(.user-menu,.workspace-switcher)>summary::after{display:none}
:is(.user-menu,.workspace-switcher)>summary:hover,:is(.user-menu,.workspace-switcher)[open]>summary{background:var(--sidebar-hover)}
.user-menu-chevron{width:16px;height:16px;margin-left:auto}
:is(.user-menu,.workspace-switcher)[open] .user-menu-chevron{transform:rotate(180deg)}
.user-menu-panel{position:absolute;left:0;bottom:calc(100% + 12px);width:292px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 112px);overflow:auto;background:var(--header-bg);color:var(--ink);border-radius:12px;box-shadow:0 12px 36px #0004;padding:8px}
.user-menu-identity{padding:12px 12px 16px;border-bottom:1px solid var(--line)}
.user-menu-identity strong,.user-menu-identity span{display:block;overflow-wrap:anywhere}
.user-menu-identity strong{font-size:.9rem;font-weight:600}
.user-menu-identity span{font-size:.78rem;color:var(--muted);margin-top:3px}
.user-menu-links a,.user-menu .user-menu-panel form button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:12px;border:0;background:transparent;color:var(--ink);border-radius:var(--control-radius);font-size:.87rem;font-weight:400;white-space:normal;line-height:1.4;text-align:left}
.user-menu-links a:hover,.user-menu .user-menu-panel form button:hover{background:var(--hover);text-decoration:none}
.user-menu-links small{display:block;font-size:.74rem;color:var(--muted)}
.user-menu-panel form{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line)}
@media(max-width:700px){
  .sidebar-navigation{overflow:visible}
  .user-menu{position:fixed;left:16px;bottom:max(16px,env(safe-area-inset-bottom));width:180px;margin:0}
  .user-menu>summary{box-shadow:0 6px 20px #0003}
  .user-menu-panel{max-width:calc(100vw - 32px)}
  .signed-in .app-footer{padding-bottom:88px}
  .signed-in .toast-region{bottom:72px}
}

@media(max-width:700px){body:has(.user-menu[open]) .toast-region{top:0;bottom:auto;max-height:30dvh}}

/* Public pages extend the AMMO world without the workspace sidebar. */
.public-page .workspace{margin-left:0;min-height:100vh}
.public-page .app-header{padding-inline:max(24px,calc((100vw - 1180px)/2));gap:28px}
.public-page .app-header>.brand{padding:0;flex-shrink:0}
.public-nav{display:flex;align-items:center;justify-content:flex-end;gap:28px;flex:1;font-size:.87rem}
.public-nav a{color:var(--ink);white-space:nowrap;margin:0;padding:8px 0}
.public-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:8px}
.public-nav a.button{padding:10px 16px}
.public-page .workspace>.main{width:100%;max-width:1244px;margin:0 auto;padding:0 32px 64px}
.public-page .app-footer{padding-inline:max(32px,calc((100vw - 1180px)/2))}
.landing-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start;padding:90px 0 72px}
.landing-intro h1{font-size:clamp(2.5rem,4.1vw,3.7rem);line-height:1.12;max-width:none;margin:0 0 12px;text-wrap:balance}
.landing-intro h1 span{color:var(--blue)}
.landing-intro h2{font-size:clamp(1.55rem,2.4vw,1.95rem);line-height:1.25;color:var(--ink);margin:0 0 24px;max-width:22ch;text-wrap:balance;font-weight:700}
.landing-intro>p{max-width:48ch;font-size:1.08rem;line-height:1.75}
.landing-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:28px 0 14px}
.landing-actions .button{padding:14px 22px}
.landing-actions>a:not(.button){color:var(--ink)}
.landing-intro p.landing-fine{font-size:.79rem;margin:0;max-width:48ch}
.landing-privacy{padding:56px 0 8px;border-top:1px solid var(--line);max-width:38rem}
.landing-privacy h2{font-size:clamp(1.85rem,3.4vw,2.7rem);line-height:1.15;margin:0 0 18px;max-width:16ch;text-wrap:balance}
.landing-privacy p{font-size:1.08rem;line-height:1.75;margin:0 0 18px}
.pricing-heading{padding:70px 0 46px;max-width:720px}.pricing-heading h1{font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:20px}.pricing-heading p{font-size:1.06rem;line-height:1.75;margin:0}
.plan-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:24px 0}
.plan-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px}
.plan-card.plan-featured{background:var(--primary-fill);border-color:var(--primary-fill)}
.plan-card.plan-featured,.plan-card.plan-featured .plan-price strong,.plan-card.plan-featured .plan-description,.plan-card.plan-featured .plan-feature-group strong,.plan-card.plan-featured .plan-features li{color:var(--primary-ink)}
.plan-card.plan-featured .plan-price small{color:var(--primary-ink);opacity:.75}
.plan-badge-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.plan-badge{display:inline-block;background:var(--blue);color:var(--canvas);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:4px;width:fit-content}
.plan-card.plan-featured .plan-badge{background:var(--canvas);color:var(--primary-fill)}
.plan-current{font-family:var(--pico-font-family);font-size:.68rem;font-weight:500;color:var(--success)}
.plan-card.plan-featured .plan-current{color:var(--primary-ink);opacity:.8}
.plan-price{margin-bottom:12px}
.plan-price strong{display:block;font-size:2.2rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.2}
.plan-price strong span{font-size:.9rem;font-weight:500}
.plan-price small{display:block;font-size:.78rem;color:var(--muted);margin-top:4px}
.plan-price strong.price-pending{font-size:1.3rem}
.plan-description{font-size:.86rem;color:var(--muted);line-height:1.6;margin:0 0 16px}
.plan-divider{border:0;border-top:1px solid var(--line);margin:0 0 16px}
.plan-card.plan-featured .plan-divider{border-color:color-mix(in srgb,var(--primary-ink) 15%,transparent)}
.plan-features{flex:1;margin:0 0 20px}
.plan-feature-group{margin-bottom:14px}
.plan-feature-group:last-child{margin-bottom:0}
.plan-feature-group strong{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);margin-bottom:6px}
.plan-feature-group ul{list-style:none;margin:0;padding:0}
.plan-features li{list-style:none;font-size:.82rem;color:var(--muted);line-height:1.5;padding:3px 0;border-bottom:1px solid var(--line)}
.plan-card.plan-featured .plan-features li{border-color:color-mix(in srgb,var(--primary-ink) 15%,transparent)}
.plan-feature-group li:last-child{border-bottom:0}
.plan-action{margin-top:auto}
.plan-action form{margin:0}
.plan-action button,.plan-action .button{width:auto;margin:0;justify-content:center}
@media(max-width:700px){.plan-action button,.plan-action .button{width:100%}}
.plan-action .muted{font-size:.8rem;display:block;text-align:center}
.plan-card.plan-featured .plan-action .muted{color:var(--primary-ink);opacity:.8}
.plan-card.plan-featured .plan-action .button.plan-action-featured,.plan-card.plan-featured .plan-action button.plan-action-featured{background:var(--canvas);color:var(--primary-fill);border-color:var(--canvas)}
.plan-card.plan-card-free{--free-surface:#ffffff;--free-ink:#202936;--free-muted:#596579;--free-line:#dce2eb;--free-accent:#146dc0;--free-accent-hover:#105ba2;--free-success:#256c50;--free-control-border:#bac6d7;--free-hover:#f2f6fc;background:var(--free-surface);border-color:var(--free-accent);box-shadow:0 8px 24px rgba(20,109,192,.16);color:var(--free-ink)}
.plan-card.plan-card-free .plan-badge{background:var(--free-accent);color:var(--free-surface)}
.plan-card.plan-card-free .plan-current{color:var(--free-success);opacity:1}
.plan-card.plan-card-free .plan-price strong,.plan-card.plan-card-free .plan-feature-group strong{color:var(--free-ink)}
.plan-card.plan-card-free .plan-price small,.plan-card.plan-card-free .plan-description,.plan-card.plan-card-free .plan-features li,.plan-card.plan-card-free .plan-action .muted{color:var(--free-muted);opacity:1}
.plan-card.plan-card-free .plan-divider,.plan-card.plan-card-free .plan-features li{border-color:var(--free-line)}
.plan-card.plan-card-free .plan-action :is(.button,button):not(.secondary){background:var(--free-accent);color:var(--free-surface);border-color:var(--free-accent)}
.plan-card.plan-card-free .plan-action :is(.button,button):not(.secondary):hover{background:var(--free-accent-hover);color:var(--free-surface);border-color:var(--free-accent-hover);filter:none}
.plan-card.plan-card-free .plan-action :is(.button,button).secondary{background:var(--free-surface);color:var(--free-ink);border-color:var(--free-control-border)}
.plan-card.plan-card-free .plan-action :is(.button,button).secondary:hover{background:var(--free-hover);color:var(--free-ink);border-color:var(--free-control-border)}
.plan-card.plan-card-free :is(a,button):focus-visible{outline-color:var(--free-accent)}
.pricing-notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:28px 0 0}.pricing-notes p{font-size:.81rem;line-height:1.7}
.pricing-faq{max-width:800px;padding-top:48px}.pricing-faq h2{font-size:1.8rem;margin-bottom:26px}.pricing-faq details{border-bottom:1px solid var(--line);padding:20px 0;margin:0}.pricing-faq summary{font-size:.98rem;font-weight:500}.pricing-faq details p{font-size:.9rem;line-height:1.8;margin:18px 0 0;max-width:70ch}
@media(max-width:1100px){.public-page .app-header{flex-wrap:wrap;gap:16px 28px}.landing-hero{gap:32px;padding-block:64px}.plan-offers{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
.public-page .app-header{padding:18px 20px 21px;gap:18px}.public-page .app-header>.brand{flex:1}.public-nav{order:3;flex-basis:100%;justify-content:flex-start;gap:24px;font-size:.82rem}.public-nav a{padding:0}.public-page .workspace>.main{padding:0 20px 44px}.public-page .app-footer{padding:20px;flex-wrap:wrap;gap:12px}
.landing-hero{display:flex;flex-direction:column;align-items:stretch;gap:36px;padding:46px 0}.landing-privacy{padding-top:36px}.landing-privacy h2{font-size:1.7rem}.landing-intro h1{font-size:2.65rem;max-width:16ch;margin-bottom:10px}.landing-intro h2{font-size:1.5rem;margin-bottom:20px}.landing-intro>p{font-size:.97rem;line-height:1.75}.landing-actions{gap:20px;margin-top:24px}.landing-intro p.landing-fine{font-size:.75rem}
.pricing-heading{padding:44px 0 32px}.pricing-heading h1{font-size:2.3rem}.pricing-heading p{font-size:.97rem}.plan-offers{grid-template-columns:1fr}.plan-card{padding:20px}.plan-price strong{font-size:1.9rem}.plan-price strong.price-pending{font-size:1.15rem}.pricing-notes{grid-template-columns:1fr;gap:0;margin:24px 0 0}.pricing-faq{padding-top:30px}.pricing-faq h2{font-size:1.55rem}
}
.legal-document h3{margin-top:1.4rem;font-size:1.05rem}.legal-document .legal-gap{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;background:var(--warning-bg);color:var(--warning);padding:.05em .35em;border-radius:3px}.legal-document table{width:100%;margin:1rem 0 1.5rem;border-collapse:collapse}.legal-document th,.legal-document td{border-bottom:1px solid var(--line);text-align:left}

/* Workspace navigation shares the account menu's surface and interaction. */
.sidebar-workspaces{flex:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--sidebar-line);max-height:40dvh;overflow:visible}
.workspace-switcher{position:relative;margin:0 0 4px;padding:0;border:0}
.workspace-switcher[open]{z-index:41}
.workspace-switcher>summary{background:var(--sidebar-hover);font-weight:550}
.workspace-trigger-name{flex:1;min-width:0;overflow-wrap:anywhere}
.workspace-switcher .user-menu-panel a span{flex:1;min-width:0;overflow-wrap:anywhere}
.workspace-projects{padding-top:8px}
.workspace-projects a[aria-current]{background:var(--nav-active);color:var(--nav-active-ink)}
.workspace-projects a[aria-current]:hover{background:var(--nav-active);color:var(--nav-active-ink)}
.current-project-check{margin-left:auto;width:16px;height:16px}
.workspace-menu-actions{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.workspace-empty{padding:12px;margin:0;font-size:.87rem;color:var(--muted)}
.workspace-mobile-guide{display:none}
@media(max-width:700px){
  .sidebar-workspaces{max-height:none;margin-top:16px}
  .workspace-switcher .user-menu-panel{bottom:auto;top:calc(100% + 8px);width:100%;max-width:100%;max-height:60dvh}
  .workspace-switcher>summary{font-size:.9rem}
  .workspace-mobile-guide{display:flex;align-items:center;gap:12px;padding:12px;font-size:.87rem;color:var(--ink);border-top:1px solid var(--line)}
}

/* AMMO category accents use readable tones in each appearance. */
:root,[data-theme=light]{--red:#b5212c;--purple-fill:#6434b9;--purple-fill-hover:#542ba0;--purple-ink:#fff}
[data-theme=dark]{--red:#ff8790}

/* A language-aware workbench for the setup guide. */
.code-guide{margin:0 0 42px;--recipe-accent:var(--ink)}
.code-guide[data-recipe=smtp]{--recipe-accent:var(--blue)}
.guide-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}
.docs .guide-intro h2{font-size:1.9rem;margin:0 0 8px}
.guide-intro p{font-size:.94rem;margin:0;color:var(--muted)}
.guide-intro>svg{width:42px;height:42px;color:var(--ink);flex-shrink:0}
.guide-languages{display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap;margin:24px 0 0;padding:0}
.guide-languages a{margin:0;padding:10px 16px;color:var(--muted);border:1px solid var(--line);border-radius:var(--control-radius);font-size:.87rem;font-weight:600}
.guide-languages a:hover{background:var(--hover);color:var(--ink);text-decoration:none}
.guide-languages a[aria-current]{background:var(--purple-fill);border-color:var(--purple-fill);color:var(--purple-ink)}
.guide-recipes{display:flex;justify-content:flex-start;gap:28px;margin:24px 0 0;padding:0;border-bottom:1px solid var(--line)}
.guide-recipes a{display:flex;align-items:center;gap:9px;padding:14px 0;margin:0 0 -1px;color:var(--muted);font-size:.85rem;border-bottom:2px solid transparent}
.guide-recipes a[aria-current]{color:var(--recipe-accent);border-color:var(--recipe-accent)}
.guide-recipes a:hover{text-decoration:none;color:var(--ink)}
.guide-recipes svg{width:18px;height:18px}
.guide-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;padding:28px 0 0;align-items:start}
.guide-recipe-context h3{font-size:1.5rem;line-height:1.3;margin:0 0 16px}
.guide-recipe-context p{font-size:.85rem;line-height:1.65}
.guide-recipe-context dl{margin:24px 0;font-size:.8rem;line-height:1.6}
.guide-recipe-context dt{font-weight:600;color:var(--ink);margin-top:16px}
.guide-recipe-context dd{margin:5px 0 0;color:var(--muted);overflow-wrap:anywhere}
.guide-recipe-context code{font-size:.74rem;overflow-wrap:anywhere}
.guide-recipe-context a{font-size:.8rem;color:var(--blue)}
.guide-config-note{color:var(--muted)}
.guide-requirements{padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.74rem!important}
.guide-editor{min-width:0;background:var(--code-bg);border-radius:12px;overflow:hidden}
.guide-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}
.guide-editor-heading>span{font-size:.8rem;color:var(--ink);overflow-wrap:anywhere}
.guide-editor-heading .text-button{font-size:.78rem;white-space:nowrap;margin:0;color:var(--recipe-accent)}
.guide-editor pre{margin:0;border-radius:0;max-height:580px;overflow:auto;padding:22px;tab-size:4;font-size:.79rem;line-height:1.8;scrollbar-color:var(--control-border) var(--code-bg)}
.guide-editor pre>code{white-space:pre;overflow-wrap:normal;word-break:normal;padding:0;font-size:inherit;background:transparent;color:var(--code-ink)}
.guide-install{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:14px;background:var(--surface)}
.guide-install>span{font-size:.7rem;color:var(--muted)}
.guide-install code{white-space:pre-wrap;overflow-wrap:anywhere;padding:0;background:transparent;font-size:.73rem;line-height:1.7}
.guide-editor-footer{display:flex;align-items:center;gap:8px;padding:14px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}
.guide-editor-footer svg{width:16px;height:16px;color:var(--recipe-accent);flex-shrink:0}
.guide-footnote{font-size:.78rem;color:var(--muted);margin:18px 0 0}
.syntax-keyword{color:var(--ink)}
.syntax-string{color:var(--red)}
.syntax-comment{color:var(--muted)}
.code-guide [hidden]{display:none}
@media(max-width:1100px){.guide-workspace{grid-template-columns:1fr;gap:16px}.guide-recipe-context h3 br{display:none}.guide-recipe-context dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 16px;margin:16px 0}.guide-recipe-context dt{margin:0}.guide-recipe-context dd{margin:0}.guide-requirements{border:0;padding-top:0}}
@media(max-width:700px){.docs .guide-intro h2{font-size:1.6rem}.guide-intro>svg{display:none}.guide-languages{gap:6px}.guide-languages a{font-size:.78rem;padding:9px 12px}.guide-recipes{gap:18px}.guide-recipes a{font-size:.78rem;gap:6px}.guide-recipes svg{width:16px;height:16px}.guide-workspace{padding-top:22px}.guide-recipe-context h3{font-size:1.3rem}.guide-editor-heading{padding:10px 14px}.guide-editor pre{font-size:.74rem;max-height:480px;padding:16px}.guide-editor-footer{padding:12px 14px}.guide-install{padding:12px 14px}}
.guide-directory-row{display:flex;align-items:center;gap:24px;padding:32px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.guide-directory-row:first-child{border-top:1px solid var(--line)}
.docs .guide-directory-row h2{font-size:1.7rem;margin:0 0 8px}
.guide-directory-row p{margin:0;color:var(--muted);font-size:.9rem}
.guide-directory-row>svg:first-child{width:32px;height:32px;flex-shrink:0}
.guide-directory-row>svg:last-child{margin-left:auto;flex-shrink:0}
.guide-directory-row.guide-email>svg{color:var(--blue)}
.guide-directory-row.guide-webhooks>svg{color:var(--red)}
.guide-directory-row:hover{color:var(--ink);background:var(--hover);text-decoration:none}
.code-guide[data-recipe=capture]{--recipe-accent:var(--red)}
@media(max-width:700px){.guide-directory-row{gap:16px;padding:24px 0}.docs .guide-directory-row h2{font-size:1.4rem}}

.demo-guide-links{display:flex;flex-wrap:wrap;gap:12px 20px}
.demo-api-route{margin:0 0 12px;line-height:1.5}
.demo-api-route code{padding:0;background:transparent;color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}

/* Landing: data handling is the primary product evidence. */
.landing-intro h1{margin-bottom:24px}
.landing-protocols{display:flex;flex-wrap:wrap;gap:18px 26px;margin-top:40px}
.landing-protocols a,.landing-workflows .protocol-link{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:.87rem}
.landing-protocols svg,.landing-workflows .protocol-link svg{width:20px;height:20px;flex-shrink:0;color:var(--blue)}
.landing-protocols a:last-child svg,.landing-workflows .protocol-link-webhook svg{color:var(--red)}
.landing-data{min-width:0;padding-top:6px}
.landing-data h2{font-size:1.95rem;line-height:1.2;margin:0 0 28px;max-width:22ch}
.landing-retention{width:100%;margin:0;border-collapse:collapse}
.landing-retention caption{text-align:left;color:var(--muted);font-size:.8rem;padding-bottom:12px}
.landing-retention th,.landing-retention td{width:33.333%;background:transparent;padding:10px 0;border:0;text-align:left}
.landing-retention th{font-size:.85rem;color:var(--muted);font-weight:500;border-top:1px solid var(--line)}
.landing-retention td{font-size:1.5rem;font-weight:600;padding:0 0 12px;color:var(--ink);font-variant-numeric:tabular-nums}
.landing-retention-note{font-size:.78rem;line-height:1.65;margin:0 0 26px}
.landing-data-details{margin:0 0 24px}
.landing-data-details>div{display:grid;grid-template-columns:84px 1fr;gap:16px;border-top:1px solid var(--line);padding:18px 0}
.landing-data-details dt{font-size:.87rem;font-weight:600;color:var(--ink)}
.landing-data-details dd{font-size:.87rem;line-height:1.65;color:var(--muted);margin:0}
.landing-data>a,.landing-data-rights a{font-size:.87rem;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.landing-data-rights{display:grid;grid-template-columns:1fr 1fr;gap:72px;border-top:1px solid var(--line);padding-top:42px}
.landing-data-rights h2{font-size:1.7rem;margin:0 0 18px;line-height:1.25}
.landing-data-rights p{font-size:.94rem;line-height:1.75;max-width:58ch}
@media(max-width:700px){.landing-protocols{margin-top:28px;gap:16px}.landing-data{padding-top:28px;border-top:1px solid var(--line)}.landing-data h2{font-size:1.7rem;margin-bottom:24px}.landing-data-details>div{grid-template-columns:88px minmax(0,1fr);gap:12px}.landing-data-rights{grid-template-columns:1fr;gap:36px;padding-top:32px}.landing-data-rights h2{font-size:1.5rem}}

/* Interface locale is separate from the code guide's language selector. */
.language-switcher{display:flex;align-items:center;gap:2px;margin:0 0 0 auto;padding:3px;border:1px solid var(--line);border-radius:8px;flex-shrink:0;width:auto}
.language-switcher button,.language-switcher a{margin:0;padding:.35rem .55rem;min-height:36px;width:auto;background:transparent;color:var(--muted);border:0;border-radius:4px;font-size:.8rem;line-height:1.2}
.language-switcher button[aria-pressed="true"],.language-switcher a[aria-current="true"]{background:var(--sidebar-hover);color:var(--ink)}
.language-switcher button:hover,.language-switcher a:hover{color:var(--ink);background:var(--hover)}
.app-header{gap:16px}
.public-nav{flex-wrap:wrap}
@media(max-width:700px){.public-nav{order:3;width:100%}.header-context{min-width:0;flex:1}.language-switcher{margin-left:auto}}

.language-switcher a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}

.landing-ci{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:56px;padding:48px 0 56px;border-top:1px solid var(--line)}
.landing-ci-context h2{font-size:1.8rem;line-height:1.25;margin:0 0 20px;overflow-wrap:normal}
.landing-ci-context>p{font-size:.94rem;line-height:1.7;max-width:52ch}
.landing-ci-context>a{display:flex;align-items:center;gap:10px;width:fit-content;margin-top:16px;font-size:.9rem}
.landing-ci-context>a:last-child{color:var(--red)}
.landing-ci-context>a svg{width:18px;height:18px}
.landing-ci-code{min-width:0;align-self:start;background:var(--code-bg);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.landing-ci-code-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:.8rem}
.landing-ci-code-header button{margin:0;white-space:nowrap}
.landing-ci-code>pre{margin:0;padding:18px;max-height:510px;border-radius:0;overflow:auto;font-size:.8rem;line-height:1.65;tab-size:2}.landing-ci-code>pre code{padding:0;font-size:inherit}
.landing-ci-code .landing-ci-note{margin:0;padding:12px 18px;border-top:1px solid var(--line);font-size:.76rem}
@media(max-width:900px){.landing-ci{grid-template-columns:1fr;gap:28px}.landing-ci-context{max-width:650px}.landing-ci-code>pre{max-height:none}}
@media(max-width:700px){.landing-ci{padding:32px 0;gap:24px}.landing-ci-context h2{font-size:1.5rem}.landing-ci-code-header{padding:10px 12px;gap:8px}.landing-ci-code-header button{font-size:.78rem}.landing-ci-code>pre{font-size:.74rem;padding:14px}}

/* Lead with app workflows; keep controls and plan limits available below. */
.landing-workflows{min-width:0;padding-top:6px}
.landing-workflows section+section{margin-top:30px;padding-top:30px;border-top:1px solid var(--line)}
.landing-workflows h2{font-size:1.55rem;line-height:1.3;margin:0 0 14px;display:flex;align-items:baseline;gap:12px}
.landing-workflows h2 svg{align-self:flex-start;margin-top:5px;color:var(--blue)}
.landing-workflows section+section h2 svg,.landing-workflows section+section a{color:var(--red)}
.landing-workflows p{font-size:.97rem;line-height:1.7;margin:0 0 16px}
.landing-workflows a{font-size:.88rem;display:inline-flex;align-items:center;gap:8px}
.landing-hero{padding-bottom:40px}
.landing-guardrails{display:flex;align-items:center;flex-wrap:wrap;gap:18px 30px;padding:20px 0 28px;border-bottom:1px solid var(--line)}
.landing-guardrails p,.landing-guardrails a{margin:0;font-size:.8rem;display:flex;align-items:center;gap:8px;color:var(--muted)}
.landing-guardrails a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.landing-guardrails svg{width:16px;height:16px}
.landing-ci{border-top:0}
.landing-ci-helper{margin:0;border-top:1px solid var(--line);padding:16px 18px}
.landing-ci-helper summary{font-size:.8rem;color:var(--blue);margin:0}
.landing-ci-helper pre{padding:16px 0 0;margin:0;max-height:520px;overflow:auto;font-size:.76rem}
.landing-plan-section{padding:36px 0 42px;border-top:1px solid var(--line)}
.landing-plan-section>.section-heading{margin:0;gap:20px;flex-wrap:wrap}
.landing-plan-section h2{font-size:1.6rem;line-height:1.3;margin:0}
.landing-plan-section>p{font-size:.92rem;max-width:75ch}
.landing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:28px}
.landing-plan-grid section{padding-top:18px;border-top:1px solid var(--line)}
.landing-plan-grid h3{font-size:1.35rem;margin:0 0 10px}
.landing-plan-grid p{font-size:1.1rem;color:var(--ink);margin:0 0 16px}
.landing-plan-grid dl{font-size:.84rem;margin:0}.landing-plan-grid dl>div{display:flex;justify-content:space-between;gap:16px;margin:8px 0}.landing-plan-grid dt{color:var(--muted);font-weight:400}.landing-plan-grid dd{margin:0;font-variant-numeric:tabular-nums}
.landing-data-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:40px;border-top:1px solid var(--line)}
.landing-data-layout .landing-data{padding:0;border:0}.landing-data-layout .landing-data h2{font-size:1.6rem}
.landing-data-layout .landing-data-rights{display:block;border:0;padding:0}.landing-data-layout .landing-data-rights h2{font-size:1.3rem}.landing-data-layout .landing-data-rights>div+div{margin-top:30px}.landing-data-layout .landing-data-rights p{font-size:.87rem}
@media(max-width:700px){.landing-hero{padding-bottom:28px}.landing-workflows{border-top:1px solid var(--line);padding-top:28px}.landing-workflows h2{font-size:1.4rem}.landing-guardrails{gap:16px}.landing-plan-grid{grid-template-columns:1fr;gap:16px}.landing-plan-section h2{font-size:1.4rem}.landing-data-layout{grid-template-columns:1fr;gap:36px}.landing-ci-helper{padding:14px}.landing-ci-code>pre{font-size:.74rem}}

/* Larger, paired capture graphics in the landing feature headings. */
.workflow-heading{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:20px;margin-bottom:18px}
.landing-workflows .workflow-heading h2{display:block;margin:0}
.workflow-heading .workflow-graphic{display:block;width:112px;height:88px;overflow:visible}
.workflow-graphic-email{color:var(--blue)}
.workflow-graphic-webhook{color:var(--red)}
@media(max-width:700px){.workflow-heading{grid-template-columns:96px minmax(0,1fr);gap:16px}.workflow-heading .workflow-graphic{width:96px;height:76px}}

/* Public examples render the capture detail templates with fixed fixture data. */
.landing-results{padding:36px 0 56px;border-top:1px solid var(--line)}
.results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}
.results-heading h2{font-size:1.8rem;margin:0}.results-heading>span{font-size:.8rem;color:var(--muted)}
.results-browser{min-width:0}
.results-tabs{margin:0 0 28px;padding:0;gap:28px;width:fit-content}
.results-tabs a{display:inline-flex;align-items:center;gap:9px;padding-block:18px}
.results-tabs a:last-child[aria-selected=true]{color:var(--red);border-color:var(--red)}

.example-result-page{min-height:0;display:block;margin:0}
.example-result-content{padding:28px 32px 32px;max-width:none;margin:0}
.example-result-content .page-heading{margin:0 0 24px}
.example-result-content h1{font-size:1.8rem}
.example-result-content #email-frame{height:380px;min-height:0;margin-bottom:0}
.example-result-content .payload{margin-bottom:0}
.example-result-content .frame-toolbar{margin-top:0}
@media(max-width:700px){.landing-results{padding-top:28px}.results-heading h2{font-size:1.5rem}.results-tabs{padding-inline:18px;gap:24px}.example-result-content{padding:22px 18px}.example-result-content h1{font-size:1.45rem}.example-result-content .page-heading{flex-wrap:wrap;gap:12px}.example-result-content .page-heading>.button{margin:0}.example-result-content #email-frame{height:440px}}

.screenshot-stage{position:relative;max-width:1080px;margin:0 auto;padding:12px 0 110px;isolation:isolate}
.capture-window{display:block;overflow:hidden;border-radius:10px;background:#0b0e13;color:#a5b1c5;box-shadow:0 24px 64px #0005,0 5px 14px #0003;transition:transform 180ms ease}
.capture-window:hover{transform:translateY(-4px);color:#d5dce8}
.capture-window:focus-visible{outline:3px solid var(--focus);outline-offset:6px}
.capture-window img{display:block;width:100%;height:auto;margin:0}
.capture-window-bar{height:38px;display:flex;align-items:center;gap:20px;padding:0 14px;background:#252a33;border-bottom:1px solid #363d48;font:11px/1.2 system-ui,sans-serif}
.window-controls{display:flex;gap:6px;flex-shrink:0}.window-controls i{width:8px;height:8px;border-radius:50%;background:#737b89}.window-controls i:first-child{background:#ed6a5e}.window-controls i:nth-child(2){background:#f4bd4f}.window-controls i:last-child{background:#62c554}
.window-address{max-width:350px;width:60%;margin:auto;text-align:center;border-radius:4px;background:#191e26;padding:5px 12px;color:#b8c2d3}
.window-menu{font-size:18px;line-height:1;letter-spacing:2px}
.window-main{width:78%;position:relative;z-index:1}
.window-detail{width:48%;position:absolute;right:0;bottom:24px;z-index:2}
@media(max-width:700px){.screenshot-stage{padding:4px 0 105px}.window-main{width:92%}.window-detail{width:68%;bottom:12px}.capture-window{border-radius:7px;box-shadow:0 16px 32px #0004,0 3px 8px #0002}.capture-window-bar{height:26px;padding:0 8px;gap:8px;font-size:9px}.window-controls{gap:3px}.window-controls i{width:5px;height:5px}.window-address{padding:3px 6px}.window-menu{font-size:14px}.results-tabs{padding:0}}
@media(prefers-reduced-motion:reduce){.capture-window{transition:none}.capture-window:hover{transform:none}}

/* List, selected capture and its detail view form one overlapping composition. */
.screenshot-stage-triple{padding-bottom:240px}
.window-list{position:relative;width:68%;z-index:0}
.screenshot-stage-triple .window-main{position:absolute;width:62%;right:0;top:150px;z-index:1}
.screenshot-stage-triple .window-detail{width:42%;left:4%;right:auto;bottom:0;z-index:2}
@media(max-width:700px){.screenshot-stage-triple{padding-bottom:210px}.window-list{width:90%}.screenshot-stage-triple .window-main{width:80%;top:120px}.screenshot-stage-triple .window-detail{width:62%;left:0;bottom:0}}
.capture-window:hover{text-decoration:none}

/* Sidebar selection denotes the current page, independently of saved context. */
.sidebar nav a,.sidebar-bottom>a{position:relative;border-radius:0;min-height:44px}
.sidebar nav a:hover,.sidebar-bottom>a:hover{color:var(--sidebar-ink)}
.sidebar nav a[aria-current=page],.sidebar nav a.nav-project[aria-current=page],.sidebar-bottom>a[aria-current=page]{background:var(--sidebar-hover);color:var(--sidebar-ink);font-weight:700}
.sidebar nav a[aria-current=page]::before,.sidebar-bottom>a[aria-current=page]::before{content:"";position:absolute;inset:9px auto 9px 0;width:1px;background:var(--blue)}
.sidebar nav a[aria-current=page]>svg,.sidebar-bottom>a[aria-current=page]>svg{color:var(--blue)}
.sidebar nav a:focus-visible,.sidebar-bottom>a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

.project-title{display:flex;align-items:center;gap:8px}
.project-title>span{min-width:0;overflow-wrap:anywhere}
.project-title-edit{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;color:var(--muted);border-radius:var(--compact-control-radius,4px)}
.project-title-edit>svg{width:17px;height:17px}
.project-title-edit:hover{background:var(--hover);color:var(--blue);text-decoration:none}

.nav-environment-resources{margin:4px 0 14px 20px;padding-left:8px;border-left:1px solid var(--sidebar-line)}
.nav-environment-resources .nav-label{margin-top:16px}

/* Project tree: workspace > project > environment > captures. */
.workspace-tree-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 6px;padding-left:12px;color:var(--sidebar-muted);font-size:.8rem}
.workspace-tree-heading>span{min-width:0;overflow-wrap:anywhere}
.sidebar nav .workspace-tree-heading>a{padding:6px;min-height:36px;flex-shrink:0}
.nav-project-children{margin-left:20px;padding-left:8px;border-left:1px solid var(--sidebar-line)}
.nav-project-children .nav-environment-resources{margin-left:16px;padding-left:4px}
.nav-project-tools{margin-top:12px;padding-top:8px;border-top:1px solid var(--sidebar-line)}
.workspace-settings-links{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.workspace-settings-links>strong{display:block;padding:0 12px 6px;font-size:.8rem;color:var(--muted)}
#user-menu-panel{max-height:75dvh;overflow-y:auto}
#rename-dialog>article{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border-radius:12px;background:var(--canvas);color:var(--ink);box-shadow:0 20px 60px #0005}
#rename-dialog::backdrop{background:#0008}
#rename-dialog h2{margin:0 0 20px;font-size:1.35rem}
#rename-dialog form{margin:0;max-width:none}
#rename-dialog [data-rename-close]{margin:12px 0 0}

@media(max-width:700px){.sidebar .sidebar-bottom{display:block!important;padding-top:16px}.sidebar .nav-label{display:block!important}.sidebar .nav-add{display:flex!important}.sidebar .project-tree{display:block}.sidebar .project-tree a{margin:2px 0}.nav-project-children{margin-left:16px}}

.project-components{margin:0 0 28px;max-width:70ch}
.project-components fieldset{margin:0;padding:0;border:0}
.project-components legend{font-weight:600;margin-bottom:12px}
.component-options{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:10px}
.component-options label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}
.component-options input[type=checkbox]{margin:0}
.component-options svg{width:20px;height:20px}
.component-options button{margin:0;width:auto}
.project-components small{display:block;color:var(--muted)}

/* Native disclosure branches keep navigation links independent from toggles. */
.sidebar .nav-branch{margin:0;padding:0;border:0}
.sidebar .nav-branch>summary{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;color:var(--sidebar-ink);cursor:pointer;min-height:36px}
.sidebar .nav-branch>summary::-webkit-details-marker{display:none}
.sidebar .nav-branch>summary::after{display:none}
.sidebar .nav-branch>summary>svg{order:2;width:10px;height:10px;flex:0 0 10px;margin:0 8px 0 2px;color:var(--sidebar-muted);opacity:.65;transition:transform .15s ease,opacity .15s ease}
.sidebar .nav-branch[open]>summary>svg{transform:rotate(90deg)}
.sidebar .nav-branch>summary>a{flex:0 1 auto;min-width:0;margin:2px 0;padding-right:6px}
.sidebar .nav-branch>summary>a span{overflow-wrap:anywhere}
.sidebar .nav-branch>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.sidebar .nav-branch>summary:hover>svg,.sidebar .nav-branch>summary:focus-visible>svg{opacity:1}
.sidebar .nav-branch>summary.workspace-tree-heading{margin:16px 0 6px;color:var(--sidebar-muted);font-size:.8rem}
.sidebar .workspace-tree-heading>span{flex:0 1 auto}
.sidebar .nav-branch>summary.workspace-tree-heading>a{order:3;flex:0 0 36px;margin-left:auto}
.sidebar .nav-resource-group>summary.nav-label{display:flex!important;font-size:.75rem;font-weight:600;color:var(--sidebar-muted);margin-top:12px}
.sidebar .nav-resource-group>a{margin-left:0}
@media(prefers-reduced-motion:reduce){.sidebar .nav-branch>summary>svg{transition:none}}

.smtp-setup{margin-block:28px 36px;min-width:0}
.smtp-setup-tabs{display:flex;gap:24px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:20px;padding:0}
.smtp-setup-tabs a{flex:none;color:var(--muted);font-size:.9rem;padding:12px 0;border-bottom:2px solid transparent;margin:0;border-radius:0}
.smtp-setup-tabs a:hover{color:var(--ink);text-decoration:none}
.smtp-setup-tabs a[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}
.smtp-setup-note{max-width:72ch;font-size:.9rem;margin:0 0 18px}
.smtp-setup-install,.smtp-setup-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.smtp-setup-install{margin-bottom:14px}.smtp-setup-install code{background:transparent;padding:0;overflow-wrap:anywhere}
.smtp-setup-editor{background:var(--code-bg);border-radius:10px;overflow:hidden}
.smtp-setup-heading{padding:12px 20px;border-bottom:1px solid var(--line);font-size:.8rem}
.smtp-setup-editor pre{margin:0;border-radius:0;white-space:pre;overflow-x:auto}
.smtp-setup pre code{padding:0;background:transparent;color:inherit;font:inherit;white-space:inherit}
.smtp-setup [hidden]{display:none!important}
@media(max-width:700px){.smtp-setup-tabs{gap:20px}.smtp-setup-heading{padding:10px 14px}.smtp-setup-heading .copy-button{font-size:.8rem}}

.smtp-page-heading>div{min-width:0}.smtp-page-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.smtp-page-actions form{margin:0}.smtp-page-actions>a{font-size:.85rem}

button.copy-button{min-height:34px;padding:6px 10px;gap:6px;border:1px solid var(--control-border);border-radius:9px;background:var(--control-bg);color:var(--ink);font-size:.78rem;font-weight:500;line-height:1.3;flex-shrink:0;box-shadow:none}
button.copy-button svg{width:16px;height:16px;color:var(--blue)}
button.copy-button:hover{background:var(--hover);border-color:var(--blue);color:var(--ink)}
button.copy-button:active{background:var(--surface)}
.metadata .copy-button{margin-inline-start:10px}
@media(pointer:coarse){button.copy-button{min-height:44px}}

.smtp-password-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.smtp-password-actions form{margin:0}.smtp-password-actions .copy-button{margin:0}
#rotate-password-dialog article{max-width:480px}.smtp-rotate-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px}.smtp-rotate-actions form{margin:0}

.poll-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:14px;margin-inline-start:auto}
.poll-controls .live-status{margin:0}.poll-interval{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:.8rem}
.poll-interval select{width:auto;min-height:34px;margin:0;padding:5px 30px 5px 10px;font-size:.8rem;border-radius:9px}
@media(max-width:700px){.poll-controls{justify-content:flex-start;width:100%;margin:0;gap:12px}.poll-interval select{min-height:44px}}

.poll-select{position:relative;display:inline-flex}.poll-select select{background-image:none}.poll-select>svg{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:14px;height:14px;pointer-events:none;color:var(--muted)}

.capture-url-values{display:flex;flex-direction:column;gap:14px;min-width:0}.capture-url-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
@media(max-width:700px){.capture-url-actions{width:100%;flex-wrap:wrap}}