@layer components{.console-root{flex-direction:column;flex:1 0 auto;display:flex}.console-header-actions{flex-wrap:nowrap}.console-frame{gap:var(--spacing-24);padding-top:var(--spacing-24);grid-template-columns:minmax(0,1fr);display:grid}.console-side,.console-wide{display:none}@media (width>=840px){.console-frame{gap:var(--spacing-48);padding-top:var(--spacing-48);grid-template-columns:max-content minmax(0,1fr)}.console-side{top:var(--spacing-24);align-self:start;display:block;position:sticky}.btn.console-wide{display:inline-flex}.btn.console-narrow{display:none}}.console-nav{gap:var(--spacing-24);display:grid}.console-drawer-foot{margin-top:var(--spacing-24)}.console-main{gap:var(--spacing-32);min-width:0;padding-bottom:var(--spacing-48);align-content:start;display:grid}.mono{font-family:var(--font-mono);overflow-wrap:anywhere}.view-head{gap:var(--spacing-16);grid-template-columns:minmax(0,1fr);align-items:end;display:grid}@media (width>=600px){.view-head{grid-template-columns:minmax(0,1fr) auto}}.view-head-copy{gap:var(--spacing-8);min-width:0;display:grid}.view-head-copy>*{margin:0}.view-section{gap:var(--spacing-16);min-width:0;padding-top:var(--spacing-24);border-top:var(--hairline) solid var(--line);display:grid}.view-section-head{justify-content:space-between;align-items:center;gap:var(--spacing-12);flex-wrap:wrap;min-width:0;display:flex}.view-section-title{font-size:var(--type-body);line-height:var(--type-body-line);margin:0;font-weight:600}.list-block{gap:var(--spacing-12);min-width:0;display:grid}.more{gap:var(--spacing-8);justify-items:start;display:grid}.chip{padding:var(--spacing-2) var(--spacing-8);border:var(--hairline) solid var(--line);border-radius:var(--radius-full);background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:var(--type-meta);line-height:var(--type-meta-line);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.console-alert{gap:var(--spacing-12);justify-items:start;display:grid}.console-alert>p{margin:0}.figure-block{gap:var(--spacing-12);min-width:0;padding:var(--spacing-24);border:var(--hairline) solid var(--line);border-radius:var(--radius-16);background:var(--surface);align-content:start;display:grid}.figure-label,.figure-sub{color:var(--muted);font-size:var(--type-meta);line-height:var(--type-meta-line);margin:0}.figure-label{text-wrap:balance}.figure-sub .line{display:block}.figure-row{justify-content:space-between;align-items:center;gap:var(--spacing-16);flex-wrap:wrap;min-width:0;display:flex}.figure{min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--type-title);line-height:var(--type-title-line);letter-spacing:var(--tracking-title);overflow-wrap:anywhere;margin:0;font-weight:600}@media (width>=840px){.figure{font-size:var(--type-hero);line-height:var(--type-hero-line);letter-spacing:var(--tracking-hero)}}.balance-layout{gap:var(--spacing-24);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=840px){.balance-layout[data-first-run]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.first-run{gap:var(--spacing-16);align-content:start;min-width:0;display:grid}.steps{gap:var(--spacing-16);padding-left:var(--spacing-24);margin:0;list-style:decimal;display:grid}.steps p{margin:0}.steps .btn{margin-top:var(--spacing-8)}.setting-row{gap:var(--spacing-12);padding:var(--spacing-16) 0;border-top:var(--hairline) solid var(--line);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}@media (width>=600px){.setting-row{grid-template-columns:minmax(0,1fr) auto}}.setting-copy{gap:var(--spacing-4);min-width:0;display:grid}.setting-title{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;margin:0;font-weight:500;display:flex}.setting-text{max-width:var(--measure);color:var(--muted);font-size:var(--type-meta);line-height:var(--type-meta-line);margin:0}.new-key{gap:var(--spacing-12);min-width:0;padding:var(--spacing-24);border:var(--hairline) solid var(--code-line);border-radius:var(--radius-16);background:var(--code-surface);color:var(--code-ink);display:grid}.new-key :focus-visible{outline-color:var(--code-ink)}.new-key .copy-row{border-color:var(--code-line);background:0 0}.new-key .copy-flush{border-color:var(--code-line)}.new-key-text{color:var(--code-muted);font-size:var(--type-meta);line-height:var(--type-meta-line);margin:0}.new-key-text .line{display:block}.form{gap:var(--spacing-16);min-width:0;display:grid}.add-form{max-width:var(--measure)}.form-aside{gap:var(--spacing-8);min-width:0;padding-top:var(--spacing-16);border-top:var(--hairline) solid var(--line);justify-items:start;display:grid}.form-aside>*{max-width:100%;margin:0}.form-aside>.code-panel{justify-self:stretch}.field{gap:var(--spacing-4);min-width:0;display:grid}.field-label{font-size:var(--type-meta);line-height:var(--type-meta-line);margin:0;font-weight:500}.field-hint{color:var(--muted);font-size:var(--type-meta);line-height:var(--type-meta-line);margin:0}.field-hint .line{display:block}.field-row{gap:var(--spacing-16);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=600px){.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.input{width:100%;min-width:0;min-height:var(--target);padding:0 var(--spacing-12);border:var(--hairline) solid var(--muted);border-radius:var(--radius-8);background:var(--surface);color:var(--ink);font:inherit}.input[data-mono]{font-family:var(--font-mono)}@media (pointer:coarse){.input{font-size:max(var(--type-body), 1em)}}.period-form{align-items:end;gap:var(--spacing-16);flex-wrap:wrap;display:flex}.console-dialog{width:100%;max-width:min(var(--lede-measure), calc(100vw - var(--spacing-32)));max-height:calc(100dvh - var(--spacing-32));border:var(--hairline) solid var(--line);border-radius:var(--radius-16);background:var(--surface);color:var(--ink);padding:0;overflow-y:auto}.console-dialog::backdrop{background:var(--scrim)}.console-dialog-body{gap:var(--spacing-16);padding:var(--spacing-24);display:grid}.console-dialog-title{font-size:var(--type-body);line-height:var(--type-body-line);overflow-wrap:anywhere;margin:0;font-weight:600}.dialog-text{margin:0}.dialog-text .line{display:block}.dialog-actions{justify-content:flex-end;gap:var(--spacing-12);flex-wrap:wrap;display:flex}}html:has(.console-dialog[open]){overflow:hidden}
