.as{margin:0;position:relative;overflow:clip;container-type:inline-size}.as-shot,.app-skin{--app-canvas:color-mix(in srgb,var(--ink-100) 22%,var(--paper-0));--app-well:color-mix(in srgb,var(--ink-100) 45%,var(--paper-0));--app-bar:color-mix(in srgb,var(--ink-100) 60%,var(--paper-0));--line-hairline:color-mix(in srgb,var(--ink-100) 78%,var(--paper-0));--line-strong:var(--ink-100);--surface-sunken:var(--app-well);--grid-line:color-mix(in srgb,var(--ink-100) 55%,var(--paper-0));--text-subtle:var(--ink-400)}.as-shot{zoom:tan(atan2(100cqw,1200px));width:1200px;font:var(--type-body-sm);color:var(--text-body);background:var(--app-canvas);font-variant-numeric:tabular-nums;position:relative}:where(.as--live) :where(button){font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;margin:0;padding:0}:where(.as--live) :where(button,[tabindex]):focus-visible{outline:2px solid var(--line-focus);outline-offset:2px;border-radius:var(--radius-sm)}.as-browser{height:42px;padding-inline:var(--space-7);background:var(--app-bar);border-bottom:var(--border-hairline) solid var(--ink-100);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.as-dots{gap:var(--space-4);display:flex}.as-dots i{border-radius:var(--radius-pill);background:var(--ink-200);width:11px;height:11px}.as-bnav{align-items:center;gap:var(--space-6);color:var(--ink-300);display:flex;position:absolute;top:50%;left:96px;translate:0 -50%}.as-url{align-items:center;gap:var(--space-3);min-width:440px;height:28px;padding-inline:var(--space-6);border-radius:var(--radius-sm);background:var(--surface-card);box-shadow:var(--shadow-xs);font-size:var(--size-xs);color:var(--text-muted);white-space:nowrap;grid-column:2;display:flex}.as-url svg{color:var(--text-subtle)}.as-url>span:first-of-type{margin-left:var(--space-2);color:var(--text-strong)}.as-url__path{color:var(--text-muted);text-overflow:ellipsis;overflow:hidden}.as-top{height:52px;padding-right:var(--space-9);background:var(--surface-card);border-bottom:var(--border-hairline) solid var(--line-hairline);grid-template-columns:248px minmax(0,1fr) auto;align-items:center;display:grid}.as-ws{align-items:center;gap:var(--space-5);padding-inline:var(--space-8);color:var(--text-subtle);display:flex}.as-ws b{font:var(--type-label);font-size:var(--size-sm);color:var(--text-strong)}.as-ws__mark{width:var(--space-9);height:var(--space-9);border-radius:var(--radius-sm);background:var(--brand-600);color:var(--text-on-accent);font:var(--type-label);font-weight:var(--weight-semibold);place-items:center;display:grid}.as-search{align-items:center;gap:var(--space-5);width:340px;height:var(--control-height-sm);margin-left:var(--space-9);padding-inline:var(--space-6);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-subtle);font-size:var(--size-xs);display:flex}.as-search span{flex:1}.as-search kbd{font:var(--type-data);font-size:var(--size-3xs);color:var(--text-muted);padding:0 var(--space-3);border:var(--border-hairline) solid var(--line-strong);border-radius:var(--radius-xs);background:var(--surface-card)}.as-top__end{align-items:center;gap:var(--space-8);grid-column:3;display:flex}.as-ask{align-items:center;gap:var(--space-4);height:var(--control-height-sm);padding-inline:var(--space-6);border:var(--border-hairline) solid var(--line-strong);border-radius:var(--radius-sm);font:var(--type-label);color:var(--text-strong);background:var(--surface-card);display:inline-flex}.as-ask svg{color:var(--text-accent)}.as-top__icon{color:var(--text-muted);display:inline-flex}.as-people{display:flex}.as-people i{width:var(--space-9);height:var(--space-9);margin-left:calc(var(--space-1) * -1);border-radius:var(--radius-pill);font:var(--type-label);font-size:var(--size-3xs);color:var(--text-body);background:var(--ink-100);box-shadow:0 0 0 2px var(--surface-card);place-items:center;font-style:normal;display:grid}.as-people i:nth-child(2){background:var(--brand-100);color:var(--brand-800)}.as-people i:nth-child(3){background:var(--green-100);color:var(--green-800)}.as-body{grid-template-columns:248px minmax(0,1fr);display:grid}.as-side{align-content:start;gap:var(--space-9);padding:var(--space-7) var(--space-6);background:var(--app-canvas);border-right:var(--border-hairline) solid var(--line-hairline);grid-template-columns:minmax(0,1fr);display:grid}.as-grp{gap:var(--space-1);display:grid}.as-grp__h{padding:0 var(--space-5) var(--space-3);font:var(--type-label);font-size:var(--size-2xs);color:var(--text-subtle)}.as-item{align-items:center;gap:var(--space-5);width:100%;height:var(--control-height-sm);padding-inline:var(--space-5);border-radius:var(--radius-sm);color:var(--text-body);white-space:nowrap;display:flex}.as-item svg{color:var(--text-subtle);flex:none}:where(.as--live) .as-item:hover{background:var(--app-well)}.as-item.is-on{background:var(--surface-card);color:var(--text-strong);font-weight:var(--weight-medium);box-shadow:var(--shadow-sm)}.as-item.is-on svg{color:var(--text-accent)}.as-item__note{font:var(--type-data);font-size:var(--size-3xs);color:var(--text-subtle);font-weight:var(--weight-regular);margin-left:auto}.as-grp--src{margin-top:var(--space-6);padding-top:var(--space-7);border-top:var(--border-hairline) solid var(--line-hairline)}.as-src{align-items:center;gap:var(--space-5);height:var(--space-10);padding-inline:var(--space-5) var(--space-5);font-size:var(--size-xs);color:var(--text-body);display:flex}.as-src i{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill);background:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.as-src time{font:var(--type-data);font-size:var(--size-3xs);color:var(--text-subtle);margin-left:auto}.as-main{align-content:start;gap:var(--space-7);padding:var(--space-9);min-width:0;display:grid}.as-main--flush{background:var(--surface-card);gap:0;padding:0}.as-head{justify-content:space-between;align-items:flex-end;gap:var(--space-8);display:flex}.as-head__t{align-items:baseline;column-gap:var(--space-4);grid-template-columns:max-content minmax(0,1fr);display:grid}.as-crumb{font-size:var(--size-sm);color:var(--text-subtle)}.as-crumb span{margin-left:var(--space-4)}.as-head h4{font:var(--type-heading);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0}.as-head__sub{font-size:var(--size-xs);color:var(--text-muted);grid-column:1/-1}.as-head__ctl{gap:var(--space-4);display:flex}.as-seg{padding:var(--space-1);border-radius:var(--radius-sm);background:var(--app-bar);display:flex}.as-seg>*{height:calc(var(--control-height-sm) - var(--space-2));padding-inline:var(--space-6);border-radius:var(--radius-xs);font:var(--type-label);color:var(--text-muted);place-items:center;display:grid}.as-seg .is-on{background:var(--surface-card);color:var(--text-strong);box-shadow:var(--shadow-sm)}.as-ctl{align-items:center;gap:var(--space-4);height:var(--control-height-sm);padding-inline:var(--space-6);border:var(--border-hairline) solid var(--line-strong);border-radius:var(--radius-sm);font:var(--type-label);color:var(--text-strong);white-space:nowrap;background:var(--surface-card);box-shadow:var(--shadow-xs);display:inline-flex}.as-ctl svg{color:var(--text-muted)}.as-ctl--primary{background:var(--brand-600);color:var(--text-on-accent);border-color:#0000}.as-ctl--primary svg{color:currentColor}.as-filters{gap:var(--space-4);padding-bottom:var(--space-2);display:flex}.as-flt{align-items:center;gap:var(--space-3);height:var(--space-10);padding-inline:var(--space-6) var(--space-5);border:var(--border-hairline) solid var(--line-strong);border-radius:var(--radius-pill);font-size:var(--size-xs);color:var(--text-muted);background:var(--surface-card);display:inline-flex}.as-flt b{font-weight:var(--weight-medium);color:var(--text-strong)}.as-flt svg{color:var(--text-subtle)}.as-flt.is-set{background:var(--surface-accent-quiet);border-color:var(--brand-100)}.as-flt.is-set b{color:var(--text-accent)}.as-flt--add{padding-inline:var(--space-5) var(--space-6);border-style:dashed}.as-card{align-content:start;gap:var(--space-6);padding:var(--space-8);border:var(--border-hairline) solid var(--line-hairline);border-radius:var(--radius-md);background:var(--surface-card);box-shadow:var(--shadow-xs);min-width:0;display:grid;position:relative}.as-card--flush{gap:0;padding:0}.as-card__head{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.as-card--flush>.as-card__head{padding:var(--space-7) var(--space-8)}.as-card__t{font:var(--type-label);font-size:var(--size-sm);color:var(--text-strong)}.as-card__sub{font-size:var(--size-2xs);color:var(--text-subtle)}.as-legend{gap:var(--space-7);font-size:var(--size-2xs);color:var(--text-muted);display:flex}.as-legend span{align-items:center;gap:var(--space-4);display:inline-flex}.as-key{width:var(--space-7);border-top:2px solid var(--series-1);display:inline-block}.as-key--prev{border-top-style:dashed;border-top-color:var(--series-6)}.as-tbl{border-collapse:collapse;width:100%;font-size:var(--size-xs);font-variant-numeric:tabular-nums}.as-tbl th{height:32px;padding:0 var(--space-6);text-align:right;font:var(--type-label);font-size:var(--size-2xs);color:var(--text-muted);background:var(--app-canvas);border-block:var(--border-hairline) solid var(--line-hairline);white-space:nowrap}.as-tbl td{height:var(--space-11);padding:0 var(--space-6);text-align:right;border-bottom:var(--border-hairline) solid var(--line-hairline);white-space:nowrap}.as-tbl :is(th,td).l{text-align:left}.as-tbl :is(th,td):first-child{padding-left:var(--space-8)}.as-tbl :is(th,td):last-child{padding-right:var(--space-8)}.as-tbl code{font:var(--type-data);font-size:var(--size-2xs);color:var(--text-muted)}.as-tbl .strong{color:var(--text-strong);font-weight:var(--weight-medium)}.as-tbl .muted{color:var(--text-muted)}.as-tbl .bad{color:var(--text-critical)}.as-tbl .good{color:var(--text-positive)}.as-tbl tr.is-flag td{background:color-mix(in srgb,var(--red-50) 55%,transparent)}.as-foot{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);font-size:var(--size-2xs);color:var(--text-subtle);display:flex}.as-foot code{font:var(--type-data);font-size:var(--size-3xs)}.as-chip{align-items:center;gap:var(--space-2);height:20px;padding-inline:var(--space-4);border-radius:var(--radius-xs);font-size:var(--size-2xs);font-weight:var(--weight-medium);white-space:nowrap;display:inline-flex}.as-chip--bad{background:var(--surface-critical-quiet);color:var(--text-critical)}.as-chip--ok{background:var(--green-50);color:var(--green-800)}.as-chip--quiet{background:var(--surface-sunken);color:var(--text-muted)}.as-chip--accent{background:var(--surface-accent-quiet);color:var(--text-accent)}.as-pin{z-index:3;border-radius:var(--radius-pill);background:var(--brand-600);width:30px;height:30px;color:var(--text-on-accent);font:var(--type-label);font-size:var(--size-sm);font-weight:var(--weight-semibold);box-shadow:0 0 0 4px var(--surface-card),var(--shadow-md);pointer-events:none;place-items:center;display:grid;position:absolute;translate:-50% -50%}@container (width<=699px){.as-shot{zoom:1;width:auto}.as-side,.as-search,.as-ask{display:none}.as-body{grid-template-columns:minmax(0,1fr)}.as-top{grid-template-columns:auto minmax(0,1fr) auto}.as-browser{gap:var(--space-6);grid-template-columns:auto minmax(0,1fr)}.as-bnav{display:none}.as-url{min-width:0}.as-main:not(.as-main--flush){padding:var(--space-7) var(--space-6)}.as-head{row-gap:var(--space-5);flex-wrap:wrap}.as-card__head{row-gap:var(--space-3);flex-wrap:wrap}.as--live .as-main{padding:var(--space-7)}.as-pin{display:none}}