.larena-lab-tabs,.larena-lab-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.larena-lab-tabs{justify-content:flex-start;margin-bottom:1rem}.larena-lab-tabs .larena-button{min-height:2.5rem;padding:.55rem .85rem}.larena-lab-tabs .larena-button[aria-current=page]{border-color:var(--sf-primary);color:var(--sf-on-primary-container,var(--larena-text));background:var(--sf-primary-container,var(--sf-surface-1))}
.larena-catalog-search{margin-bottom:1rem}.larena-catalog-search[hidden]{display:none}.larena-catalog-search-control{display:grid;grid-template-columns:minmax(16rem,1fr) minmax(10rem,auto) auto;align-items:center;gap:.5rem;max-width:50rem}.larena-catalog-search input,.larena-catalog-search select{box-sizing:border-box;width:100%;min-width:0;min-height:2.75rem;padding:.6rem .75rem;border:1px solid var(--sf-outline-variant,var(--larena-line));border-radius:.65rem;color:var(--sf-on-surface,var(--larena-text));background:var(--sf-surface-0);font:inherit}.larena-catalog-search input::placeholder{color:var(--sf-on-surface-variant,var(--larena-text))}.larena-catalog-search input:focus-visible,.larena-catalog-search select:focus-visible{outline:3px solid var(--sf-focus);outline-offset:2px;border-color:var(--sf-focus)}.larena-catalog-search [data-larena-catalog-clear][hidden]{display:none}
.larena-catalog-table-wrap{min-width:0;overflow:hidden;padding:0}.larena-catalog-table-wrap[hidden]{display:none}.larena-component-catalog-table{width:100%;margin:0;table-layout:fixed}.larena-component-catalog-table th,.larena-component-catalog-table td{padding:.75rem 1rem;border-bottom:1px solid var(--sf-outline-variant,var(--larena-line));text-align:left;vertical-align:middle}.larena-component-catalog-table th{color:var(--sf-on-surface-variant,var(--larena-text));background:var(--sf-surface-1);font-size:.75rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.larena-component-catalog-table tbody tr:last-child td{border-bottom:0}.larena-component-catalog-table [data-larena-catalog-card][hidden]{display:none}.larena-catalog-preview-column,.larena-catalog-preview-cell{width:13rem}.larena-catalog-category-column,.larena-catalog-category-cell{width:10rem}.larena-lab-preview{display:grid;align-content:center;gap:.5rem;box-sizing:border-box;min-width:0;max-width:100%;height:5.5rem;overflow:hidden;padding:.75rem;border:1px solid var(--sf-outline-variant,var(--larena-line));border-radius:.55rem;background:var(--sf-surface-1);pointer-events:none;user-select:none}.larena-lab-preview>*{max-width:100%}.larena-lab-meta{min-width:0}.larena-lab-title-row{display:grid;justify-items:start;gap:.3rem}.larena-lab-title-row strong{min-width:0;font-size:1rem;line-height:1.3}.larena-lab-title-row strong a{color:var(--sf-link,var(--larena-text));text-decoration:none}.larena-lab-title-row strong a:hover{text-decoration:underline}.larena-lab-title-row strong a:focus-visible{border-radius:.25rem;outline:3px solid var(--sf-focus);outline-offset:3px}.larena-lab-title-row code{max-width:100%;overflow-wrap:anywhere;padding:.2rem .4rem;border-radius:.35rem;color:var(--sf-on-surface-variant,var(--larena-text));background:var(--sf-surface-1);font-size:.75rem}.larena-lab-description{display:-webkit-box;min-height:2.5em;margin:.45rem 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--sf-on-surface-variant,var(--larena-text));font-size:.875rem;line-height:1.25}.larena-catalog-category-cell{overflow-wrap:anywhere;color:var(--sf-on-surface-variant,var(--larena-text));font-size:.875rem}.larena-catalog-empty{display:grid;justify-items:start;gap:.5rem;margin-top:1rem;padding:1.25rem}.larena-catalog-empty[hidden]{display:none}.larena-catalog-empty h2,.larena-catalog-empty p{margin:0}.larena-catalog-empty p{color:var(--sf-on-surface-variant,var(--larena-text))}
.larena-lab-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.larena-lab-dashboard article{display:grid;gap:.35rem;padding:1rem;border:1px solid var(--larena-line);border-radius:.75rem}.larena-lab-dashboard strong{font-size:1.75rem}.larena-lab-dashboard span{color:var(--larena-muted)}.larena-lab-media-option{text-align:left;color:inherit;cursor:pointer}.larena-lab-media-option[aria-pressed=true]{outline:3px solid var(--sf-focus);outline-offset:2px}.larena-dialog{width:min(32rem,calc(100% - 2rem));border:0;border-radius:var(--larena-radius);padding:1.5rem;color:var(--larena-text);background:var(--sf-surface-0)}.larena-dialog::backdrop{background:var(--sf-surface-transparent-overlay)}.larena-dialog:focus-visible,.larena-lab-media-option:focus-visible{outline:3px solid var(--sf-focus);outline-offset:3px}.larena-theme-contract{margin-bottom:1rem}
.larena-smart-reference{display:grid;gap:1.25rem}.larena-reference-workbench{display:grid;grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);gap:1rem;align-items:start}.larena-reference-preview-panel,.larena-reference-settings,.larena-reference-code-card,.larena-reference-contract-card,.larena-reference-manifest{min-width:0;padding:1.25rem}.larena-reference-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.larena-reference-section-heading p{margin:0 0 .25rem;color:var(--larena-muted);font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.larena-reference-section-heading h2{margin:0;font-size:1.15rem}.larena-reference-status{display:inline-flex;align-items:center;min-height:1.75rem;padding:.25rem .6rem;border:1px solid var(--larena-line);border-radius:999px;color:var(--larena-muted);font-size:.75rem;font-weight:700;white-space:nowrap}.larena-reference-preview{display:grid;min-height:17rem;place-items:center;padding:2rem;border:1px solid var(--larena-line);border-radius:calc(var(--larena-radius) - .25rem);background:var(--sf-surface-1);overflow:auto}.larena-reference-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0 0}.larena-reference-facts div{min-width:0;padding:.75rem;border:1px solid var(--larena-line);border-radius:.65rem}.larena-reference-facts dt{margin-bottom:.25rem;color:var(--larena-muted);font-size:.75rem}.larena-reference-facts dd{margin:0;overflow-wrap:anywhere}.larena-reference-form{display:grid;gap:.9rem}.larena-reference-control{display:grid;gap:.35rem}.larena-reference-control>span,.larena-reference-checkbox span{font-size:.85rem;font-weight:700}.larena-reference-control input,.larena-reference-control select{width:100%;min-height:2.75rem;padding:.55rem .7rem;border:1px solid var(--larena-line);border-radius:.55rem;color:var(--larena-text);background:var(--sf-surface-0);font:inherit}.larena-reference-checkbox{display:flex;align-items:center;gap:.6rem;min-height:2.25rem}.larena-reference-checkbox input{inline-size:1.1rem;block-size:1.1rem}.larena-reference-code-section{display:grid;gap:.25rem}.larena-reference-code-grid,.larena-reference-contract-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.larena-reference-code-card h3,.larena-reference-contract-card h2{margin:0 0 .5rem;font-size:1rem}.larena-reference-code-card p{margin:0 0 .8rem;color:var(--larena-muted)}.larena-reference-code-card pre,.larena-reference-manifest pre{max-width:100%;margin:0;overflow:auto;padding:1rem;border-radius:.65rem;background:var(--sf-surface-inverse);color:var(--sf-on-surface-inverse);font-size:.78rem;line-height:1.55}.larena-reference-table-wrap{overflow:auto}.larena-reference-contract-card table{width:100%;border-collapse:collapse;font-size:.85rem}.larena-reference-contract-card th,.larena-reference-contract-card td{padding:.65rem;border-bottom:1px solid var(--larena-line);text-align:left;vertical-align:top}.larena-reference-list{display:grid;gap:.65rem;margin:0 0 1.25rem;padding:0;list-style:none}.larena-reference-list li{display:flex;justify-content:space-between;gap:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--larena-line)}.larena-reference-list span{color:var(--larena-muted);text-align:right}.larena-reference-manifest summary{cursor:pointer;font-weight:750}.larena-reference-manifest[open] summary{margin-bottom:1rem}.larena-reference-note{margin:0;color:var(--larena-muted);font-size:.85rem}
.larena-smart-reference{--larena-reference-muted:var(--sf-on-surface-variant,var(--larena-muted));--larena-reference-focus:var(--sf-outline,var(--sf-focus))}.larena-reference-section-heading p,.larena-reference-status,.larena-reference-facts dt,.larena-reference-code-card p,.larena-reference-list span,.larena-reference-note,.larena-reference-help{color:var(--larena-reference-muted)}.larena-reference-help{margin:.15rem 0 1rem}.larena-reference-control input:focus-visible,.larena-reference-control select:focus-visible,.larena-reference-checkbox input:focus-visible{outline:3px solid var(--larena-reference-focus);outline-offset:2px;border-color:var(--larena-reference-focus)}.larena-reference-list li{display:grid;grid-template-columns:minmax(max-content,1fr) minmax(12rem,auto);align-items:start}.larena-reference-list code{white-space:nowrap}.larena-reference-list span{overflow-wrap:anywhere}.larena-reference-error{padding:.85rem 1rem;border:1px solid var(--sf-danger,var(--larena-reference-focus));border-radius:.65rem;color:var(--sf-on-danger-container,var(--larena-text));background:var(--sf-danger-container,var(--sf-surface-1));font-weight:650}
@media(max-width:900px){.larena-reference-workbench,.larena-reference-code-grid,.larena-reference-contract-grid{grid-template-columns:1fr}.larena-reference-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.larena-catalog-preview-column,.larena-catalog-preview-cell{display:none}.larena-catalog-category-column,.larena-catalog-category-cell{width:8rem}}
@media(max-width:390px){.larena-catalog-search-control{grid-template-columns:1fr;align-items:stretch}.larena-catalog-search-control .larena-button{min-height:2.75rem;justify-self:start}.larena-component-catalog-table th,.larena-component-catalog-table td{padding:.65rem .75rem}.larena-catalog-category-column,.larena-catalog-category-cell{width:6.75rem}.larena-lab-title-row code{font-size:.7rem}.larena-lab-description{font-size:.8rem}.larena-lab-dashboard{grid-template-columns:1fr}.larena-lab-tabs [data-larena-ui-runtime="larena/ui:sf_action_link"]{flex:1 1 auto}.larena-dialog{padding:1rem}}
@media(max-width:390px){.larena-reference-preview-panel,.larena-reference-settings,.larena-reference-code-card,.larena-reference-contract-card,.larena-reference-manifest{padding:1rem}.larena-reference-preview{min-height:12rem;padding:1.25rem}.larena-reference-facts{grid-template-columns:1fr}.larena-reference-section-heading{align-items:flex-start;flex-direction:column}.larena-reference-list li{grid-template-columns:1fr}.larena-reference-list code{white-space:normal}.larena-reference-list span{text-align:left}}
.larena-dataview-workbench{display:grid;gap:0;min-width:0;border:1px solid var(--larena-line);border-radius:var(--larena-radius);background:var(--sf-surface-0);overflow:hidden}.larena-dataview-workbench__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--larena-line);background:var(--sf-surface-1)}.larena-dataview-workbench__bar>div:first-child{display:grid;gap:.2rem}.larena-dataview-workbench__bar span{color:var(--larena-muted);font-size:.82rem}.larena-dataview-workbench__bar span[data-state=error]{color:var(--sf-error)}.larena-dataview-workbench__modes{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.larena-dataview-workbench__viewport{min-width:0;min-height:34rem;overflow:auto;padding:1.25rem}.larena-dataview-workbench__viewport>sf-view-table{min-width:68rem}.larena-dataview-workbench__pagination{min-width:0;overflow:auto;padding:0 1.25rem 1.25rem}.larena-dataview-workbench__pagination>sf-pagination{min-width:48rem}body:has(.larena-dataview-workbench) .larena-content{width:100%;max-width:none;margin:0;padding-inline:clamp(1rem,2vw,2rem)}body:has(.larena-dataview-workbench) .larena-page-heading{max-width:none}
@media(max-width:720px){body:has(.larena-dataview-workbench) .larena-content{padding-inline:.75rem}.larena-dataview-workbench__bar{align-items:stretch;flex-direction:column;padding:.85rem}.larena-dataview-workbench__modes .larena-button{flex:1 1 auto}.larena-dataview-workbench__viewport{min-height:28rem;padding:.75rem}.larena-dataview-workbench__pagination{padding:0 .75rem .75rem}}
