:root{color:#18181b;font-synthesis:none;--red:#c62e07;--cream:#fffdeb;--peach:#fff5e1;--ink:#1a1a1a;--muted:#71717a;--rule:#e4e4e7;--surface:#fff;--subtle:#f4f4f5;background:#fafafa;font-family:IBM Plex Sans Variable,system-ui,sans-serif}*{box-sizing:border-box}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--red);outline-offset:2px}.viewer{width:min(1440px,100% - 32px);margin:auto;padding:20px 0 48px}.viewer-header{justify-content:space-between;align-items:center;gap:20px;min-height:42px;margin-bottom:14px;display:flex}.viewer-header>div{align-items:center;gap:8px;font-size:.875rem;display:flex}.viewer-header>div>span,.viewer-header p{color:var(--muted)}.viewer-header p{margin:0;font-size:.75rem}.viewer-wordmark{color:var(--ink);font-weight:700;text-decoration:none}.coverage-badge{border:1px solid var(--rule);border-radius:999px;padding:3px 6px;font-size:.65rem}.viewer main{border:1px solid var(--rule);background:var(--surface);border-radius:9px;padding:14px}.viewer-tabbar{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.viewer-tabs{background:var(--subtle);border-radius:7px;gap:2px;width:fit-content;margin:0;padding:3px;display:flex}.viewer-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:7px 11px;font-size:.78rem}.viewer-tabs button[aria-selected=true]{color:var(--ink);background:var(--surface);box-shadow:0 1px 2px #0002}.viewer-tabs button span{color:#a1a1aa;margin-left:5px;font-size:.62rem}.viewer-tabs--admin{background:#fff5e1;flex:none;box-shadow:inset 0 0 0 1px #eadac1}.viewer-tabs--admin>span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;align-self:center;padding-left:7px;font-size:.54rem;font-weight:700}.viewer-tabs--admin button[aria-selected=true]{color:var(--red)}.component-groups{gap:12px;display:grid}.component-group{border:1px solid var(--rule);background:#fafafa;border-radius:8px;padding:10px}.component-group>header{border-bottom:1px solid var(--rule);align-items:baseline;gap:7px;margin-bottom:9px;padding-bottom:7px;display:flex}.component-group>header h2{margin:0;font-size:.82rem}.component-group>header span{border:1px solid var(--rule);min-width:1.15rem;height:1.15rem;color:var(--muted);background:#fff;border-radius:999px;place-items:center;font-size:.58rem;display:inline-grid}.component-grid,.block-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.component-search-layout{gap:12px;display:grid}.component-search{border:1px solid var(--rule);background:#fafafa;border-radius:7px;grid-template-columns:auto minmax(240px,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid;position:relative}.component-search>span{font-size:.68rem;font-weight:700}.component-search input{min-width:0;height:34px;color:var(--ink);background:#fff;border:1px solid #d4d4d8;border-radius:5px;padding:0 10px;font-size:.72rem}.component-search small{color:var(--muted);white-space:nowrap;font-size:.58rem}.component-explorer{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:12px;display:grid}.component-explorer__navigation{gap:7px;max-height:calc(100vh - 130px);padding-right:4px;display:grid;overflow:auto}.component-explorer__group{border:1px solid var(--rule);background:#fafafa;border-radius:7px;overflow:hidden}.component-explorer__group>header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.component-explorer__group h2{margin:0;font-size:.68rem}.component-explorer__group header span{color:var(--muted);font-size:.56rem}.component-explorer__group>div{padding:3px;display:grid}.entry-target{min-width:0;position:relative}.entry-target--navigation{display:block}.component-explorer__group button{min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:6px 7px;display:flex}.entry-target--navigation>button{width:100%}.component-explorer__group button:hover{background:#f0f0f1}.component-explorer__group button[aria-current=true]{color:var(--red);box-shadow:inset 0 0 0 1px var(--rule);background:#fff}.component-explorer__group button span{text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;font-weight:600;overflow:hidden}.component-explorer__group button small{color:var(--muted);flex:none;font-size:.48rem}.component-explorer__detail{border:1px solid var(--rule);background:#fff;border-radius:8px;min-width:0}.component-explorer__detail--preview-only{background:0 0;border:0;border-radius:0;overflow:hidden}.component-explorer__detail--preview-only .component-explorer__preview{padding:0}.component-explorer__heading{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:end;gap:20px;padding:12px 14px;display:flex}.component-explorer__heading>div>span{color:var(--red);text-transform:uppercase;font-size:.55rem;font-weight:700}.component-explorer__heading h2,.component-explorer__heading p{margin:0}.component-explorer__heading h2{margin-top:2px;font-size:.9rem}.component-explorer__heading p{color:var(--muted);margin-top:3px;font-size:.65rem}.component-explorer__heading>code{max-width:45%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.52rem;overflow:hidden}.component-explorer__preview{background:#ededee;min-height:260px;padding:10px;overflow:auto}.component-explorer__preview .real-story-frame{background:var(--cream)}.modal-state-gallery{background:#fff;border:1px solid #d4d4d8;border-radius:7px;min-width:0;display:grid;overflow:hidden}.modal-state-gallery__state{background:#fff;border:0;border-radius:0;min-width:0;overflow:hidden}.modal-state-gallery__heading{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.modal-state-gallery__heading>div:first-child{flex:none;gap:2px;display:grid}.modal-state-gallery__heading strong{font-size:.65rem}.modal-state-gallery__heading span{color:var(--red);text-transform:uppercase;font-size:.54rem;font-weight:700}.modal-state-gallery__toggle{border:1px solid var(--rule);background:#f4f4f5;border-radius:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.modal-state-gallery__toggle button{color:#52525b;min-height:30px;font:700 .55rem/1.2 var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:5px 9px}.modal-state-gallery__toggle button:hover{color:var(--ink);background:#fff}.modal-state-gallery__toggle button[aria-pressed=true]{color:#fff;background:var(--red);box-shadow:0 1px 2px #00000029}.modal-state-gallery__toggle button:focus-visible{outline-offset:1px;outline:2px solid #2563eb}.modal-state-gallery .real-story-frame{display:block}.component-explorer__detail>footer{border-top:1px solid var(--rule);align-items:center;gap:8px;padding:9px 12px;display:flex}.dependency-inspector{gap:6px;min-width:0;display:grid}.dependency-inspector__row{align-items:center;gap:8px;min-width:0;display:flex}.dependency-inspector__row>.dependency-label{width:92px}.dependency-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;flex:none;font-size:.55rem}.catalog-card{border:1px solid var(--rule);background:var(--surface);border-radius:8px;min-width:0;overflow:hidden}.catalog-card--wide{grid-column:1/-1}.catalog-card__preview{border-bottom:1px solid var(--rule);background:#ededee;place-items:center;min-height:300px;padding:10px;display:grid}.catalog-card__content{gap:6px;padding:10px 12px;display:grid}.catalog-card__heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.catalog-card__heading h3,.catalog-card__content p{margin:0}.catalog-card__heading h3{font-size:.8rem}.catalog-card__heading span,.catalog-card__deps code{color:var(--muted);font-size:.55rem}.catalog-card__content p{color:var(--muted);font-size:.68rem}.catalog-card__deps{flex-wrap:wrap;gap:4px;display:flex}.catalog-card__deps code,.dependency-chip{border:1px solid var(--rule);color:var(--muted);background:var(--subtle);font:inherit;border-radius:4px;padding:3px 5px;font-size:.55rem}.dependency-chip{cursor:help;align-items:center;gap:5px;display:flex}.dependency-chip small{color:#a1a1aa;text-transform:uppercase;font-size:.48rem}.entry-tooltip{z-index:50;width:min(560px,100vw - 32px);max-height:calc(100vh - 140px);color:var(--ink);text-align:left;background:#fff;border:1px solid #d4d4d8;border-radius:7px;padding:12px;font-size:.6rem;line-height:1.4;display:none;position:fixed;top:120px;right:max(16px,50vw - 704px);overflow:auto;box-shadow:0 8px 24px #0002}.entry-target:hover>.entry-tooltip,.entry-target:focus-within>.entry-tooltip{gap:5px;display:grid}.entry-tooltip__eyebrow{color:var(--red);letter-spacing:.05em;text-transform:uppercase;font-size:.5rem;font-weight:700}.entry-tooltip>strong{font-size:.7rem}.entry-tooltip__source{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:.5rem;overflow:hidden}.entry-tooltip__group{border-top:1px solid var(--rule);gap:2px;padding-top:4px;display:grid}.entry-tooltip__group b{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.49rem}.entry-tooltip__group span{color:var(--ink)}.entry-tooltip__colours{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.entry-tooltip__colours>span{border:1px solid var(--rule);border-radius:4px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:5px;padding:4px;display:grid}.entry-tooltip__colours i{border:1px solid #0002;border-radius:3px;width:18px;height:18px}.entry-tooltip__colours>span>span,.entry-tooltip__spec-list>span{min-width:0;display:grid}.entry-tooltip__colours strong,.entry-tooltip__spec-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.54rem;overflow:hidden}.entry-tooltip__colours small,.entry-tooltip__spec-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.47rem;overflow:hidden}.entry-tooltip__spec-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;display:grid}.entry-tooltip__spec-list>span{border-bottom:1px solid #f0f0f1;padding:3px 0}.entry-tooltip__token-line{flex-wrap:wrap;gap:3px;display:flex}.entry-tooltip__token-line code{border:1px solid var(--rule);color:var(--muted);background:var(--subtle);border-radius:3px;padding:2px 4px;font-size:.48rem}.catalog-card__source{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}.catalog-divider{border-bottom:1px solid var(--rule);justify-content:space-between;margin:22px 0 8px;padding-bottom:8px;display:flex}.catalog-divider h2,.catalog-divider p{margin:0}.catalog-divider h2{font-size:.85rem}.catalog-divider p{color:var(--muted);font-size:.65rem}.real-story-preview{width:100%;min-width:0}.real-story-preview__toolbar{background:#fafafa;border-bottom:1px solid #d4d4d8;justify-content:flex-end;align-items:center;gap:7px;min-height:42px;padding:5px 7px;display:flex}.real-story-preview__toolbar>div{border:1px solid var(--rule);background:var(--subtle);border-radius:5px;gap:2px;padding:2px;display:flex}.real-story-preview__toolbar button{width:28px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;padding:0;display:grid}.real-story-preview__toolbar button:hover{color:var(--ink);background:#fff}.real-story-preview__toolbar button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 2px #0002}.real-story-preview__toolbar label{min-width:0}.real-story-preview__toolbar select{width:min(280px,42vw);height:30px;color:var(--ink);background:#fff;border:1px solid #d4d4d8;border-radius:5px;padding:0 26px 0 8px;font-size:.6rem}.real-story-preview__toolbar output{min-width:74px;color:var(--muted);text-align:right;font-family:ui-monospace,monospace;font-size:.52rem}.real-story-preview__stage{width:100%;min-width:0;display:block;overflow:auto}.real-story-preview__canvas{background:var(--cream);margin-inline:auto;transition:width .18s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000012}.real-story-preview__browser-ui{z-index:2;color:#18181b;pointer-events:none;background:#fafafa;align-items:center;width:100%;font:600 10px/1 ui-monospace,monospace;display:flex;position:absolute;left:0}.real-story-preview__browser-ui--top{justify-content:space-between;height:47px;padding:0 18px;top:0}.real-story-preview__browser-ui--top i{background:#18181b;border-radius:999px;width:72px;height:18px}.real-story-preview__browser-ui--bottom{border-top:1px solid #e4e4e7;flex-direction:column;justify-content:center;gap:13px;height:85px;padding:8px 16px 5px;bottom:0}.real-story-preview__browser-ui--bottom span{color:#52525b;text-align:center;background:#e4e4e7;border-radius:999px;width:100%;padding:9px 12px}.real-story-preview__browser-ui--bottom i{background:#18181b;border-radius:999px;width:110px;height:4px}.real-story-preview__canvas--browser-ui .real-story-frame{position:absolute;top:47px;left:0}.real-story-frame{background:var(--cream);border:0;width:100%;min-width:0;display:block}.real-story-preview:not([data-device=responsive]) .real-story-frame{min-height:0}.real-story-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.pages-panel .block-grid{grid-template-columns:minmax(0,1fr)}.pages-panel .catalog-card__preview{background:var(--cream);min-height:0;padding:0;display:block}.surface-explorer{border:1px solid var(--rule);background:#fff;border-radius:8px}.surface-explorer__toolbar{border-bottom:1px solid var(--rule);background:#fafafa;grid-template-columns:minmax(250px,.75fr) minmax(280px,1fr) auto;align-items:end;gap:16px;padding:12px 14px;display:grid}.surface-explorer__toolbar label,.surface-explorer__toolbar>div{gap:4px;display:grid}.surface-explorer__toolbar label>span,.surface-explorer__toolbar>div>span{color:var(--muted);font-size:.6rem}.surface-explorer__toolbar select{width:100%;height:34px;color:var(--ink);background:#fff;border:1px solid #d4d4d8;border-radius:5px;padding:0 30px 0 9px;font-size:.72rem}.surface-explorer__toolbar strong{font-size:.82rem}.surface-explorer__toolbar code{max-width:340px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}.entry-target--surface{cursor:help;gap:4px;display:grid}.surface-explorer__dependencies{border-bottom:1px solid var(--rule);background:#fff;padding:8px 14px}.surface-explorer__preview{background:#ededee;min-height:720px;overflow:auto}.surface-explorer__preview .real-story-frame{background:var(--cream);min-height:720px}.modals-panel .surface-explorer__preview{padding:10px}.email-catalogue{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:12px;display:grid}.email-catalogue__navigation,.email-catalogue__detail{border:1px solid var(--rule);background:#fff;border-radius:8px}.email-catalogue__navigation{position:sticky;top:12px;overflow:hidden}.email-catalogue__navigation>header{border-bottom:1px solid var(--rule);background:#fafafa;justify-content:space-between;align-items:start;gap:8px;padding:10px;display:flex}.email-catalogue__navigation h2,.email-catalogue__navigation p{margin:0}.email-catalogue__navigation h2{font-size:.75rem}.email-catalogue__navigation p{color:var(--muted);margin-top:3px;font-size:.58rem;line-height:1.35}.email-catalogue__navigation>header>span{border:1px solid var(--rule);min-width:20px;height:20px;color:var(--muted);border-radius:999px;place-items:center;font-size:.55rem;display:grid}.email-catalogue__navigation>div{gap:2px;padding:4px;display:grid}.email-catalogue__navigation button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;gap:2px;padding:8px;display:grid}.email-catalogue__navigation button:hover{background:var(--subtle)}.email-catalogue__navigation button[aria-current=true]{color:var(--red);box-shadow:inset 0 0 0 1px var(--rule);background:#fff}.email-catalogue__navigation button span{font-size:.68rem;font-weight:700}.email-catalogue__navigation button small{color:var(--muted);font-size:.52rem}.email-catalogue__detail{min-width:0;overflow:hidden}.email-catalogue__detail>header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:end;gap:20px;padding:12px 14px;display:flex}.email-catalogue__detail>header span{color:var(--red);text-transform:uppercase;font-size:.55rem;font-weight:700}.email-catalogue__detail>header h2,.email-catalogue__detail>header p{margin:0}.email-catalogue__detail>header h2{margin-top:2px;font-size:.9rem}.email-catalogue__detail>header p{color:var(--muted);margin-top:3px;font-size:.65rem}.email-catalogue__detail>header code{max-width:42%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.52rem;overflow:hidden}.email-catalogue__metadata{border-bottom:1px solid var(--rule);background:#fafafa;grid-template-columns:1.4fr 1fr 1fr;margin:0;padding:9px 14px;display:grid}.email-catalogue__metadata>div{gap:2px;min-width:0;padding-right:14px;display:grid}.email-catalogue__metadata dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.5rem;font-weight:700}.email-catalogue__metadata dd{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.62rem;overflow:hidden}.email-catalogue__preview{background:#ededee;min-height:720px;padding:18px;overflow:auto}.email-catalogue__preview iframe{background:#fff;border:1px solid #d4d4d8;border-radius:6px;width:100%;min-height:680px;display:block}.registry-empty{text-align:center;background:var(--subtle);border:1px dashed #a1a1aa;border-radius:8px;padding:48px}.registry-empty p{color:var(--muted);margin:6px 0 0;font-size:.75rem}.source-coverage,.source-inventory,.brand-section{border:1px solid var(--rule);background:#fafafa;border-radius:8px;padding:12px}.source-coverage-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.source-coverage-metrics>div{border:1px solid var(--rule);background:#fff;border-radius:6px;gap:2px;padding:9px;display:grid}.source-coverage-metrics span,.source-coverage summary,.source-inventory p,.source-inventory span{color:var(--muted);font-size:.6rem}.source-coverage-list{max-height:320px;margin-top:7px;overflow:auto}.source-coverage-list>div{border-bottom:1px solid var(--rule);grid-template-columns:1fr 2fr;gap:10px;padding:4px;font-size:.55rem;display:grid}.source-inventory{margin-bottom:14px}.source-inventory>header,.brand-section>header{justify-content:space-between;align-items:end;gap:12px;display:flex}.source-inventory h2,.source-inventory p,.brand-section h2,.brand-section p{margin:0}.source-route-list,.catalog-card__deps{flex-wrap:wrap;gap:4px;display:flex}.source-route-list code{border:1px solid var(--rule);border-radius:4px;padding:3px 5px;font-size:.55rem}.branding-panel{gap:20px;display:grid}.brand-section>header{margin-bottom:9px}.brand-section h2{font-size:.82rem}.brand-section p,.brand-section header span{color:var(--muted);font-size:.65rem}.brand-colors{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.brand-color{border:1px solid var(--rule);background:#fff;border-radius:6px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.brand-color>span{border:1px solid #0002;border-radius:5px;width:34px;height:34px}.brand-color>div{display:grid}.brand-color small,.brand-color code{color:var(--muted);font-size:.58rem}.font-inventory,.typography-inventory,.foundation-scale,.motion-inventory{gap:6px;display:grid}.font-inventory>div,.typography-inventory>div,.foundation-scale>div,.motion-inventory>div{border:1px solid var(--rule);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:8px;display:grid}.font-inventory>div{grid-template-columns:220px 1fr auto}.font-inventory>div>div{display:grid}.font-inventory small,.font-inventory code,.typography-inventory code,.foundation-scale code,.motion-inventory code{color:var(--muted);font-size:.58rem}.font-inventory p{margin:0}.typography-inventory>div{grid-template-columns:110px 170px 100px 70px 1fr}.typography-inventory p{margin:0}.foundation-scale{grid-template-columns:repeat(4,1fr)}.foundation-scale>div{grid-template-columns:32px 1fr}.foundation-scale>div>span{border:1px solid var(--ink);width:28px;height:28px}.foundation-scale code{grid-column:1/-1}.motion-inventory{grid-template-columns:repeat(2,1fr)}.motion-inventory>div{grid-template-columns:24px 1fr auto auto}.motion-inventory>div>span{background:var(--red);border-radius:50%;width:18px;height:18px}.font-sample--gesco-bold,.font-sample--gesco-regular,.font-sample--gesco-light,.type-role--display,.type-role--page-title,.type-role--section-title,.type-role--card-title,.type-role--editorial-caps{font-family:HF Gesco}.font-sample--gt-mono,.type-role--utility,.type-role--metadata,.type-role--micro,.type-role--numeric-stat{font-family:GT America Mono}.font-sample--handwritten,.type-role--postcard-handwriting{font-family:Bradley Hand,Segoe Print,cursive}.image-assets-panel{gap:14px;display:grid}.asset-catalogue-heading{border:1px solid var(--rule);background:#fafafa;border-radius:8px;justify-content:space-between;align-items:end;gap:20px;padding:16px;display:flex}.asset-catalogue-heading span{color:var(--red);letter-spacing:.06em;font-size:.55rem;font-weight:700}.asset-catalogue-heading h1,.asset-catalogue-heading p{margin:0}.asset-catalogue-heading h1{margin-top:2px;font-size:1.1rem}.asset-catalogue-heading p{color:var(--muted);margin-top:4px;font-size:.68rem}.asset-catalogue-heading>strong{color:var(--muted);white-space:nowrap;font-size:.7rem}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.asset-grid--brand{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-grid--icons{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.asset-grid--avatars{grid-template-columns:repeat(auto-fill,minmax(126px,1fr))}.asset-grid--stores{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.asset-card{border:1px solid var(--rule);background:#fff;border-radius:7px;min-width:0;margin:0;overflow:hidden}.asset-card__preview{background-color:#fff;background-image:linear-gradient(45deg,#f4f4f5 25%,#0000 25%),linear-gradient(-45deg,#f4f4f5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f4f4f5 75%),linear-gradient(-45deg,#0000 75%,#f4f4f5 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-repeat:repeat;background-size:12px 12px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;place-items:center;height:150px;padding:18px;display:grid}.asset-card--brand .asset-card__preview{background:var(--red)}.asset-card--dark .asset-card__preview{background:var(--ink)}.asset-card__preview img{object-fit:contain;max-width:100%;max-height:100%;display:block}.asset-card--compact .asset-card__preview{height:104px;padding:14px}.asset-card--compact .asset-card__preview img{width:76px;height:76px}.asset-grid--avatars .asset-card__preview{height:112px}.asset-grid--avatars .asset-card__preview img{object-fit:cover;border-radius:50%;width:82px;height:82px}.asset-grid--stores .asset-card__preview img{width:52px;height:52px}.asset-card figcaption{border-top:1px solid var(--rule);gap:3px;padding:8px;display:grid}.asset-card figcaption strong{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.asset-card figcaption span{min-height:2.4em;color:var(--muted);font-size:.55rem;line-height:1.2}.asset-card figcaption code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;overflow:hidden}.asset-card__files{border-top:1px solid var(--rule);gap:4px;margin-top:3px;padding-top:6px;display:grid}.asset-card__files>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;display:grid}.asset-card__files small{border:1px solid var(--rule);color:var(--muted);text-transform:uppercase;border-radius:3px;padding:2px 4px;font-size:.43rem;font-weight:700;line-height:1}.asset-card__files small[data-role=source]{background:#fff9e8;border-color:#d9c7a0}.asset-card__files small[data-role=alias]{background:#f2f7fd;border-color:#c9d7e8}.asset-audit__list{gap:5px;display:grid}.asset-audit__list>div{border:1px solid var(--rule);background:#fff;border-radius:5px;grid-template-columns:64px minmax(180px,280px) 1fr;align-items:center;gap:8px;padding:7px;display:grid}.asset-audit__list small{color:var(--red);text-transform:uppercase;font-size:.48rem;font-weight:700}.asset-audit__list code,.asset-audit__list span{color:var(--muted);font-size:.55rem}@media (width<=760px){.viewer{width:calc(100% - 16px)}.viewer-header{flex-direction:column;align-items:flex-start}.coverage-badge{display:none}.viewer-tabbar{flex-direction:column;align-items:stretch;gap:6px}.viewer-tabs{width:100%;overflow:auto}.viewer-tabs--admin{align-self:flex-end;width:auto}.viewer-tabs button{white-space:nowrap;flex:1;padding-inline:4px}.component-grid,.block-grid,.real-story-grid,.brand-colors,.modal-state-gallery,.asset-grid--brand,.component-search,.component-explorer,.email-catalogue{grid-template-columns:1fr}.component-explorer__navigation{max-height:360px}.email-catalogue__navigation{position:static}.component-explorer__heading,.email-catalogue__detail>header,.asset-catalogue-heading{flex-direction:column;align-items:start}.component-explorer__heading>code,.email-catalogue__detail>header code{max-width:100%}.email-catalogue__metadata{grid-template-columns:1fr;gap:7px}.surface-explorer__toolbar{grid-template-columns:1fr;align-items:start}.surface-explorer__toolbar code{max-width:100%}.source-coverage-metrics,.foundation-scale{grid-template-columns:repeat(2,1fr)}.font-inventory>div,.typography-inventory>div{grid-template-columns:1fr}.catalog-card__preview{overflow-x:auto}.real-story-preview__toolbar{flex-wrap:wrap}.real-story-preview__toolbar label{order:2;width:100%}.real-story-preview__toolbar select{width:100%}.real-story-preview__toolbar output{margin-left:auto}.asset-audit__list>div,.asset-card__files>div{grid-template-columns:1fr}}