.account-panel{position:fixed;top:auto;left:auto;right:auto;bottom:auto;z-index:var(--z-menu);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);background:var(--color-bg-sunken);border:var(--hairline-width) solid var(--menu-border);border-radius:var(--radius-xl);box-shadow:var(--menu-elevation);overflow-y:auto;overscroll-behavior:contain}.account-panel-head{display:flex;justify-content:flex-end}.account-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4)}.account-primary{padding:0}.account-identity{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)}.account-identity-photo{position:relative;flex:none;line-height:0}.account-photo-badge{position:absolute;right:-2px;bottom:-2px;display:inline-flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);border-radius:var(--radius-circle);background:var(--color-surface);box-shadow:inset 0 0 0 var(--hairline-width) var(--color-border-mid),var(--shadow-1);color:var(--color-ink-secondary);transition:var(--transition-hover)}.account-photo-badge:hover{background:var(--color-bg-sunken);color:var(--color-ink)}.account-photo-badge:focus-visible{outline:none;box-shadow:var(--focus-ring)}.account-photo-badge:disabled{color:var(--color-ink-disabled)}.account-identity-text{min-width:0}.account-name{font:var(--text-role-card-name);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-email{font-size:var(--text-sm);color:var(--color-ink-secondary);overflow-wrap:anywhere}.account-error{padding:0 var(--space-4) var(--space-4);font-size:var(--text-sm);color:var(--color-danger)}.account-action{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-base);color:var(--color-ink);border-top:var(--hairline-width) solid var(--color-border-hairline);transition:var(--transition-hover)}.account-action:last-child{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.account-action:hover{background:var(--color-accent-tint)}.account-action:focus-visible{outline:none;box-shadow:var(--focus-ring)}.account-action-icon{flex:none;color:var(--color-ink-secondary)}.account-stat{display:flex;flex-direction:column;gap:var(--space-1)}.account-stat-heading{font-size:var(--text-xs);color:var(--color-ink-tertiary)}.account-stat-value{font-size:var(--text-xl);font-weight:var(--weight-medium);line-height:var(--leading-tight);min-height:1.25em;color:var(--color-ink)}.account-stat-note{font-size:var(--text-sm);color:var(--color-ink-secondary)}.account-legal{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding-top:var(--space-1);font-size:var(--text-xs)}.account-legal-link{color:var(--color-ink-secondary)}.account-legal-link:hover{color:var(--color-ink)}.account-legal-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.account-legal-dot{color:var(--color-ink-tertiary)}.legal{max-width:1056px;margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-20);display:grid;grid-template-columns:15rem minmax(0,720px);column-gap:var(--space-12);align-items:start}.legal-reading{min-width:0}.legal-title{font-size:var(--text-3xl);font-weight:var(--weight-medium);line-height:var(--leading-tight);color:var(--color-ink)}.legal-effective{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-tertiary)}.legal-lede{margin-top:var(--space-5);font:var(--text-role-section);color:var(--color-ink-secondary)}.legal-contents{position:sticky;top:var(--space-16);align-self:start}.legal-contents-list{display:grid;gap:var(--space-1);list-style:none}.legal-contents-link{display:block;padding:var(--space-1) 0;font-size:var(--text-sm);line-height:var(--leading-tight);color:var(--color-ink-tertiary)}.legal-contents-link:hover{color:var(--color-ink-secondary)}.legal-contents-link.is-active{color:var(--color-link);font-weight:var(--weight-medium)}.legal-section{margin-top:var(--space-12);scroll-margin-top:var(--space-6)}.legal-heading{font-size:var(--text-xl);font-weight:var(--weight-medium);line-height:var(--leading-tight);color:var(--color-ink)}.legal-body{margin-top:var(--space-3);font:var(--text-role-body);color:var(--color-ink-secondary)}.legal-list{margin-top:var(--space-3);padding-left:var(--space-5);list-style:disc;display:grid;gap:var(--space-2);font:var(--text-role-body);color:var(--color-ink-secondary)}.legal-term{color:var(--color-ink);font-weight:var(--weight-medium)}.legal-foot{margin-top:var(--space-16);padding-top:var(--space-8);border-top:var(--hairline-width) solid var(--color-border-hairline)}.legal-back{display:inline-block;font-size:var(--text-base);color:var(--color-link)}.legal-back:hover{color:var(--color-link-hover)}@media (max-width: 900px){.legal{grid-template-columns:minmax(0,720px);justify-content:center;column-gap:0;max-width:720px}.legal-contents{position:static;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:var(--hairline-width) solid var(--color-border-hairline)}}.small-dialog.agent-dialog{width:min(1120px,94vw);max-height:min(90vh,820px);padding:0;gap:0;overflow:hidden}.agent-head{flex:none;padding:var(--space-5) var(--space-6);border-bottom:var(--hairline-width) solid var(--color-border-hairline)}.agent-dialog .small-dialog-title{font:var(--weight-semibold) var(--text-xl) / var(--leading-tight) var(--font-ui);letter-spacing:var(--tracking-tight);color:var(--color-ink)}.agent-scroll{overflow-y:auto;min-height:0;padding:var(--space-5) var(--space-6)}.agent-dialog .dialog-actions{flex:none;padding:var(--space-4) var(--space-6);border-top:var(--hairline-width) solid var(--color-border-hairline)}.agent-steps{display:flex;flex-direction:column;gap:var(--space-5);margin:0;padding:0;list-style:none;counter-reset:agent-step}.agent-step{position:relative;display:grid;grid-template-columns:var(--space-6) minmax(0,1fr);column-gap:var(--space-3);row-gap:var(--space-2);justify-items:start;align-items:start;counter-increment:agent-step}.agent-step:before{content:counter(agent-step);grid-column:1;grid-row:1;z-index:1;display:grid;place-items:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-circle);background:var(--color-bg-sunken);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-ink-secondary);transition:var(--transition-hover)}.agent-step:after{content:"";position:absolute;left:calc((var(--space-6) - var(--hairline-width)) / 2);top:0;bottom:calc(-1 * var(--space-5));width:var(--hairline-width);background:var(--color-border-hairline)}.agent-step:first-child:after{top:var(--space-5)}.agent-step:nth-last-child(2):after{bottom:calc(-1 * (var(--space-5) + var(--space-3)))}.agent-step:last-child:after{display:none}.agent-step-mint:before{margin-top:var(--space-2)}.agent-step-done:before{background:var(--chip-accent-bg);color:var(--chip-accent-text)}.agent-step>*{grid-column:2;max-width:100%}.agent-step>.agent-block,.agent-step>.agent-panel{justify-self:stretch}.agent-step-text{font-size:var(--text-sm);color:var(--color-ink-secondary)}.agent-step>.agent-step-text,.agent-step-title{font-size:var(--text-sm);color:var(--color-ink);font-weight:var(--weight-medium)}.agent-key{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);animation:agent-key-in var(--motion-base) var(--motion-ease)}@keyframes agent-key-in{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.agent-key{animation:none}}.agent-block-key{background:var(--color-accent-tint-faint);border-color:var(--color-accent-tint-strong)}.agent-block-key .agent-block-code{color:var(--color-accent-ink-strong);letter-spacing:var(--tracking-wide);background:linear-gradient(to right,var(--color-accent-tint-faint),transparent) 0 0 / var(--space-6) 100% no-repeat local,linear-gradient(to left,var(--color-accent-tint-faint),transparent) 100% 0 / var(--space-6) 100% no-repeat local,linear-gradient(to right,var(--color-accent-tint-strong),transparent) 0 0 / var(--space-3) 100% no-repeat scroll,linear-gradient(to left,var(--color-accent-tint-strong),transparent) 100% 0 / var(--space-3) 100% no-repeat scroll}.agent-block-key .agent-block-copy:hover{background:var(--chip-accent-bg);color:var(--chip-accent-text)}.agent-step-note{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-ink-secondary)}.agent-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.agent-pill{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--height-button-sm);padding:0 var(--space-4) 0 var(--space-3);border:var(--hairline-width) solid var(--btn-outline-border);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-secondary);transition:var(--transition-hover)}.agent-pill svg{flex:none}.agent-pill:hover{background:var(--color-hover);color:var(--color-ink)}.agent-pill:focus-visible{outline:none;box-shadow:var(--focus-ring)}.agent-pill-on,.agent-pill-on:hover{background:var(--segmented-selected-bg);border-color:var(--segmented-selected-bg);color:var(--segmented-selected-text)}.agent-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-4);background:var(--card-bg);border:var(--hairline-width) solid var(--card-border);border-radius:var(--card-radius);animation:agent-panel-in var(--motion-fast) var(--motion-ease)}@keyframes agent-panel-in{0%{opacity:0;transform:translateY(var(--space-05))}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.agent-card{animation:none}}.agent-guide{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);line-height:var(--leading-tight);color:var(--color-ink-secondary)}.agent-guide li::marker{color:var(--color-ink-tertiary);font-variant-numeric:tabular-nums}.agent-guide-note{font-size:var(--text-sm);line-height:var(--leading-tight);color:var(--color-ink-secondary)}.agent-panel-terminal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-4)}.agent-panel-terminal>.agent-panel-lead{grid-column:1 / -1}.agent-card-pair{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.agent-panel[hidden]{display:none}.agent-block{position:relative;overflow:hidden;background:var(--color-bg-page);border:var(--hairline-width) solid var(--color-border);border-radius:var(--radius-input)}.agent-block-code{margin:0;padding:var(--space-2) var(--space-16) var(--space-2) var(--space-3);font:var(--text-role-code);line-height:var(--leading-normal);color:var(--code-text);white-space:pre;overflow-x:auto;background:linear-gradient(to right,var(--color-bg-page),transparent) 0 0 / var(--space-6) 100% no-repeat local,linear-gradient(to left,var(--color-bg-page),transparent) 100% 0 / var(--space-6) 100% no-repeat local,linear-gradient(to right,var(--color-border-hairline),transparent) 0 0 / var(--space-3) 100% no-repeat scroll,linear-gradient(to left,var(--color-border-hairline),transparent) 100% 0 / var(--space-3) 100% no-repeat scroll}.agent-block-copy{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-bg-sunken);border-radius:0 var(--radius-input) 0 var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-ink-secondary);transition:var(--transition-hover)}.agent-block-copy:hover{background:var(--color-hover);color:var(--color-ink)}.agent-block-copy:focus-visible{outline:none;box-shadow:var(--focus-ring)}.agent-block-copy[data-copied=true]{color:var(--color-success)}@media (max-width: 900px){.small-dialog.agent-dialog{width:100%}.agent-panel-terminal{grid-template-columns:minmax(0,1fr)}}.settings{max-width:760px;margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-20)}.settings-title{font-size:var(--text-2xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-ink);margin-bottom:var(--space-8)}.settings-section{margin-bottom:var(--space-10)}.settings-section-title{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-ink);margin-bottom:var(--space-3)}.settings-card{background:var(--color-surface);border:var(--hairline-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.settings-card+.settings-card{margin-top:var(--space-4)}.settings-card-danger{border-color:color-mix(in srgb,var(--color-danger) 32%,var(--color-bg-page))}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-5) var(--space-6)}.settings-card .settings-row+.settings-row{border-top:var(--hairline-width) solid var(--color-border-hairline)}.settings-row-label{min-width:0;flex:1}.settings-row-control{flex:none;display:flex;align-items:center;gap:var(--space-3)}.settings-label{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-ink)}.settings-hint{font-size:var(--text-sm);color:var(--color-ink-secondary);margin-top:var(--space-1)}.settings-readonly{font-size:var(--text-base);color:var(--color-ink-secondary)}.settings-field{display:flex;align-items:center;gap:var(--space-3)}.settings-field .dialog-input{min-width:280px}.settings-pair{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.settings-number{width:6ch;min-width:0;text-align:center}.settings-saved{font-size:var(--text-sm);color:var(--color-ink-secondary)}.settings-error{font-size:var(--text-sm);color:var(--color-danger)}.settings-avatar{display:flex;align-items:center;gap:var(--space-4)}.settings-avatar-button{position:relative;display:inline-flex;border-radius:var(--radius-circle);overflow:hidden}.settings-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-circle);background:var(--color-scrim);color:var(--color-ink-inverse);font-size:var(--text-sm);opacity:0;transition:var(--transition-hover)}.settings-avatar-button:hover .settings-avatar-overlay,.settings-avatar-button:focus-visible .settings-avatar-overlay{opacity:1}.settings-inline-link{font-size:var(--text-sm);color:var(--color-ink-secondary);text-decoration:none;transition:var(--transition-hover)}.settings-inline-link:hover{color:var(--color-ink)}.settings-inline-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.settings-form{margin:0}.settings-field-column{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.settings-field-column .dialog-input{min-width:280px}.settings-form-actions{flex-direction:column;align-items:flex-end;gap:var(--space-2);width:280px}.settings-form-actions .settings-saved{align-self:stretch;text-align:right}.settings-callout{padding:var(--space-4);background:var(--color-bg-sunken);border-radius:var(--radius-md)}.settings-callout-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.token-block{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-6)}.token-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);width:100%;flex-wrap:wrap}.token-block-head .settings-row-label{min-width:200px;flex:1}.token-block>.settings-callout{width:100%}.settings-card-footer{padding:var(--space-3) var(--space-6);border-top:var(--hairline-width) solid var(--color-border-hairline)}.token-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-top:var(--space-4)}.token-table th{padding:0 var(--space-3) var(--space-2) 0;text-align:left;font-weight:var(--weight-regular);color:var(--color-ink-secondary);border-bottom:var(--hairline-width) solid var(--color-border-hairline);white-space:nowrap}.token-table td{padding:var(--space-2) var(--space-3) var(--space-2) 0;border-bottom:var(--hairline-width) solid var(--color-border-hairline);color:var(--color-ink-secondary);vertical-align:baseline}.token-cell-name{width:100%;color:var(--color-ink);overflow-wrap:anywhere}.token-cell-date{white-space:nowrap}.token-table th:last-child,.token-cell-action{padding-right:0;text-align:right;white-space:nowrap}.token-revoke{font-size:var(--text-sm);color:var(--color-ink-secondary);transition:var(--transition-hover)}.token-revoke:hover{color:var(--color-danger)}.token-revoke:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.token-revoke:disabled{color:var(--color-ink-tertiary)}.token-bulk{align-self:flex-start}.settings-token-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap}.settings-token{flex:1;min-width:240px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:var(--hairline-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}@media (max-width: 560px){.settings-row{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.settings-row-control{width:100%;flex-wrap:wrap}.settings-field,.settings-field-column{width:100%}.settings-field .dialog-input,.settings-field-column .dialog-input{width:100%;min-width:0}.settings-form-actions{width:100%}.token-block{padding:var(--space-4) var(--space-5)}.settings-card-footer{padding:var(--space-3) var(--space-5)}}@media (max-width: 400px){.token-cell-date{white-space:normal}}.home .new-band{padding-bottom:var(--space-8)}.home .recent{padding-top:0}.home .recent-head{margin-bottom:var(--space-2)}.new-card-glyph .glyph-inner{stroke:var(--color-accent-ink)}.thumb-snapshot .thumb-frame{position:absolute;top:0;left:0;width:calc(100% / var(--thumb-snapshot-scale));height:calc(100% / var(--thumb-snapshot-scale));transform:scale(var(--thumb-snapshot-scale));transform-origin:top left}.share-suggest{position:fixed;z-index:var(--z-overlay);padding:var(--space-1);background:var(--menu-bg);border:var(--hairline-width) solid var(--menu-border);border-radius:var(--menu-radius);box-shadow:var(--menu-elevation);margin-top:var(--space-1);animation:share-suggest-in var(--motion-fast) var(--motion-ease)}@keyframes share-suggest-in{0%{opacity:0;transform:translateY(calc(-1 * var(--space-1)))}to{opacity:1;transform:translateY(0)}}.share-suggest-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-hover)}.share-suggest-option:hover,.share-suggest-option[aria-selected=true]{background:var(--color-hover)}.share-suggest-meta{display:flex;flex-direction:column;flex:1;min-width:0}.share-suggest-name,.share-suggest-email,.share-suggest-email-only{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-suggest-name{font:var(--text-role-card-name);color:var(--color-ink)}.share-suggest-email{font-size:var(--text-sm);color:var(--color-ink-tertiary)}.share-suggest-email-only{font:var(--text-role-card-name);color:var(--color-ink)}.share-access-row .share-access-meta{flex:1;min-width:0}.share-access-role{flex:none;display:flex;align-items:center}:root{--chrome-row1-min-h: var(--space-16);--chrome-pad-x: var(--space-3);--chrome-title-pad-x: var(--space-1);--chrome-menu-pad-x: var(--space-2);--chrome-menurow-pull: calc(-1 * var(--space-4));--gap-chrome: var(--space-2);--gap-chrome-menu: 0px;--strip-h: var(--space-10);--strip-inset-x: var(--space-4);--strip-pad-x: var(--space-2);--strip-bg: var(--gray-100);--strip-divider: var(--gray-250);--strip-divider-h: var(--space-5);--control-h-logo: var(--space-10);--control-h-split: var(--space-10);--split-caret-w: var(--space-8);--control-h-compact: var(--space-10);--control-h-strip: var(--space-8);--control-h-micro: var(--space-7);--control-h-seg: var(--space-7);--chip-h-compact: 22px;--chip-url-min-w: 96px;--icon-22: 22px;--icon-18: 18px;--live-dot-size: 6px;--radius-compact: 6px;--text-role-doc-title: var(--weight-regular) var(--size-15) / var(--leading-tight) var(--font-ui);--text-role-control-compact: var(--weight-medium) var(--size-14) / var(--leading-tight) var(--font-ui);--text-role-strip: var(--weight-medium) var(--size-15) / var(--leading-tight) var(--font-ui);--text-role-chip-compact: var(--weight-medium) var(--size-13) / var(--leading-tight) var(--font-ui);--text-role-menu: var(--weight-regular) var(--size-13) / var(--leading-tight) var(--font-ui)}.editor-chrome{background:var(--color-bg-page)}.chrome-menurow{display:flex;align-items:center;gap:var(--gap-chrome-menu);margin-left:calc(var(--hairline-width) + var(--chrome-title-pad-x) - var(--chrome-menu-pad-x));flex-wrap:wrap}.chrome-menubtn{display:inline-flex;align-items:center;gap:var(--space-1);min-height:calc(var(--control-h-logo) / 2);padding:0 var(--chrome-menu-pad-x);border-radius:var(--radius-compact);color:var(--color-ink-secondary);font:var(--text-role-menu);white-space:nowrap;transition:var(--transition-hover)}.chrome-menubtn:hover{background:var(--color-hover)}.chrome-menubtn-open{background:var(--color-active)}.chrome-menubtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chrome-menu-panel{position:fixed;z-index:var(--z-menu);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-input);background:var(--menu-bg);box-shadow:var(--menu-elevation);border:var(--hairline-width) solid var(--menu-border)}.chrome-menu-panel-scroll{max-height:min(60vh,420px);overflow-y:auto}.chrome-menu-panel-flush{padding:0;gap:0}.chrome-menu-panel .rail-versions,.chrome-menu-panel .rail-people{width:100%}.rail-note{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-ink-tertiary)}.chrome-row1{display:flex;flex-wrap:wrap;align-items:center;min-height:var(--chrome-row1-min-h);padding:var(--space-3) var(--chrome-pad-x);background:var(--color-bg-page)}.chrome-logo{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h-logo);height:var(--control-h-logo);flex:none;border-radius:var(--radius-input);transition:var(--transition-hover)}.chrome-logo:hover{background:var(--color-hover)}.chrome-logo:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chrome-titleblock{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:var(--control-h-logo);margin-left:calc(var(--gap-chrome) - var(--space-1));min-width:0}.chrome-title-row{height:calc(var(--control-h-logo) / 2)}.chrome-menurow{min-height:calc(var(--control-h-logo) / 2)}.chrome-title-row{display:flex;align-items:center;gap:0}.chrome-title{border:var(--hairline-width) solid transparent;border-radius:var(--radius-compact);background:transparent;font:var(--text-role-doc-title);color:var(--color-ink);padding:var(--space-05) var(--chrome-title-pad-x);max-width:40vw;field-sizing:content;transition:var(--transition-hover)}.chrome-title:not([readonly]){cursor:text}.chrome-title[readonly]{cursor:default}.chrome-title:not([readonly]):hover{border-color:var(--color-border-strong);background:var(--color-bg-raised)}.chrome-title:focus{outline:none;border-color:var(--input-border-focus)}.rail-person-role{margin-left:auto;padding-left:var(--space-2);font-size:var(--text-xs);color:var(--color-ink-tertiary);white-space:nowrap}.chrome-microbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h-micro);height:var(--control-h-micro);border-radius:var(--radius-circle);color:var(--color-ink-tertiary);transition:var(--transition-hover)}.chrome-microbtn:hover{background:var(--color-hover);color:var(--color-ink-secondary)}.chrome-microbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chrome-star-on,.chrome-star-on:hover{color:var(--color-accent-strong)}.chrome-star-on svg{fill:currentColor}.chrome-right{display:flex;align-items:center;gap:var(--gap-chrome);margin-left:auto}.chrome-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h-compact);height:var(--control-h-compact);border-radius:var(--radius-circle);color:var(--color-ink-secondary);transition:var(--transition-hover)}.chrome-iconbtn:hover{background:var(--color-hover)}.chrome-iconbtn:active{background:var(--color-active)}.chrome-iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chrome-openin{position:relative;display:inline-flex;gap:var(--gap-chrome)}.chrome-openin-split{display:inline-flex;border:var(--hairline-width) solid var(--btn-outline-border);border-radius:var(--radius-button);overflow:hidden;background:var(--color-surface)}.chrome-openin-main,.chrome-openin-caret{display:inline-flex;align-items:center;justify-content:center;height:calc(var(--control-h-split) - 2 * var(--hairline-width));color:var(--color-ink);transition:var(--transition-hover)}.chrome-openin-main{gap:var(--space-2);padding:0 var(--space-3) 0 var(--space-4);font:var(--text-role-control-compact)}.chrome-openin-main:disabled{color:var(--color-ink-tertiary);cursor:default}.chrome-openin-main:disabled:hover{background:none}.chrome-openin-caret{width:var(--split-caret-w);padding:0;border-left:var(--hairline-width) solid var(--color-border-hairline);color:var(--color-ink-secondary)}.chrome-openin-caret svg{transform:translate(-2px)}.chrome-openin-main svg{transform:translate(-2px,2px)}.chrome-openin-main:hover,.chrome-openin-caret:hover{background:var(--color-hover)}.chrome-openin-main:focus-visible,.chrome-openin-caret:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chrome-share{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--control-h-split);padding:0 var(--space-5) 0 var(--space-4);border-radius:var(--radius-button);background:var(--btn-tonal-bg);color:var(--btn-tonal-text);font:var(--text-role-control-compact);transition:var(--transition-hover)}.chrome-share:hover{background:var(--btn-tonal-bg-hover)}.chrome-share:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chrome-strip-row{padding:0 var(--strip-inset-x) var(--space-3);background:var(--color-bg-page)}.chrome-strip{display:flex;align-items:center;gap:var(--gap-chrome);min-height:var(--strip-h);padding:0 var(--strip-pad-x);background:var(--strip-bg);border-radius:var(--radius-pill)}.chrome-strip .segmented{padding:0;background:transparent}.chrome-strip .segment{height:var(--control-h-seg);padding:0 var(--space-4);font:var(--text-role-strip)}.chrome-stripbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h-strip);height:var(--control-h-strip);flex:none;border-radius:var(--radius-circle);color:var(--color-ink-secondary);transition:var(--transition-hover)}.not-found-title{font:var(--text-role-section);color:var(--color-ink)}.not-found-body{max-width:42ch;text-align:center;font-size:var(--text-sm);color:var(--color-ink-secondary)}.strip-search{display:flex;flex-direction:column;min-width:0}.strip-search-input{width:100%;height:var(--control-h-strip);padding:0 calc(var(--space-2) - var(--hairline-width));border:var(--hairline-width) solid var(--input-border);border-radius:var(--radius-input);outline:none;background:var(--input-bg);font:var(--text-role-chip-compact);color:var(--color-ink)}.strip-search-input::placeholder{color:var(--input-placeholder)}.strip-search-input:focus{border-color:var(--input-border-focus);box-shadow:var(--focus-ring)}.strip-search-results{display:flex;flex-direction:column;min-width:0;padding-top:var(--space-2)}.strip-search-result{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-05);width:100%;border-radius:var(--radius-compact);padding:var(--space-2);text-align:left;transition:var(--transition-hover)}.strip-search-result:hover{background:var(--color-hover)}.strip-search-result:focus-visible{outline:none;box-shadow:var(--focus-ring)}.strip-search-label{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-search-detail,.strip-search-empty{font-size:var(--text-xs);color:var(--color-ink-tertiary)}.strip-search-empty{padding:var(--space-2)}.search-file+.search-file{margin-top:var(--space-3)}.search-file-path{display:flex;align-items:baseline;gap:var(--space-2);margin:0;padding:0 var(--space-2) var(--space-1);font-size:var(--text-xs);color:var(--color-ink-tertiary);overflow:hidden}.search-file-path>:first-child{min-width:0}.search-file-count{margin-left:auto;white-space:nowrap}.search-line{flex-direction:row;align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-2)}.search-line-no{flex:none;min-width:2.5ch;text-align:right;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-tertiary)}.search-line-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-secondary)}.search-ellipsis{color:var(--color-ink-tertiary)}.search-hit{background:var(--color-accent-tint);color:inherit;border-radius:var(--radius-compact)}.viewport-size{margin-left:auto;padding-left:var(--space-2);font:var(--text-role-meta);color:var(--color-ink-tertiary)}.viewport-custom{display:flex;align-items:center;width:100%;padding:var(--space-2) 0 var(--space-2) var(--space-2)}.viewport-custom>*+*{margin-left:var(--space-2)}.viewport-num{width:4.5em;min-width:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;height:var(--control-h-strip);padding:0 var(--space-2);border:var(--hairline-width) solid var(--color-border-hairline);border-radius:var(--radius-compact);outline:none;background:var(--input-bg);font:var(--text-role-chip-compact);color:var(--color-ink)}.viewport-num::-webkit-outer-spin-button,.viewport-num::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.viewport-num:focus{border-color:var(--input-border-focus)}.viewport-by{color:var(--color-ink-tertiary)}.viewport-apply{margin-inline:auto;padding:0 var(--space-2);height:var(--control-h-strip);border-radius:var(--radius-compact);font:var(--text-role-meta);color:var(--color-ink-secondary);transition:var(--transition-hover)}.viewport-apply:hover{background:var(--color-hover)}.viewport-refusal{padding:0 var(--space-2) var(--space-2) var(--space-2);font-size:var(--text-xs);color:var(--color-danger)}.chrome-stripbtn:disabled{color:var(--color-ink-tertiary);opacity:.45;cursor:default}.chrome-stripbtn:disabled:hover{background:none}.file-tree-empty{padding:var(--space-3);font-size:var(--text-sm);color:var(--color-ink-tertiary)}.chrome-striplabelled{width:auto;gap:var(--space-1);padding:0 var(--space-3);border-radius:var(--radius-pill);font:var(--text-role-chip-compact);color:var(--color-ink-secondary)}.chrome-microglyph{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h-micro);height:var(--control-h-micro);color:var(--color-ink-tertiary)}.chrome-stripbtn:hover{background:var(--color-hover);color:var(--color-ink)}.chrome-stripbtn:active{background:var(--color-active)}.chrome-stripbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chrome-strip-spacer{flex:1}.chrome-strip-divider{width:var(--hairline-width);height:var(--strip-divider-h);margin:0 var(--space-1);flex:none;background:var(--strip-divider)}.chrome-chip{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--chip-h-compact);padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-bg-raised);border:var(--hairline-width) solid var(--color-border-hairline);color:var(--color-ink-secondary);font:var(--text-role-chip-compact);white-space:nowrap}.code-pane-lines{font:var(--text-role-meta);color:var(--color-ink-tertiary);white-space:nowrap}.openin-divider{height:var(--hairline-width);margin:var(--space-1) 0;background:var(--color-border-hairline)}.openin-menu .dropdown-item-danger{color:var(--color-danger)}.openin-menu.openin-menu-upload{left:0;right:auto;min-width:180px}.openin-group{margin:0;padding:var(--space-2) var(--space-3) var(--space-05);color:var(--color-ink-tertiary);font:var(--text-role-chip-compact)}.openin-group:not(:first-child){border-top:var(--hairline-width) solid var(--color-border-hairline)}.chrome-microbtn-danger:hover,.chrome-microbtn-danger:focus-visible{color:var(--color-danger)}.chrome-row1,.chrome-strip{min-width:0}.chrome-titleblock{flex:1 1 auto}.chrome-title{min-width:0}.chrome-right,.chrome-chip{flex:none}.chrome-copy-chip{flex:0 1 auto;min-width:var(--chip-url-min-w)}.chrome-chip-mono{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.chrome-openin-main span{display:none}.chrome-openin-main{padding:0 var(--space-3)}}@media (max-width: 480px){.chrome-share span{display:none}.chrome-share{padding:0 var(--space-3)}.chrome-title{max-width:28vw}}@media (max-width: 496px){.chrome-copy-chip{display:none}}@media (max-width: 424px){.chrome-strip{flex-wrap:wrap;height:auto;min-height:var(--strip-h);padding:var(--space-1) var(--strip-pad-x);border-radius:var(--radius-input)}.chrome-strip-spacer{display:none}}.rail-version-right{display:inline-flex;align-items:center;gap:var(--space-1)}.rail-version-copy{display:inline-flex;opacity:0;color:var(--color-ink-tertiary);transition:var(--transition-hover),opacity var(--motion-fast) var(--motion-ease)}.rail-version:hover .rail-version-copy,.rail-version-copy:focus-visible{opacity:1}.rail-version-copy:hover{color:var(--color-ink)}.chrome-chip-btn{transition:var(--transition-hover)}.chrome-chip-btn:hover{background:var(--color-hover)}.chrome-chip-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chrome-chip-mono{font-family:var(--font-mono);font-size:var(--text-xs)}.chrome-dialog-wide{width:560px;max-width:90vw}.kv-table{width:100%;margin-top:var(--space-3);border-collapse:collapse;font-size:var(--text-sm);table-layout:fixed}.kv-table th{text-align:left;padding:var(--space-1) var(--space-2);font:var(--text-role-micro-label);color:var(--color-ink-tertiary)}.kv-table th:first-child{width:28%}.kv-table th:last-child{width:22%}.kv-table td{padding:var(--space-2);border-top:var(--hairline-width) solid var(--color-border-hairline);vertical-align:top}.kv-key{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink)}.kv-value{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-secondary)}.kv-updated{color:var(--color-ink-tertiary)}.kv-empty{padding:var(--space-4) 0;color:var(--color-ink-tertiary);font-size:var(--text-base)}.code-browser .file-tree{overflow-y:auto;min-height:0}.code-browser .file-tree-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);flex:none}.file-tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree-size{flex:none;font-size:var(--text-2xs);color:var(--color-ink-tertiary)}.code-browser-loading{align-items:center;justify-content:center;color:var(--color-ink-tertiary);font-size:var(--text-base)}.code-file-view{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6)}.code-image{max-width:100%;max-height:100%;min-height:0;object-fit:contain}.code-file-caption{font-size:var(--text-sm);color:var(--color-ink-tertiary)}.code-file-binary{font-size:var(--text-lg);color:var(--color-ink-secondary)}.code-file-download{font-size:var(--text-base);color:var(--color-link)}.code-file-download:hover{color:var(--color-link-hover)}.code-file-empty{padding:var(--space-6);color:var(--color-ink-tertiary);font-size:var(--text-base)}.app-page{display:flex;flex-direction:column;height:100vh}.app-page .app-body{flex:1;align-items:stretch;min-height:0;gap:var(--strip-inset-x);padding:0 var(--strip-inset-x) var(--strip-inset-x)}.app-page .app-rail{min-height:0;overflow-y:auto}.app-page .viewport-area{flex:1;min-width:0;padding:0}.app-page .viewport-column{flex:1;align-items:stretch}.app-page .preview-banner,.app-page .app-viewport-wrap,.app-page .code-browser{max-width:none}.app-page .app-viewport-wrap{flex:1;display:flex;flex-direction:column}.app-page .app-viewport{flex:1;min-height:0}.app-page .app-viewport-sized{flex:none;align-self:center;transform-origin:center}.app-page .app-viewport-wrap{-webkit-user-select:none;user-select:none}.app-page .frame-zoom-field{-webkit-user-select:text;user-select:text}.app-page .app-viewport-ground{background-color:var(--color-bg-sunken);background-image:repeating-linear-gradient(to right,var(--color-border-mid) 0 var(--hairline-width),transparent var(--hairline-width) var(--viewport-grid-cell)),repeating-linear-gradient(to bottom,var(--color-border-mid) 0 var(--hairline-width),transparent var(--hairline-width) var(--viewport-grid-cell));border-radius:var(--radius-card);overflow:hidden;padding:0;justify-content:center;cursor:grab}.app-page .app-viewport-ground-dragging{cursor:grabbing}.app-page .frame-zoom{position:absolute;right:var(--space-4);bottom:var(--space-4);z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-input);background:var(--color-surface);border:var(--hairline-width) solid var(--color-border-hairline);box-shadow:var(--menu-elevation);cursor:default}.app-page .frame-zoom-step,.app-page .frame-zoom-value{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h-micro);border-radius:var(--radius-compact);color:var(--color-ink-secondary);transition:var(--transition-hover)}.app-page .frame-zoom-step{width:var(--control-h-micro)}.app-page .frame-zoom-value{box-sizing:border-box;width:6ch;padding:0 var(--space-2);font:var(--text-role-chip-compact);font-variant-numeric:tabular-nums;text-align:center}.app-page .frame-zoom-field{background:none;border:none;color:var(--color-ink)}.app-page .frame-zoom-step:hover:not(:disabled),.app-page .frame-zoom-value:hover:not(:disabled){background:var(--color-hover);color:var(--color-ink)}.app-page .frame-zoom-step:focus-visible,.app-page .frame-zoom-value:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-page .frame-zoom-step:disabled,.app-page .frame-zoom-value:disabled{color:var(--color-ink-tertiary);cursor:default}.app-page .frame-zoom-step:disabled{opacity:.5}.app-page .app-frame{flex:1;align-self:stretch;height:100%}.app-page .code-browser{flex:1}:root{--gray-0: #ffffff;--gray-50: #f6f6f7;--gray-100: #f0f0f1;--gray-150: #ebebeb;--gray-200: #e3e3e4;--gray-250: #dddddd;--gray-300: #d1d1d3;--gray-400: #aeaeb2;--gray-500: #8e8e93;--gray-600: #6e6e73;--gray-700: #48484a;--gray-800: #3a3a3c;--gray-900: #1c1c1e;--green-50: #f4f8ec;--green-100: #e8f0d8;--green-200: #d4e3b6;--green-300: #b7cf8e;--green-400: #9cbb68;--green-500: #85a952;--green-600: #7a9e3f;--green-700: #5f7d30;--green-800: #4a6226;--green-900: #37491d;--red-500: #d64545;--red-600: #ba3a3a;--red-100: #fbe9e9;--amber-500: #c98a1b;--amber-100: #faf1de;--alpha-hover: rgba(28, 28, 30, .05);--alpha-pressed: rgba(28, 28, 30, .09);--alpha-scrim: rgba(28, 28, 30, .5);--size-11: 11px;--size-12: 12px;--size-13: 13px;--size-14: 14px;--size-15: 15px;--size-16: 16px;--size-18: 18px;--size-22: 22px;--size-32: 32px;--size-48: 48px;--size-56: 56px;--shadow-0: none;--shadow-1: 0 1px 2px rgba(0, 0, 0, .04);--shadow-2: 0 1px 3px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .04);--shadow-3: 0 2px 8px rgba(0, 0, 0, .07), 0 8px 24px rgba(0, 0, 0, .06);--shadow-4: 0 4px 12px rgba(0, 0, 0, .09), 0 16px 40px rgba(0, 0, 0, .1);--shadow-sticky: 0 2px 4px rgba(0, 0, 0, .2);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}:root{--space-05: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--radius-circle: 50%;--color-bg-page: var(--gray-0);--color-bg-raised: var(--gray-0);--color-bg-sunken: var(--gray-100);--color-bg-band: var(--gray-0);--color-surface: var(--gray-0);--color-hover: var(--alpha-hover);--color-active: var(--alpha-pressed);--color-scrim: var(--alpha-scrim);--color-search-fill: var(--gray-100);--color-border-hairline: var(--gray-150);--color-border: var(--gray-150);--color-border-mid: var(--gray-200);--color-border-strong: var(--gray-300);--color-ink: var(--gray-900);--color-ink-secondary: var(--gray-600);--color-ink-tertiary: var(--gray-500);--color-ink-faint: var(--gray-500);--color-ink-disabled: var(--gray-400);--color-ink-inverse: var(--gray-0);--color-accent: var(--green-500);--color-accent-hover: var(--green-600);--color-accent-pressed: var(--green-700);--color-accent-strong: var(--green-600);--color-accent-ink: var(--green-700);--color-accent-ink-strong: var(--green-800);--color-accent-tint: var(--green-100);--color-accent-tint-strong: var(--green-200);--color-accent-tint-faint: var(--green-50);--color-on-accent: var(--gray-0);--color-link: var(--green-700);--color-link-hover: var(--green-800);--color-success: var(--green-700);--color-danger: var(--red-500);--color-danger-tint: var(--red-100);--color-warning: var(--amber-500);--color-warning-tint: var(--amber-100);--color-positive-delta: var(--green-600);--focus-ring-width: 2px;--focus-ring-offset: 1px;--focus-ring-color: var(--green-700);--focus-ring: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);--hairline-width: 1px;--card-bg: var(--gray-50);--card-border: var(--gray-150);--card-border-hover: var(--green-500);--card-radius: var(--radius-lg);--card-padding: var(--space-6);--card-elevation-rest: var(--shadow-0);--card-elevation-hover: var(--shadow-2);--btn-elevation-hover: var(--shadow-1);--searchbar-elevation-focus: var(--shadow-2);--viewport-elevation: var(--shadow-1);--sticky-divider-elevation: var(--shadow-sticky);--dialog-bg: var(--gray-0);--dialog-radius: var(--radius-xl);--dialog-padding: var(--space-6);--dialog-elevation: var(--shadow-4);--menu-bg: var(--gray-0);--menu-border: var(--gray-150);--menu-radius: var(--radius-md);--menu-elevation: var(--shadow-3);--input-bg: var(--gray-0);--input-border: var(--gray-250);--input-border-focus: var(--green-700);--input-placeholder: var(--gray-500);--input-radius: var(--radius-md);--chip-bg: var(--gray-100);--chip-text: var(--gray-600);--chip-accent-bg: var(--green-100);--chip-accent-text: var(--green-800);--chip-radius: var(--radius-pill);--dropzone-bg: var(--green-50);--dropzone-border: var(--green-500);--dropzone-border-width: 2px;--dropzone-ink: var(--green-700);--upload-track: var(--green-100);--upload-fill: var(--green-500);--tooltip-bg: var(--gray-800);--tooltip-text: var(--gray-0);--tooltip-radius: var(--radius-sm);--toast-bg: var(--gray-800);--toast-text: var(--gray-0);--toast-radius: var(--radius-sm);--segmented-bg: var(--gray-100);--segmented-selected-bg: var(--green-100);--segmented-selected-text: var(--green-800);--segmented-text: var(--gray-600);--code-bg: var(--gray-0);--code-text: var(--gray-800);--code-gutter: var(--gray-400);--filetree-bg: var(--gray-50);--filetree-selected-bg: var(--green-100);--filetree-selected-text: var(--green-800);--btn-primary-bg: var(--green-600);--btn-primary-bg-hover: var(--green-700);--btn-primary-bg-pressed: var(--green-800);--btn-primary-text: var(--gray-0);--btn-outline-border: var(--gray-250);--btn-outline-border-hover: var(--green-700);--btn-outline-text: var(--green-700);--btn-outline-bg-hover: var(--green-50);--btn-tonal-bg: var(--green-100);--btn-tonal-bg-hover: var(--green-200);--btn-tonal-text: var(--green-800);--btn-danger-bg: var(--red-500);--btn-danger-bg-hover: var(--red-600);--btn-danger-text: var(--gray-0);--btn-radius: var(--radius-pill);--switch-track-off: var(--gray-300);--switch-track-on: var(--green-500);--switch-thumb: var(--gray-0);--color-avatar-1: #a98a56;--color-avatar-2: #6b8f71;--color-avatar-3: #a3707f;--color-avatar-4: #6f8296;--avatar-ring: var(--gray-0);--thumb-bg: var(--gray-50);--thumb-block: var(--gray-150);--thumb-block-alt: var(--gray-200);--thumb-line: var(--gray-200);--thumb-code-size: 5px;--thumb-code-leading: 1.6;--thumb-code-ink: var(--gray-600);--thumb-snapshot-scale: .25;--thumb-accent: var(--green-100);--thumb-accent-faint: var(--green-50);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", "Courier New", monospace;--text-2xs: var(--size-11);--text-xs: var(--size-12);--text-sm: var(--size-13);--text-base: var(--size-14);--text-md: var(--size-15);--text-lg: var(--size-16);--text-xl: var(--size-18);--text-2xl: var(--size-22);--text-3xl: var(--size-32);--text-display: var(--size-48);--text-display-lg: var(--size-56);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--leading-none: 1.1;--leading-tight: 1.25;--leading-normal: 1.5;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .01em;--tracking-caps: .08em;--text-role-micro-label: var(--weight-semibold) var(--size-11) / var(--leading-tight) var(--font-ui);--text-role-title: var(--weight-medium) var(--size-18) / var(--leading-tight) var(--font-ui);--text-role-section: var(--weight-regular) var(--size-16) / var(--leading-tight) var(--font-ui);--text-role-heading: var(--weight-regular) var(--size-22) / var(--leading-tight) var(--font-ui);--text-role-body: var(--weight-regular) var(--size-14) / var(--leading-normal) var(--font-ui);--text-role-card-name: var(--weight-medium) var(--size-14) / var(--leading-tight) var(--font-ui);--text-role-meta: var(--weight-regular) var(--size-13) / var(--leading-normal) var(--font-ui);--text-role-display: var(--weight-medium) var(--size-56) / var(--leading-none) var(--font-ui);--text-role-code: var(--weight-regular) var(--size-13) / 1.7 var(--font-mono);--section-gap: var(--space-6);--grid-gap: var(--space-4);--control-pad-x: var(--space-6);--control-pad-y: var(--space-2);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-dialog: var(--radius-xl);--radius-chip: var(--radius-pill);--radius-button: var(--radius-pill);--motion-fast: var(--duration-fast);--motion-base: var(--duration-base);--motion-slow: var(--duration-slow);--motion-ease: var(--ease-standard);--transition-hover: background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);--height-button: var(--space-10);--height-button-sm: var(--space-8);--height-input: var(--space-12);--height-searchbar: var(--space-12);--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--topbar-height: 64px;--search-max-width: 720px;--content-max-width: 1200px;--card-width: 210px;--card-thumb-height: 200px;--card-thumb-aspect: 17 / 20;--new-card-width: 170px;--new-card-height: 225px;--rail-width: 232px;--dialog-width: 640px;--viewport-max-width: 960px;--viewport-min-height: 640px;--viewport-grid-cell: var(--space-6);--z-base: 0;--z-sticky-row: 9;--z-sticky: 10;--z-menu: 30;--z-dialog: 50;--z-overlay: 60;--z-toast: 70}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}html,body{overscroll-behavior:none}body{background:var(--color-bg-page);color:var(--color-ink);font:var(--text-role-body)}body,button,input{-webkit-font-smoothing:antialiased}button{font:var(--text-role-body);color:var(--color-ink);background:none;border:none;padding:0;cursor:pointer}input{font-family:var(--font-ui)}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}h1,h2,h3,h4,p,ul{margin:0;padding:0}ul{list-style:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--height-button);height:var(--height-button);border-radius:var(--radius-button);color:var(--color-ink-secondary);transition:var(--transition-hover)}.icon-button:hover{background:var(--color-hover)}.icon-button:active{background:var(--color-active)}.icon-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.icon-button-sm{width:var(--height-button-sm);height:var(--height-button-sm)}.icon-button-current,.icon-button-current:hover{background:var(--color-accent-tint);color:var(--color-accent-ink-strong)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-circle);color:var(--color-ink-inverse);font-weight:var(--weight-medium);-webkit-user-select:none;user-select:none;flex:none}.avatar-image{object-fit:cover;background:var(--color-surface);box-shadow:inset 0 0 0 var(--hairline-width) var(--color-border-mid)}.avatar-hue-1{background:var(--color-avatar-1)}.avatar-hue-2{background:var(--color-avatar-2)}.avatar-hue-3{background:var(--color-avatar-3)}.avatar-hue-4{background:var(--color-avatar-4)}.avatar-button{display:inline-flex;border-radius:var(--radius-button);padding:var(--space-1);transition:var(--transition-hover)}.avatar-button:hover{background:var(--color-hover)}.button{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--height-button);padding:0 var(--control-pad-x);border-radius:var(--btn-radius);font:var(--text-role-card-name);transition:var(--transition-hover)}.button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.button-solid{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.button-solid:hover{background:var(--btn-primary-bg-hover);box-shadow:var(--btn-elevation-hover)}.button-solid:active{background:var(--btn-primary-bg-pressed)}.button-outline{border:var(--hairline-width) solid var(--btn-outline-border);color:var(--btn-outline-text);background:var(--color-surface)}.button-outline:hover{background:var(--btn-outline-bg-hover);border-color:var(--btn-outline-border-hover)}.button-danger{background:var(--btn-danger-bg);color:var(--btn-danger-text)}.button-danger:hover{background:var(--btn-danger-bg-hover)}.dropdown{position:relative;display:inline-flex}.dropdown-trigger{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--height-button-sm);padding:0 var(--space-2) 0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--color-ink-secondary);transition:var(--transition-hover)}.dropdown-trigger:hover{background:var(--color-hover)}.dropdown-trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dropdown-outline{border:var(--hairline-width) solid var(--btn-outline-border)}.dropdown-menu{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:var(--z-menu);min-width:200px;padding:0;background:var(--menu-bg);border-radius:var(--menu-radius);border:var(--hairline-width) solid var(--menu-border);box-shadow:var(--menu-elevation)}.dropdown-menu-right{left:auto;right:0}.dropdown-menu>:first-child{border-top-left-radius:calc(var(--menu-radius) - var(--hairline-width));border-top-right-radius:calc(var(--menu-radius) - var(--hairline-width))}.dropdown-menu>:last-child{border-bottom-left-radius:calc(var(--menu-radius) - var(--hairline-width));border-bottom-right-radius:calc(var(--menu-radius) - var(--hairline-width))}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);text-align:left;font-size:var(--text-base);color:var(--color-ink);transition:var(--transition-hover)}.dropdown-item:hover{background:var(--color-accent-tint)}.dropdown-item-danger,.dropdown-item-danger .dropdown-item-text{color:var(--color-danger)}.dropdown-item-danger:hover{background:var(--color-danger-tint)}.dropdown-check{width:var(--space-5);display:inline-flex;justify-content:center;color:var(--color-accent-ink);flex:none}.dropdown-item-text{display:flex;flex-direction:column}.chip{display:inline-flex;align-items:center;height:var(--space-6);padding:0 var(--space-3);border-radius:var(--chip-radius);font:var(--text-role-meta);font-weight:var(--weight-medium)}.chip-green{background:var(--chip-accent-bg);color:var(--chip-accent-text)}.chip-live{background:var(--color-surface);border:var(--hairline-width) solid var(--color-border);color:var(--color-accent-ink)}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-4);height:var(--topbar-height);padding:0 var(--space-4);background:var(--color-bg-page)}.topbar-left{display:flex;align-items:center;gap:var(--space-1);min-width:200px}.brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}@media (max-width: 620px){.topbar-left{min-width:0}.brand-wordmark{display:none}}.brand-wordmark{font:var(--text-role-heading);color:var(--color-ink-secondary);letter-spacing:var(--tracking-wide)}.topbar-search{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);max-width:var(--search-max-width);height:var(--height-searchbar);padding:0 var(--space-4);background:var(--color-search-fill);border-radius:var(--radius-pill);color:var(--color-ink-secondary);transition:var(--transition-hover)}.topbar-search:focus-within{background:var(--color-surface);box-shadow:var(--searchbar-elevation-focus)}.topbar-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:var(--text-lg);color:var(--color-ink)}.topbar-search input::placeholder{color:var(--input-placeholder)}.topbar-middle{flex:1;min-width:0;display:flex;justify-content:center}.topbar-right{display:flex;align-items:center;gap:var(--space-2);min-width:120px;margin-left:auto;justify-content:flex-end}.content-width{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-6)}.new-band{background:var(--color-bg-band);padding:var(--space-6) 0 var(--section-gap)}.section-title{font:var(--text-role-section);color:var(--color-ink);letter-spacing:var(--tracking-wide)}.new-band .section-title{display:flex;align-items:center;min-height:calc(var(--height-button) + 2 * var(--space-2));padding:var(--space-2) 0;margin-bottom:var(--space-2)}.new-row{display:flex;flex-wrap:wrap;gap:var(--section-gap)}.new-card-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.new-card{width:var(--new-card-width);height:var(--new-card-height);display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:var(--hairline-width) solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-elevation-rest);transition:var(--transition-hover)}.new-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-elevation-hover)}.new-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.new-card-label{font:var(--text-role-card-name);color:var(--color-ink)}.new-card-glyph{display:grid;place-items:center;color:var(--color-accent)}.small-dialog{width:420px;max-width:100%;background:var(--dialog-bg);border-radius:var(--dialog-radius);box-shadow:var(--dialog-elevation);padding:var(--dialog-padding);display:flex;flex-direction:column;gap:var(--space-4);animation:dialog-in var(--motion-base) var(--motion-ease)}.small-dialog-title{font:var(--text-role-section);font-weight:var(--weight-medium);color:var(--color-ink)}.small-dialog-sub{font-size:var(--text-sm);color:var(--color-ink-secondary)}.dialog-input{width:100%;height:var(--height-input);padding:0 var(--space-4);font-size:var(--text-md);font-family:var(--font-ui);color:var(--color-ink);background:var(--input-bg);border:var(--hairline-width) solid var(--input-border);border-radius:var(--radius-input);outline:none;transition:var(--transition-hover)}.dialog-input::placeholder{color:var(--input-placeholder)}.dialog-input:focus{border-color:var(--input-border-focus);box-shadow:var(--focus-ring)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.close-dialog{width:480px;max-width:100%}.close-consequences{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-5);font-size:var(--text-sm);color:var(--color-ink);list-style:disc}.dialog-error{font-size:var(--text-sm);color:var(--color-danger)}.template-list{display:flex;flex-direction:column;gap:var(--space-2)}.template-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--input-bg);border:var(--hairline-width) solid var(--input-border);border-radius:var(--radius-input);cursor:pointer;text-align:left;transition:var(--transition-hover)}.template-row:hover:not(:disabled){border-color:var(--input-border-focus)}.template-row:disabled{cursor:default;opacity:.6}.template-row-name{font:var(--text-role-card-name);color:var(--color-ink)}.template-row-tagline{font-size:var(--text-sm);color:var(--color-ink-secondary)}.recent{padding-top:var(--section-gap);padding-bottom:var(--space-16)}.recent-head{position:sticky;top:var(--topbar-height);z-index:var(--z-sticky-row);display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-page);padding:var(--space-2) 0;margin-bottom:var(--space-2)}.recent-head:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:100vw;background:var(--color-bg-page);z-index:-1}.recent-head:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:100vw;height:var(--hairline-width);background:var(--color-border-hairline);opacity:0;transition:opacity var(--motion-fast) var(--motion-ease)}.recent-head.is-stuck:after{opacity:1;box-shadow:var(--sticky-divider-elevation)}.recent-controls{display:flex;align-items:center;gap:var(--space-3)}.recent-controls .dropdown-trigger{height:var(--height-button);border-radius:var(--radius-pill);padding:0 var(--space-3) 0 var(--space-4)}.recent-controls .icon-button{color:var(--color-ink-tertiary)}.recent-controls .icon-button:hover{color:var(--color-ink)}.recent-controls .icon-button-current,.recent-controls .icon-button-current:hover{background:var(--color-accent-tint);color:var(--color-accent-ink-strong)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-width),1fr));gap:var(--grid-gap)}.app-card{position:relative;display:flex;flex-direction:column;background:var(--card-bg);border:var(--hairline-width) solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-elevation-rest);overflow:hidden;cursor:pointer;transition:var(--transition-hover)}.app-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-elevation-hover)}.app-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-card-droptarget{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.card-star{position:absolute;top:var(--space-2);right:var(--space-2);display:grid;place-items:center;width:var(--space-7);height:var(--space-7);border-radius:var(--radius-circle);background:var(--color-surface);border:var(--hairline-width) solid var(--color-border-hairline);color:var(--color-ink-secondary);opacity:0;transition:var(--transition-hover),opacity var(--motion-fast) var(--motion-ease)}.app-card:hover .card-star,.card-star:focus-visible{opacity:1}.card-star:hover{color:var(--color-ink);box-shadow:var(--btn-elevation-hover)}.card-star:focus-visible{outline:none;box-shadow:var(--focus-ring)}.card-star-on{opacity:1;color:var(--color-accent-ink);border-color:var(--color-accent-tint-strong)}.card-star-on:hover{color:var(--color-accent-ink-strong)}.app-card-uploading{cursor:default}.thumb{height:var(--card-thumb-height);background:var(--thumb-bg);border-bottom:var(--hairline-width) solid var(--color-border-hairline);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.thumb-bar{height:var(--space-3);border-radius:var(--radius-pill);background:var(--thumb-accent);width:60%}.thumb-body{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.thumb-block{border-radius:var(--radius-sm);background:var(--thumb-block)}.thumb-block-a{height:44%}.thumb-block-b{height:20%;background:var(--thumb-accent)}.thumb-line{height:var(--space-2);border-radius:var(--radius-pill);background:var(--thumb-line)}.thumb-line-short{width:55%}.thumb-variant-1 .thumb-bar{width:40%}.thumb-variant-1 .thumb-block-a{height:30%}.thumb-variant-2 .thumb-bar{background:var(--thumb-block-alt);width:72%}.thumb-variant-2 .thumb-block-b{background:var(--thumb-block)}.thumb-variant-3 .thumb-block-a{background:var(--thumb-accent-faint)}.thumb-variant-3 .thumb-bar{width:52%}.app-card-info{padding:var(--space-3) var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.create-card{width:100%;text-align:left;font:inherit;color:inherit}.create-card-thumb{align-items:center;justify-content:center;color:var(--color-accent)}.empty-agent-link{display:inline-block;margin-top:var(--space-5)}.app-card-nameline{display:flex;align-items:center;gap:var(--space-2);min-width:0}.app-card-name{font:var(--text-role-card-name);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-card-flag{flex:none;padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-warning-tint);color:var(--color-warning);font:var(--weight-medium) var(--size-11) / var(--leading-tight) var(--font-ui);white-space:nowrap}.app-card-flag-error{background:var(--color-danger-tint);color:var(--color-danger);cursor:pointer;transition:var(--transition-hover)}.app-card-flag-error:focus-visible{outline:none;box-shadow:var(--focus-ring)}.card-failure-panel{position:fixed;z-index:var(--z-menu);width:260px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-input);background:var(--menu-bg);border:var(--hairline-width) solid var(--menu-border);box-shadow:var(--menu-elevation);cursor:default}.card-failure-text{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-ink)}.app-card-rename{font:var(--text-role-card-name);color:var(--color-ink);background:var(--input-bg);border:var(--hairline-width) solid var(--input-border-focus);border-radius:var(--radius-sm);padding:var(--space-05) var(--space-1);width:100%;outline:none}.card-menu{position:fixed;top:auto;left:auto;right:auto;bottom:auto;min-width:200px;z-index:var(--z-menu)}.card-menu .dropdown-item{gap:var(--space-3);padding:var(--space-2) var(--space-3)}.card-menu-toggle-row{justify-content:space-between}.card-menu-toggle-row .dropdown-item-text{flex:1}.switch{display:inline-flex;align-items:center;flex:none;width:var(--space-7);height:var(--space-4);padding:var(--space-05);border-radius:var(--radius-pill);background:var(--switch-track-off);transition:var(--transition-hover)}.switch-on{background:var(--switch-track-on)}.switch-thumb{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-circle);background:var(--switch-thumb);transition:transform var(--motion-fast) var(--motion-ease)}.switch-on .switch-thumb{transform:translate(var(--space-3))}.app-card-meta{display:flex;align-items:center;gap:var(--space-2);color:var(--color-ink-tertiary);font:var(--text-role-meta)}.app-card-shared{display:inline-flex;color:var(--color-ink-tertiary)}.app-card-date{flex:1}.app-card-kebab{display:inline-flex}.card-note{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);line-height:var(--leading-normal);text-align:left;border-top:var(--hairline-width) solid var(--color-border-hairline);transition:var(--transition-hover)}.card-note-error{background:var(--color-danger-tint);color:var(--color-danger)}.booting{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--color-ink-tertiary)}.booting-label{font-size:var(--text-sm);color:var(--color-ink-secondary)}.empty-note{padding:var(--space-8) 0;color:var(--color-ink-tertiary);text-align:center}.empty-note-link{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-ink-secondary);text-decoration:none}.editor-header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--color-bg-page)}.editor-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--hairline-width);background:var(--color-border-hairline);opacity:0;transition:opacity var(--motion-fast) var(--motion-ease)}.editor-header.is-stuck:after{opacity:1;box-shadow:var(--sticky-divider-elevation)}.editor-header-left{display:flex;align-items:center;gap:var(--space-2)}.editor-logo{display:inline-flex;padding:var(--space-2);border-radius:var(--radius-sm);transition:var(--transition-hover)}.editor-logo:hover{background:var(--color-hover)}.editor-title-row{display:flex;align-items:center;gap:var(--space-1)}.editor-title{border:var(--hairline-width) solid transparent;border-radius:var(--radius-sm);background:transparent;font:var(--text-role-title);color:var(--color-ink);padding:var(--space-1) var(--space-2);min-width:var(--space-16);transition:var(--transition-hover)}.editor-title:hover{border-color:var(--color-border-strong)}.editor-title:focus{outline:none;border-color:var(--input-border-focus)}.saved-icon{color:var(--color-ink-tertiary)}.editor-header-right{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-1)}.share-split{display:inline-flex;border-radius:var(--btn-radius);overflow:hidden}.share-button{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--height-button);padding:0 var(--space-4) 0 var(--space-5);background:var(--btn-tonal-bg);color:var(--btn-tonal-text);font:var(--text-role-card-name);transition:var(--transition-hover)}.share-button:hover{background:var(--btn-tonal-bg-hover)}.share-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.share-button-caret{padding:0 var(--space-3);border-left:var(--hairline-width) solid var(--btn-tonal-bg-hover)}.openin{position:relative;display:inline-flex}.openin-split{display:inline-flex;border:var(--hairline-width) solid var(--btn-outline-border);border-radius:var(--btn-radius);overflow:hidden;background:var(--color-surface)}.openin-button{display:inline-flex;align-items:center;gap:var(--space-2);height:calc(var(--height-button) - 2 * var(--hairline-width));padding:0 var(--space-4);color:var(--color-ink);font:var(--text-role-card-name);transition:var(--transition-hover)}.openin-button:hover{background:var(--color-hover)}.openin-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.openin-caret{justify-content:center;width:var(--space-8);padding:0;border-left:var(--hairline-width) solid var(--color-border-hairline)}.openin-menu{top:calc(100% + var(--space-1));left:auto;right:0;min-width:220px}.openin-menu .dropdown-item{gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--color-ink)}.openin-menu .dropdown-item-text{flex:1}.openin-copy-glyph{display:inline-flex;color:var(--color-ink-tertiary)}.tab-row{display:flex;justify-content:center;padding:var(--space-1) var(--space-4) var(--space-2);background:var(--color-bg-page)}.segmented{display:inline-flex;padding:var(--space-05);background:var(--segmented-bg);border-radius:var(--radius-pill)}.segment{display:inline-flex;align-items:center;height:var(--height-button-sm);padding:0 var(--space-6);border-radius:var(--radius-pill);font:var(--text-role-card-name);color:var(--segmented-text);transition:var(--transition-hover)}.segment:hover{color:var(--color-ink)}.segment:focus-visible{outline:none;box-shadow:var(--focus-ring)}.segment-selected{background:var(--segmented-selected-bg);color:var(--segmented-selected-text)}.toast{position:fixed;left:var(--space-6);bottom:var(--space-6);z-index:var(--z-toast);padding:var(--space-3) var(--space-5);background:var(--toast-bg);color:var(--toast-text);border-radius:var(--toast-radius);box-shadow:var(--menu-elevation);font:var(--text-role-body);animation:toast-in var(--motion-base) var(--motion-ease)}@keyframes toast-in{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.app-body{display:flex;gap:var(--grid-gap);padding:var(--space-2) var(--space-4) var(--space-8);align-items:flex-start}.rail-versions,.rail-people{display:flex;flex-direction:column;gap:var(--space-1)}.rail-version{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-05);width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-ink-secondary);text-align:left;transition:var(--transition-hover)}.rail-version:hover{background:var(--color-hover)}.rail-version:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rail-version-main{display:flex;align-items:center;justify-content:space-between}.rail-version-current{background:var(--color-accent-tint);color:var(--color-accent-ink-strong);font-weight:var(--weight-medium)}.rail-version-current:hover{background:var(--color-accent-tint)}.rail-version-date{font-size:var(--text-xs);color:var(--color-ink-tertiary)}.rail-version-author{font-size:var(--text-xs);color:var(--color-ink-tertiary);font-weight:var(--weight-regular)}.rail-version-current .rail-version-date,.rail-version-current .rail-version-author{color:var(--color-accent-ink)}.rail-person{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-ink-secondary);text-align:left;transition:var(--transition-hover)}.rail-person:hover{background:var(--color-hover)}.services-rows{display:flex;flex-direction:column;gap:var(--space-3)}.service-row{display:flex;align-items:flex-start;gap:var(--space-3)}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);border-radius:var(--radius-circle);background:var(--color-accent-tint-faint);color:var(--color-accent-ink);flex:none}.service-meta{display:flex;flex-direction:column;min-width:0}.service-name{font:var(--text-role-micro-label);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-ink-tertiary)}.service-stat{font-size:var(--text-sm);color:var(--color-ink);margin-top:var(--space-05)}.service-link{font-size:var(--text-xs);color:var(--color-link);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewport-area{flex:1;display:flex;justify-content:center;padding:var(--space-2) var(--space-4) 0}.viewport-column{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.preview-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;max-width:var(--viewport-max-width);padding:var(--space-2) var(--space-4);background:var(--color-accent-tint);color:var(--color-accent-ink-strong);border-radius:var(--radius-card)}.preview-banner-text{font:var(--text-role-card-name)}.preview-banner-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.button-sm{height:var(--height-button-sm);padding:0 var(--space-4);font-size:var(--text-sm)}.server-advisory{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);width:100%;max-width:var(--viewport-max-width);padding:var(--space-3) var(--space-4);background:var(--color-warning-tint);color:var(--color-ink);border-radius:var(--radius-card)}.server-advisory-title{font:var(--text-role-card-name)}.server-advisory-body{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-ink-secondary)}.server-advisory-reasons{margin-top:var(--space-1);padding-left:var(--space-4);font-size:var(--text-sm);color:var(--color-ink-secondary)}.server-advisory .button{flex:none}.app-viewport-wrap{position:relative;width:100%;max-width:var(--viewport-max-width)}.app-viewport{position:relative;width:100%;min-height:var(--viewport-min-height);background:var(--color-surface);border:var(--hairline-width) solid var(--color-border-hairline);border-radius:var(--radius-card);box-shadow:var(--viewport-elevation);display:flex;align-items:center;justify-content:center}.viewport-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-8)}.viewport-empty-title{font:var(--text-role-title);color:var(--color-ink);margin-top:var(--space-2)}.viewport-empty-sub{font-size:var(--text-md);color:var(--color-ink-tertiary);max-width:360px}.code-browser{display:flex;width:100%;max-width:var(--viewport-max-width);min-height:var(--viewport-min-height);background:var(--code-bg);border:var(--hairline-width) solid var(--color-border-hairline);border-radius:var(--radius-card);box-shadow:var(--viewport-elevation);overflow:hidden}.file-tree{width:var(--rail-width);flex:none;padding:var(--space-3);background:var(--filetree-bg);border-right:var(--hairline-width) solid var(--color-border-hairline);display:flex;flex-direction:column;gap:var(--space-05)}.file-tree-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font:var(--text-role-code);color:var(--color-ink-secondary);text-align:left;transition:var(--transition-hover)}.file-tree-item:hover{background:var(--color-hover)}.file-tree-item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.file-tree-item-selected{background:var(--filetree-selected-bg);color:var(--filetree-selected-text)}.file-tree-item-selected:hover{background:var(--filetree-selected-bg)}.code-pane{flex:1;display:flex;flex-direction:column;min-width:0}.code-pane-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:var(--hairline-width) solid var(--color-border-hairline)}.code-pane-path{font:var(--text-role-code);color:var(--color-ink-secondary)}.code-lines{flex:1;overflow:auto;padding:var(--space-3) 0}.code-line{display:flex;font:var(--text-role-code);color:var(--code-text)}.code-line-found{background:var(--color-accent-tint)}.code-line-no{flex:none;width:var(--space-12);padding-right:var(--space-3);text-align:right;color:var(--code-gutter);-webkit-user-select:none;user-select:none}.code-line-text{white-space:pre;padding-right:var(--space-4)}.not-found{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-16);color:var(--color-ink-secondary)}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:var(--color-scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-8);pointer-events:none;animation:scrim-in var(--motion-fast) var(--motion-ease)}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--dropzone-bg);border:var(--dropzone-border-width) dashed var(--dropzone-border);border-radius:var(--radius-dialog);color:var(--dropzone-ink);padding:var(--space-16) var(--space-20);text-align:center}.drop-zone-title{font:var(--text-role-heading);color:var(--color-ink)}.drop-zone-sub{font:var(--text-role-meta);color:var(--color-ink-secondary)}.frame-shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-overlay) - 1);pointer-events:auto;background:transparent}.frame-shield-grabbing{cursor:grabbing}.frame-drag-catcher{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent}.drop-overlay-scoped{position:absolute;top:0;right:0;bottom:0;left:0;background:none;padding:0}.drop-overlay-scoped .drop-zone{width:100%;height:100%;border-radius:var(--radius-card);padding:var(--space-8)}.thumb-uploading{align-items:center;justify-content:center}.thumb-code{display:block;padding:var(--space-3);overflow:hidden;background:var(--color-surface)}.thumb-code-text{margin:0;font-family:var(--font-mono);font-size:var(--thumb-code-size);line-height:var(--thumb-code-leading);color:var(--thumb-code-ink);white-space:pre-wrap;word-break:break-all}.thumb-snapshot{position:relative;padding:0;overflow:hidden;background:var(--color-surface)}.thumb-frame{width:calc(100% / var(--thumb-snapshot-scale));height:calc(100% / var(--thumb-snapshot-scale));border:none;transform:scale(var(--thumb-snapshot-scale));transform-origin:top left;pointer-events:none;background:var(--color-surface)}.upload-progress{width:70%;height:var(--space-2);border-radius:var(--radius-pill);background:var(--upload-track);overflow:hidden}.upload-progress-fill{height:100%;width:100%;border-radius:var(--radius-pill);background:var(--upload-fill);transform-origin:left;transform:scaleX(0);transition:transform var(--duration-fast) linear}.upload-progress-waiting{background-image:linear-gradient(90deg,transparent 0%,var(--upload-fill) 50%,transparent 100%);background-size:40% 100%;background-repeat:no-repeat;animation:upload-cycle 1.1s var(--motion-ease) infinite}.upload-progress-waiting .upload-progress-fill{transform:scaleX(0);transition:none}@keyframes upload-cycle{0%{background-position:-40% 0}to{background-position:140% 0}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-dialog);background:var(--color-scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:scrim-in var(--motion-base) var(--motion-ease)}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.share-dialog{width:var(--dialog-width);max-width:100%;background:var(--dialog-bg);border-radius:var(--dialog-radius);box-shadow:var(--dialog-elevation);padding:var(--dialog-padding);display:flex;flex-direction:column;gap:var(--space-5);animation:dialog-in var(--motion-base) var(--motion-ease)}@keyframes dialog-in{0%{opacity:0;transform:translateY(calc(-1 * var(--space-2)))}to{opacity:1;transform:translateY(0)}}.share-head{display:flex;align-items:center;justify-content:space-between}.share-title{font:var(--text-role-heading);color:var(--color-ink)}.chip-field-row{display:flex;align-items:center;gap:var(--space-2)}.chip-field{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);min-height:var(--height-input);padding:var(--space-1) var(--space-3);background:var(--input-bg);border:var(--hairline-width) solid var(--input-border);border-radius:var(--radius-input);cursor:text;transition:var(--transition-hover)}.chip-field:focus-within{border-color:var(--input-border-focus);box-shadow:var(--focus-ring)}.chip-field input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font-family:var(--font-ui);font-size:var(--text-md);color:var(--color-ink);padding:var(--space-1) 0}.chip-field input::placeholder{color:var(--input-placeholder)}.chip-field input:-webkit-autofill,.chip-field input:-webkit-autofill:hover,.chip-field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset;box-shadow:0 0 0 1000px var(--input-bg) inset;-webkit-text-fill-color:var(--color-ink);caret-color:var(--color-ink)}.share-chip{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--space-8);padding:0 var(--space-1) 0 var(--space-1);background:var(--chip-bg);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-ink)}.share-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-circle);color:var(--color-ink-secondary);transition:var(--transition-hover)}.share-chip-remove:hover{background:var(--color-hover);color:var(--color-ink)}.share-head-back{display:flex;align-items:center;gap:var(--space-2)}.invite-message{width:100%;min-height:var(--space-20);padding:var(--space-3) var(--space-4);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-ink);background:var(--input-bg);border:var(--hairline-width) solid var(--input-border);border-radius:var(--radius-input);outline:none;resize:vertical;transition:var(--transition-hover)}.invite-message:focus{border-color:var(--input-border-focus);box-shadow:var(--focus-ring)}.invite-message::placeholder{color:var(--input-placeholder)}.share-footer-actions{display:flex;align-items:center;gap:var(--space-2)}.share-section{display:flex;flex-direction:column;gap:var(--space-2)}.share-section-title{font:var(--text-role-section);font-weight:var(--weight-medium);color:var(--color-ink)}.share-people{display:flex;flex-direction:column}.share-person{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm)}.share-person:hover{background:var(--color-hover)}.share-person-meta{display:flex;flex-direction:column;flex:1;min-width:0}.share-person-role{flex:none;display:flex;align-items:center}.share-person-name{font:var(--text-role-card-name);color:var(--color-ink)}.share-person-email{font-size:var(--text-sm);color:var(--color-ink-tertiary)}.share-person-email-only{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--text-role-card-name);color:var(--color-ink)}.share-owner-label{font-size:var(--text-base);color:var(--color-ink-tertiary);padding-right:var(--space-2)}.share-access-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1)}.access-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--height-button);height:var(--height-button);border-radius:var(--radius-circle);background:var(--color-bg-sunken);color:var(--color-ink-secondary);flex:none}.access-icon-open{background:var(--color-accent-tint);color:var(--color-accent-ink)}.share-access-meta{display:flex;flex-direction:column;gap:var(--space-1)}.share-access-meta .dropdown-trigger{color:var(--color-ink);font-weight:var(--weight-medium);margin-left:calc(-1 * var(--space-3))}.share-access-desc{font-size:var(--text-sm);color:var(--color-ink-tertiary)}.share-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-2)}.app-frame{display:block;width:100%;height:var(--viewport-min-height);border:0;border-radius:var(--radius-card);background:var(--color-surface)}.home{min-height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-page)}.login-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:400px;padding:var(--space-10) var(--space-8);background:var(--color-surface);border:var(--hairline-width) solid var(--color-border-hairline);border-radius:var(--radius-card);box-shadow:var(--card-elevation-hover);text-align:center}.login-legal{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-1);font-size:var(--text-xs)}.login-legal-link{color:var(--color-ink-secondary)}.login-legal-link:hover{color:var(--color-ink)}.login-legal-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.login-legal-dot{color:var(--color-ink-tertiary)}.auth-title{font:var(--text-role-heading);color:var(--color-ink);margin-top:var(--space-2)}.auth-subtitle{font-size:var(--text-base);color:var(--color-ink-secondary);margin-bottom:var(--space-4)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4);width:100%;text-align:left}.auth-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-field label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-secondary)}.auth-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.auth-field-error{font-size:var(--text-sm);color:var(--color-danger)}.auth-field-hint{font-size:var(--text-sm);color:var(--color-ink-secondary)}.auth-remember-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.auth-remember{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-remember:hover{color:var(--color-ink)}.auth-remember input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.auth-remember-box{display:grid;place-items:center;width:var(--space-4);height:var(--space-4);border:var(--hairline-width) solid var(--color-border-strong);border-radius:var(--space-1);background:var(--input-bg);color:var(--color-on-accent);transition:var(--transition-hover)}.auth-remember-box svg{opacity:0;transition:opacity var(--motion-fast) var(--motion-ease)}.auth-remember input:checked+.auth-remember-box{background:var(--color-accent);border-color:var(--color-accent)}.auth-remember input:checked+.auth-remember-box svg{opacity:1}.auth-remember input:focus-visible+.auth-remember-box{box-shadow:var(--focus-ring)}.auth-inline-link{font-size:var(--text-sm);color:var(--color-link);transition:var(--transition-hover)}.auth-inline-link:hover{color:var(--color-link-hover)}.auth-inline-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.auth-alt{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-ink-secondary)}.auth-dev{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-ink-tertiary)}.auth-dev .auth-inline-link{font-size:var(--text-xs);color:var(--color-ink-tertiary)}.auth-dev .auth-inline-link:hover{color:var(--color-ink)}.login-submit{width:100%;justify-content:center}.auth-divider{display:flex;align-items:center;gap:var(--space-3);width:100%;font-size:var(--text-xs);color:var(--color-ink-tertiary)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:var(--hairline-width) solid var(--color-border-hairline)}.login-note{font-size:var(--text-sm);color:var(--color-ink-secondary);margin:0}.login-note a{color:var(--color-link)}.login-error{font-size:var(--text-sm);color:var(--color-danger);margin:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media (max-width: 380px){.recent-head{flex-wrap:wrap;gap:var(--space-2)}.recent-controls{width:100%;justify-content:flex-start;flex-wrap:wrap}}.dots{display:inline-flex;align-items:flex-end;gap:var(--space-1);height:var(--space-3)}.dots .dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-circle);background:var(--color-ink-tertiary);animation:dot-jump 1.05s var(--motion-ease) infinite}.dots-sm .dot{width:var(--space-1);height:var(--space-1)}.dots-sm{height:var(--space-2);gap:var(--space-05)}.dots .dot:nth-child(2){animation-delay:.14s}.dots .dot:nth-child(3){animation-delay:.28s}@keyframes dot-jump{0%,70%,to{transform:translateY(0);opacity:.55}35%{transform:translateY(calc(-1 * var(--space-2)));opacity:1}}@media (prefers-reduced-motion: reduce){.dots .dot{animation:none;opacity:.55}}