.studio-tag{--studio-tag-ink:var(
    --studio-text,var(--tool-ink,var(--ink,currentColor))
  );--studio-tag-rule:var(
    --studio-rule,var(--tool-line,color-mix(in srgb,currentColor 20%,transparent))
  );--studio-tag-surface:var(--studio-panel,transparent);display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:7px 10px;border:1px solid var(--studio-tag-rule);border-radius:6px;font:var(--studio-text-label,12px)/var(--studio-line-ui,1.4) var(--studio-font-ui,var(--font-body));color:var(--studio-tag-ink);text-decoration:none;background:var(--studio-tag-surface);overflow-wrap:anywhere}.studio-tag[data-kind=state]{background:transparent;color:var(--studio-muted,var(--tool-muted,currentColor))}.studio-tag[data-kind=state][data-state]{color:var(--studio-tag-ink)}.studio-tag[data-state=review]{border-style:dashed}.studio-tag[data-state=approved]{border-color:color-mix(in srgb,var(--studio-tag-ink) 50%,transparent)}.studio-tag[data-kind=topic]{background:color-mix(in srgb,var(--studio-tag-ink) 5%,transparent)}.studio-tag[data-size=compact]{gap:5px;min-height:24px;padding:3px 8px;font-size:var(--studio-text-meta,11px);line-height:var(--studio-line-ui,1.45)}.studio-tag[data-size=compact][data-kind=variant]{background:transparent}.studio-tag[data-context=paper]{--studio-tag-ink:var(--brand-carbon,var(--ink));--studio-tag-rule:color-mix(in srgb,var(--studio-tag-ink) 20%,transparent);--studio-tag-surface:transparent}.studio-tag[data-context=paper][data-kind=state]{color:var(--studio-tag-ink)}.studio-tag i{flex:0 0 auto;width:5px;height:5px;background:var(--studio-accent,currentColor);border-radius:50%}.studio-tag-icon{display:inline-flex;flex:0 0 auto}.studio-tag-icon>svg{width:13px;height:13px}.studio-tag[data-size=compact] .studio-tag-icon>svg{width:12px;height:12px}.studio-tag small{color:inherit;font-size:11px;opacity:.75}.studio-tag[data-kind=link]{padding:10px 12px}.studio-tag[href]:hover{border-color:var(--studio-accent,var(--tool-focus,currentColor))}.studio-tag[href]:focus-visible{outline:2px solid var(--studio-accent,var(--tool-focus,currentColor));outline-offset:3px}.studio-tag-example-paper{--studio-text:var(--brand-carbon);--studio-muted:var(--brand-carbon);--studio-rule:color-mix(in srgb,var(--brand-carbon) 20%,transparent);--studio-panel:transparent;padding:16px;border-radius:6px;background:var(--content-note-surface,var(--hint-surface));color:var(--brand-carbon)}.content-status-badge,.content-type-tag{white-space:nowrap}.content-tags{display:inline-flex;flex-wrap:wrap;gap:5px;max-width:100%}.article-heading>.content-tags{margin:0 0 20px}.article-row-metadata{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.article-meta{align-items:center}.content-card-tags{padding:0 20px 14px}.content-reading-workspace{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;background:var(--tool-raised)}.content-reading-workspace[data-settings=true]{grid-template-columns:minmax(0,1fr) 300px}.content-reading-scroll{min-width:0;overflow:auto;overscroll-behavior:contain}.content-reading-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:60px;max-width:1190px;margin:auto;padding:64px 52px 90px;align-items:start}.article-outline{position:sticky;top:48px;padding-top:4px}.article-outline>span{display:block;font:11px/1.5 var(--font-body);color:var(--tool-muted);padding:0 14px 16px}.article-outline-links{border-left:1px solid var(--tool-line);display:flex;flex-direction:column}.article-outline .ui-button{position:relative;height:auto;min-height:36px;justify-content:flex-start;white-space:normal;text-align:left;font:400 12px/1.5 var(--font-body);padding:10px 14px;color:var(--tool-muted);border:0;border-radius:0;background:transparent;box-shadow:none}.article-outline .ui-button:is(:hover,:active,:focus){color:var(--brand-carbon);background:transparent;box-shadow:none;transform:none}.article-outline .ui-button:focus-visible{outline:1px solid var(--tool-muted);outline-offset:2px}.article-outline .ui-button[aria-current=location]{color:var(--brand-carbon);font-weight:500}.article-outline .ui-button[aria-current=location]:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:2px;background:var(--brand-carbon)}.article-outline [data-level="3"]{padding-left:26px}.content-article{width:100%;min-width:0;max-width:var(--article-measure);margin:0 auto;font-family:var(--article-body-font);font-size:var(--article-body-size)}.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font:10px/1.6 var(--font-mono);color:var(--tool-muted);margin-bottom:24px}.article-heading h1{font-family:var(--article-title-font);font-size:var(--article-title-size);font-weight:var(--article-title-weight);line-height:var(--article-title-leading);letter-spacing:var(--article-title-tracking);margin:0 0 24px;overflow-wrap:anywhere;font-synthesis:none}.article-deck{font-size:1.12em;line-height:1.55;color:var(--tool-muted);margin:0 0 22px}.article-byline{font:11px/1.6 var(--font-body);margin:0 0 24px}.article-utility-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--tool-worktop);padding:7px 12px 7px 18px;border-radius:4px;font:11px/1.5 var(--font-body);color:var(--tool-muted);margin:30px 0 42px}.article-utility-bar .ui-button{font-size:11px}.article-prose{font-family:var(--article-body-font);font-size:var(--article-body-size);font-weight:var(--article-body-weight);line-height:var(--article-leading);letter-spacing:var(--article-body-tracking);overflow-wrap:anywhere}.article-prose p{margin:0 0 1.35em;white-space:pre-wrap}.article-prose h2,.article-prose h3{font-family:var(--article-title-font);font-weight:var(--article-heading-weight);font-size:var(--article-heading-size);line-height:var(--article-heading-leading);letter-spacing:var(--article-heading-tracking);margin:2em 0 .8em;scroll-margin-top:36px;font-synthesis:none}.article-prose h3{font-size:calc(var(--article-heading-size) * .8)}.article-prose :is(h2,h3):focus{outline:none}.article-prose :is(h2,h3):focus-visible{outline:1px solid var(--tool-line);outline-offset:8px}.article-prose :is(ul,ol){padding-left:1.4em;margin:1.3em 0}.article-prose li{margin:.5em 0}.article-prose li p{margin:0}.article-prose li>:is(ul,ol){margin-block:.55em}.article-prose blockquote{margin:1.8em 0;padding:8px 0 8px 24px;border-left:2px solid var(--tool-line);font-size:1.18em}.article-prose blockquote>:last-child{margin-bottom:0}.article-prose a{text-decoration:underline;text-underline-offset:4px}.article-end{display:flex;justify-content:space-between;align-items:center;margin-top:60px;border-top:1px solid var(--tool-line);padding-top:20px;font:11px/1.5 var(--font-body);color:var(--tool-muted)}.article-font-notice{font:11px/1.5 var(--font-body);padding:12px;background:var(--hint-surface)}.article-type-panel{padding:22px 18px;border-left:1px solid var(--tool-line);background:var(--tool-panel);display:flex;flex-direction:column;gap:12px;min-width:0;overflow:auto}.article-type-panel h2{font:500 15px/1.4 var(--font-body);margin:0}.article-type-panel p,.article-type-panel small{font:11px/1.6 var(--font-body);color:var(--tool-muted);margin:0}.article-font-row{display:flex;align-items:center;gap:4px}.article-font-row>:first-child{flex:1 1;min-width:0;justify-content:flex-start;text-align:left}.article-font-row .ui-select-value{font-family:var(--font-body);margin-left:4px;overflow:hidden;text-overflow:ellipsis}.article-font-row>.ui-button>svg:last-child{margin-left:auto}.article-type-scale .ui-numeric{margin:0}.article-type-scale{display:grid;gap:8px;padding:14px 0;border-block:1px solid var(--tool-line)}.article-type-panel>.ui-button{flex-shrink:0}.content-reading-workspace[data-settings=true] .content-reading-layout{grid-template-columns:minmax(0,1fr);padding:44px}.content-reading-workspace[data-settings=true] .article-outline{display:none}.article-index{background:var(--tool-raised);border:1px solid var(--tool-line);border-radius:5px;overflow:hidden}.article-list-labels{display:grid;grid-template-columns:42px minmax(0,1fr) 130px 110px 20px;gap:24px;padding:12px 20px;font:10px var(--font-mono);color:var(--tool-muted);border-bottom:1px solid var(--tool-line)}.article-list{list-style:none;margin:0;padding:0}.article-list li{border-bottom:1px solid var(--tool-line)}.article-list button{display:grid;grid-template-columns:42px minmax(0,1fr) 130px 110px 20px;gap:24px;align-items:center;width:100%;min-height:94px;padding:20px;border:0;background:var(--tool-raised);text-align:left;color:var(--tool-ink,var(--brand-carbon));cursor:pointer;transition:background .15s}.article-list button:hover{background:var(--tool-panel)}.article-list button:focus-visible{outline:2px solid var(--tool-focus);outline-offset:-2px}.article-list time,.article-row-length,.article-row-number{font:11px/1.5 var(--font-mono);color:var(--tool-muted)}.article-row-title{min-width:0;display:grid;gap:8px}.article-row-title strong{font-family:var(--font-display);font-size:var(--article-list-title-size);line-height:var(--article-list-title-leading);font-weight:var(--article-list-title-weight);letter-spacing:var(--article-list-title-tracking);font-synthesis:none;overflow-wrap:anywhere}.article-row-title small{font:12px/1.5 var(--font-body);color:var(--tool-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-row-length small{display:block;font-size:10px;margin-top:5px}.content-article-intro{padding:0 18px 24px;display:grid;gap:14px}.content-article-intro label{display:grid;gap:7px;color:var(--tool-muted);font-size:11px}.content-article-intro :is(input,textarea){width:100%;background:var(--tool-writing)}@media (max-width:1050px){.content-reading-layout{grid-template-columns:140px minmax(0,1fr);gap:30px;padding:48px 32px}.article-list button,.article-list-labels{grid-template-columns:32px minmax(0,1fr) 108px 90px 16px;gap:14px}}@media (max-width:760px){.content-reading-layout{display:block;padding:36px 28px 64px}.article-outline{position:static;display:none}.content-reading-workspace[data-settings=true]{grid-template-columns:minmax(0,1fr);overflow:auto}.content-reading-workspace[data-settings=true] .content-reading-scroll{overflow:visible}.content-reading-workspace[data-settings=true] .content-reading-layout{padding:28px}.article-type-panel{order:-1;border-left:0;border-top:1px solid var(--tool-line);overflow:visible}.article-heading h1{font-size:min(var(--article-title-size),42px)}.article-prose h2{font-size:min(var(--article-heading-size),32px)}.article-list-labels{display:none}.article-list button{grid-template-columns:24px minmax(0,1fr) 16px;gap:12px;padding:22px 6px}.article-list time,.article-row-title{grid-column:2}.article-row-length{grid-column:2;display:flex;gap:12px}.article-row-length small{margin:0}.article-list button>svg{grid-column:3;grid-row:1}}@media (prefers-reduced-motion:reduce){.article-list button{transition:none}}.content-composition{display:flex;flex-direction:column;gap:20px}.content-preview-block{overflow-wrap:anywhere;white-space:pre-wrap}.content-preview-block h2,.content-preview-block[data-kind=Headline] p{font:400 clamp(30px,3vw,44px)/1.04 var(--font-display);margin:0}.content-preview-block p{font:16px/1.75 var(--font-body);margin:0 0 .75em}.content-preview-block[data-kind=Tagline] p{font:13px/1.6 var(--font-mono)}.content-preview-cta{width:fit-content;max-width:100%;display:inline-block;font:500 13px/1.5 var(--font-body);border-bottom:1px solid;padding:8px 0 4px}.content-composition-compact{gap:12px}.content-composition-compact .content-preview-block :is(p,span){font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-composition-compact .content-preview-block h2,.content-composition-compact .content-preview-block[data-kind=Headline] p{font-size:27px;line-height:1.08;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-composition-compact .content-preview-block:nth-child(n+3){display:none}.content-preview-block h3{font:500 20px/1.4 var(--font-body);margin:1em 0 .5em}.content-preview-block :is(ul,ol){padding-left:1.5em;white-space:normal}.content-preview-block li p{margin:0}.content-preview-block blockquote{padding-left:20px;margin:1em 0;border-left:2px solid var(--tool-line)}.content-preview-block a{text-decoration:underline;text-underline-offset:3px}.content-preview-block>:last-child{margin-bottom:0}.content-preview-block[data-kind="Call to action"] p{width:fit-content;border-bottom:1px solid;font-size:13px}.content-code-block{margin:1.5em 0;max-width:100%;overflow:hidden;border:1px solid var(--content-code-line);border-radius:6px;background:var(--content-code-surface);white-space:normal}.content-code-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px 6px 18px;border-bottom:1px solid var(--content-code-line);font:400 11px/1.5 var(--font-mono);color:var(--brand-carbon)}.content-code-header .ui-button{font-size:11px}.content-code-block pre,.content-writing-block .rich-text-input pre{margin:0;padding:18px 20px;max-width:100%;overflow-x:auto;background:var(--content-code-surface);white-space:pre;overflow-wrap:normal;font:13px/1.7 var(--font-mono)}.content-code-block pre:focus-visible{outline:2px solid var(--tool-focus);outline-offset:-2px}.content-writing-block .rich-text-input pre{border:1px solid var(--content-code-line);border-radius:6px;margin:1em 0}.content-code-block pre code,.content-writing-block .rich-text-input pre code{font:inherit;white-space:inherit}.content-inline-code,.rich-text-input :not(pre)>code{color:var(--content-inline-code-ink);padding:.12em .35em;border-radius:4px;border:1px solid var(--content-code-line);background:var(--content-code-surface);font:.84em/1.5 var(--font-mono);box-decoration-break:clone;-webkit-box-decoration-break:clone;overflow-wrap:anywhere}.content-code-status:empty{display:none}.content-code-status{display:block;padding:0 18px 10px;font:11px/1.5 var(--font-body);color:var(--brand-carbon)}.content-code-command{display:flex;flex-direction:row-reverse;align-items:stretch}.content-code-command .content-code-header{flex:0 0 auto;padding:6px;border:0}.content-code-command .content-code-header>span{display:none}.content-code-command pre{min-width:0;flex:1 1 auto;align-content:center}.content-code-command .content-code-status:empty{display:none}.content-code-command:has(.content-code-status[data-feedback=error]:not(:empty)){flex-wrap:wrap}.content-code-command .content-code-status[data-feedback=error]:not(:empty){width:100%;order:1}.content-code-status[data-feedback=success]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0}.type-tool{height:100%;display:grid;position:relative;font-family:var(--font-body);color:var(--brand-carbon);font-size:13px;min-width:0}.type-toolbar{display:flex;align-items:center;gap:18px;padding:0 16px;border-bottom:1px solid var(--tool-line);background:var(--tool-panel);z-index:5;min-width:0}.type-toolbar h1{font:400 23px/1 var(--font-display);margin:0;letter-spacing:.02em}.type-toolbar .ui-segmented{background:transparent;border:0;padding:0}.type-toolbar .ui-segment{min-height:32px}.type-format-control .ui-button{border:0;font:11px var(--font-mono)}.type-toolbar-actions{display:flex;gap:3px;margin-left:auto}.type-work-area{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:0}.type-inspector-hidden .type-work-area{grid-template-columns:minmax(0,1fr)}.type-canvas-area{position:relative;min-width:0;min-height:0;display:flex}.type-stage{overflow:auto;flex:1 1;background:var(--tool-worktop);min-width:0;scrollbar-width:thin}.type-stage-inner{min-width:100%;min-height:100%;width:max-content;display:flex;justify-content:center;padding:72px 40px 58px}.type-paper-frame{position:relative;flex-shrink:0}.type-paper{transform-origin:0 0;position:absolute;inset:0 auto auto 0;background:var(--brand-white);color:var(--brand-carbon);padding:48px 64px;box-sizing:border-box;box-shadow:0 8px 32px #0000000a;border-radius:4px;display:flex;flex-direction:column;gap:36px;overflow:hidden;--type-paper-ink:var(--brand-carbon);--type-paper-line:var(--brand-concrete-light)}.type-paper[data-dark=true]{background:var(--brand-carbon);color:var(--brand-cool-white);--type-paper-ink:var(--brand-cool-white);--type-paper-line:var(--brand-concrete)}.type-paper[data-guides=true]{background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#b6433e33 calc(25% - 1px),#b6433e33 25%)}.type-paper-footer,.type-paper-meta{display:flex;justify-content:space-between;font:12px/1.5 var(--font-mono);letter-spacing:.04em;gap:16px}.type-paper-meta{border-bottom:1px solid var(--type-paper-line);padding-bottom:20px}.type-paper-footer{border-top:1px solid var(--type-paper-line);padding-top:20px;margin-top:auto}.type-blocks{display:flex;flex-direction:column;gap:32px;min-height:0}.type-block{position:relative;outline:1px solid transparent;outline-offset:8px;min-width:0}.type-block[data-selected=true]{outline-color:var(--brand-concrete-light)}.type-block:focus-within .type-block-tools,.type-block:hover .type-block-tools,.type-block[data-selected=true] .type-block-tools{opacity:1}.type-block-tools{position:absolute;right:0;top:-25px;display:flex;align-items:center;opacity:0;font:10px var(--font-mono);color:var(--type-paper-ink);background:inherit;z-index:2}.type-block-tools button{display:grid;place-items:center;border:0;background:transparent;color:inherit;cursor:grab;padding:3px;border-radius:3px}.type-block-text{border:0;background:transparent;color:inherit;display:block;width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font-synthesis:none;padding:0;margin:0;cursor:text}.type-block-text:focus-visible{outline:2px solid var(--type-paper-ink);outline-offset:8px}.type-block-body{max-width:780px}.type-paper[data-recipe=split] .type-blocks{display:grid;grid-template-columns:1fr 1fr;gap:32px}.type-paper[data-recipe=split] .type-block-caption{grid-column:1/-1}.type-paper[data-recipe=poster] .type-blocks{flex:1 1;justify-content:center;text-align:center}.type-paper[data-recipe=poster] .type-block-headline{border-block:1px solid var(--type-paper-line);padding:24px 0}.type-paper[data-recipe=poster] .type-block-body{max-width:65%;align-self:flex-end}.type-paper[data-recipe=quote] .type-blocks{margin:30px 8%;border-left:3px solid var(--type-paper-ink);padding-left:40px}.type-sheet-title{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:16px 0 40px}.type-sheet-title h2{font:400 64px/.95 var(--font-display);margin:0;letter-spacing:.01em}.type-sheet-title>span{font:12px/1.5 var(--font-mono);max-width:230px}.type-scale-list{display:grid}.type-scale-row{display:grid;grid-template-columns:110px minmax(0,1fr) 64px;align-items:center;gap:24px;border:0;border-top:1px solid var(--type-paper-line);padding:24px 0;background:transparent;color:inherit;text-align:left;cursor:pointer}.type-scale-row[aria-pressed=true]{box-shadow:inset 3px 0 var(--type-paper-ink);padding-left:12px}.type-scale-row>span:nth-child(2){overflow-wrap:anywhere;font-synthesis:none}.type-scale-label,.type-scale-measure{font:12px/1.5 var(--font-mono);color:inherit;opacity:.65}.type-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.type-pair-grid .type-sheet-title{grid-column:1/-1}.type-pair-card{padding:32px;border:1px solid var(--type-paper-line);text-align:left;background:transparent;color:inherit;cursor:pointer}.type-pair-card strong{display:block;font-size:64px;line-height:1;letter-spacing:.01em;margin:24px 0;font-synthesis:none}.type-pair-card p{font-size:20px;line-height:1.5;margin:0}.type-family-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.type-family-card{background:transparent;color:inherit;text-align:left;border:1px solid var(--type-paper-line);padding:28px;display:grid;gap:18px;cursor:pointer}.type-family-card strong{font-size:120px;line-height:1;font-synthesis:none}.type-family-card>span:last-child{font:12px var(--font-mono)}.type-inspector{overflow:auto;padding:0 18px 20px;border-left:1px solid var(--tool-line);scrollbar-width:thin}.type-control-group{padding:18px 0;border-bottom:1px solid var(--tool-line)}.type-section-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;margin-bottom:12px;min-height:24px}.type-section-label .ui-button{min-height:24px;height:24px;width:24px;padding:4px}.type-font-control{margin:14px 0}.type-font-control label{display:block;font-size:11px;color:var(--tool-muted);margin-bottom:6px}.type-font-control>div{display:flex;gap:4px}.type-font-control>div>.ui-button:first-child{flex:1 1;justify-content:space-between;min-width:0;overflow:hidden}.type-small{line-height:1.6;margin:12px 0 0}.type-small,.type-text-label{font-size:11px;color:var(--tool-muted)}.type-text-label{display:grid;gap:6px;margin:14px 0 10px}.type-text-label textarea{resize:vertical;min-height:80px;max-height:240px;border:1px solid var(--tool-line);border-radius:4px;background:var(--tool-worktop);font:12px/1.5 var(--font-body);color:var(--brand-carbon);padding:10px;width:100%}.type-control-group>.ui-segmented{display:flex}.type-control-group>.ui-segmented>.ui-segment{flex:1 1}.type-control-group>.ui-button{width:100%;justify-content:space-between}.type-order-actions{display:flex;justify-content:space-between;margin-top:10px}.type-order-actions .ui-button{font-size:11px;padding:4px}.type-reset{margin-top:20px}.type-canvas-controls{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;z-index:3;padding:3px;border-radius:4px;background:var(--tool-panel);box-shadow:0 2px 12px #00000008;white-space:nowrap}.type-canvas-controls>.ui-button{border:0}.type-canvas-controls .ui-segmented{border:0;background:transparent}.type-canvas-meta{position:absolute;bottom:20px;left:20px;font:10px var(--font-mono);background:var(--tool-worktop);padding:8px}.type-zoom{position:absolute;bottom:12px;right:16px}.type-zoom .ui-button{font:11px var(--font-mono)}.type-notice,.type-overflow{position:absolute;bottom:52px;left:20px;max-width:calc(100% - 40px);padding:8px 12px;background:var(--brand-leadtin-tint);font-size:11px;z-index:4;border-radius:4px}.type-notice{bottom:12px}.type-font-dialog{width:min(760px,calc(100vw - 32px))}.type-font-search{display:flex;align-items:center;gap:8px;margin:18px 0 12px}.type-font-search .ui-input{flex:1 1}.type-font-browser{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px;height:360px}.type-font-results{scrollbar-width:thin}.type-font-row{display:flex;align-items:center;gap:4px;margin-bottom:4px}.type-font-row>.ui-button:first-child{flex:1 1;align-items:flex-start;flex-direction:column;gap:3px;white-space:normal;min-width:0;text-align:left}.type-font-row small{font-size:10px;font-weight:400;opacity:.65}.type-font-preview{padding:18px;background:var(--tool-worktop);display:flex;flex-direction:column;min-width:0;border-radius:4px}.type-font-preview p{font-size:36px;margin:20px 0;font-synthesis:none}.type-font-preview>.ui-button{margin-top:auto}.type-status{font:10px/1.5 var(--font-mono);overflow-wrap:anywhere}.type-browse{margin-top:14px}.type-export{width:100%;height:240px;font:11px/1.5 var(--font-mono);padding:12px;border:1px solid var(--tool-line);border-radius:4px;resize:vertical}@media (max-width:1200px){.type-format-control{display:none}.type-toolbar{gap:12px}}@media (max-width:900px){.type-work-area{grid-template-columns:minmax(0,1fr)}.type-inspector{position:absolute;right:0;top:56px;bottom:0;width:280px;z-index:5;box-shadow:-8px 0 30px #0001}.type-toolbar .ui-segment{font-size:11px;padding:4px 6px}.type-toolbar-actions .ui-button{width:28px;padding:5px}}@media (max-width:600px){.type-toolbar{padding:0 6px;gap:4px}.type-toolbar h1,.type-toolbar-actions .ui-button:not(:last-child){display:none}.type-canvas-controls{gap:0}.type-canvas-controls .ui-button{font-size:11px}.type-canvas-controls .ui-segment{font-size:11px;padding:3px 5px}.type-inspector{width:min(280px,100%)}.type-font-browser{grid-template-columns:1fr;height:420px}.type-font-preview{display:none}.type-font-dialog .type-font-preview{display:flex}.type-font-results{max-height:180px}.type-font-preview p{font-size:24px;margin:8px 0}.type-font-preview p br{display:none}.type-canvas-meta{bottom:52px;left:8px}.type-zoom{right:8px}}.type-work-area{grid-template-columns:minmax(0,1fr) 304px}.type-stage-inner{padding:64px 20px 48px;align-items:flex-start}.type-paper{padding:40px 32px;gap:28px;box-shadow:var(--tool-shadow);overflow:visible}.type-paper[data-dark=true]{background-color:var(--tool-dark-paper);--type-paper-line:color-mix(in srgb,var(--brand-concrete) 50%,transparent)}.type-canvas-area[data-dark=true] .type-stage{background-color:var(--tool-dark-worktop)}.type-canvas-area[data-framed=false] .type-paper{background-color:transparent;box-shadow:none}.type-paper[data-guides=true]{background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(100% / 12 - 1px),color-mix(in srgb,var(--brand-concrete) 18%,transparent) calc(100% / 12 - 1px),color-mix(in srgb,var(--brand-concrete) 18%,transparent) calc(100% / 12));background-origin:content-box}.type-paper[data-mobile=true][data-guides=true]{background-size:300% 100%}.type-blocks{gap:44px;padding-top:10px}.type-block-body{max-width:none}.type-block{transition:outline-color .18s,box-shadow .18s}.type-block[data-selected=true]{outline-color:var(--type-paper-line)}.type-block-tools{top:-30px;gap:6px;transition:opacity .16s}.type-block-tools span{opacity:.55}.type-block-tools button{width:32px;height:28px;background:color-mix(in srgb,var(--type-paper-ink) 6%,transparent);touch-action:none;transition:transform .25s var(--tool-spring),background .16s,box-shadow .18s}.type-block-tools button:hover{transform:translateY(-2px) rotate(-5deg);background:color-mix(in srgb,var(--type-paper-ink) 12%,transparent);box-shadow:var(--tool-shadow)}.type-block-tools button:active{cursor:grabbing;transform:scale(1.12)}.type-block-tools button:focus-visible{outline:2px solid var(--type-paper-ink);outline-offset:3px}.type-block[data-dragging=true]{opacity:.3;outline:1px dashed var(--type-paper-ink);background:color-mix(in srgb,var(--type-paper-ink) 5%,transparent)}.type-block[data-drop]:after{content:"Place here";position:absolute;left:0;right:0;height:26px;border:1px dashed color-mix(in srgb,var(--type-paper-ink) 45%,transparent);border-radius:4px;background:color-mix(in srgb,var(--type-paper-ink) 7%,transparent);display:grid;place-items:center;font:11px var(--font-mono);color:var(--type-paper-ink);pointer-events:none;animation:type-slot-in .18s var(--tool-spring)}.type-block[data-drop=before]:after{top:-38px}.type-block[data-drop=after]:after{bottom:-38px}.type-drag-ghost{position:fixed;display:flex;gap:12px;align-items:center;z-index:200;pointer-events:none;width:280px;padding:16px;border:1px solid var(--tool-line);border-radius:8px;background:var(--tool-raised);color:var(--brand-carbon);box-shadow:0 18px 48px color-mix(in srgb,var(--brand-carbon) 22%,transparent);rotate:-2deg;animation:type-lift .18s var(--tool-spring)}.type-drag-ghost div{display:grid;gap:8px}.type-drag-ghost small{font:10px var(--font-mono);color:var(--tool-muted)}.type-drag-ghost span{font:16px/1.3 var(--font-body);overflow-wrap:anywhere}.type-sheet-title{margin:8px 0 32px;gap:20px}.type-sheet-title h2{font-size:58px}.type-sheet-title>span{opacity:.65}.type-scale-row{grid-template-columns:90px minmax(0,1fr) 60px;gap:16px;padding:24px 12px;border-radius:4px;transition:background .15s,box-shadow .15s}.type-scale-row:hover,.type-scale-row[aria-pressed=true]{background:color-mix(in srgb,var(--type-paper-ink) 4%,transparent)}.type-scale-row[aria-pressed=true]{box-shadow:inset 2px 0 color-mix(in srgb,var(--type-paper-ink) 55%,transparent)}.type-family-grid,.type-pair-grid{gap:16px}.type-family-card,.type-pair-card{border-radius:6px;background:color-mix(in srgb,var(--type-paper-ink) 2%,transparent);transition:background .16s,transform .24s var(--tool-spring),box-shadow .2s}.type-family-card:hover,.type-pair-card:hover{transform:translateY(-3px);box-shadow:var(--tool-shadow);background:color-mix(in srgb,var(--type-paper-ink) 4%,transparent)}.type-family-card:active,.type-pair-card:active{transform:scale(.985)}.type-family-card[aria-pressed=true],.type-pair-card[aria-pressed=true]{border-color:color-mix(in srgb,var(--type-paper-ink) 45%,transparent);background:color-mix(in srgb,var(--type-paper-ink) 6%,transparent)}.type-family-card:focus-visible,.type-pair-card:focus-visible,.type-scale-row:focus-visible{outline:2px solid var(--type-paper-ink);outline-offset:4px}.type-family-name{display:flex;justify-content:space-between;font:16px var(--font-body)}.type-family-add{border-style:dashed;justify-items:center;align-content:center;text-align:center;color:var(--type-paper-ink)}.type-family-add small{opacity:.6;font-size:12px}.type-pair-grid[data-layout=rows]{grid-template-columns:1fr}.type-pair-grid[data-layout=rows] .type-pair-card{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:16px 40px}.type-pair-grid[data-layout=rows] .tool-eyebrow{grid-column:1/-1}.type-pair-grid[data-layout=rows] .type-pair-card strong{margin:12px 0}.type-inspector{background:var(--tool-panel);padding-inline:16px}.type-inspector-heading{display:flex;align-items:center;justify-content:space-between;padding-top:20px;font-weight:500}.type-style-assignment{display:grid;gap:8px;margin:16px 0}.type-style-assignment>label{font-size:11px;color:var(--tool-muted)}.type-style-assignment>.ui-button{justify-content:space-between}.type-style-assignment .type-small{margin:0}.type-style-assignment .ui-segment{flex:1 1;padding-inline:5px}.type-apply-style{margin-block:12px}.type-control-group>.ui-segmented{margin-top:8px}.type-control-group>.ui-segmented .ui-segment{padding-inline:5px;font-size:12px}.type-format-inspector{display:none}.type-canvas-controls{border:1px solid var(--tool-line);box-shadow:0 3px 14px color-mix(in srgb,var(--brand-carbon) 6%,transparent)}.type-zoom{display:flex;gap:6px}.type-canvas-meta{bottom:54px;left:14px;border-radius:4px}.type-font-dialog{width:min(900px,calc(100vw - 32px))}.type-library-filters{display:flex;justify-content:space-between;align-items:center;gap:8px}.type-library-count{margin-top:16px;font:11px var(--font-mono);color:var(--tool-muted)}.type-font-browser{grid-template-columns:1fr 1.1fr;height:410px;gap:20px;margin-top:12px}.type-font-results{overscroll-behavior:contain;padding-right:8px}.type-font-row{padding:4px;border-radius:4px;border:1px solid transparent}.type-font-row:has([aria-pressed=true]:first-child){background:var(--tool-soft);border-color:var(--tool-line)}.type-font-row .ui-button[aria-pressed=true]{background:transparent;color:var(--brand-carbon)}.type-font-row .ui-button-icon[aria-pressed=true] svg{fill:var(--brand-concrete-light)}.type-font-preview{background:var(--tool-soft);padding:20px;gap:8px}.type-preview-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.type-font-preview .type-text-label{margin:4px 0}.type-font-preview p{flex:1 1;margin:12px 0;color:var(--brand-carbon)}.type-font-preview .ui-numeric{flex:none}.type-font-preview .type-status{min-height:30px;padding:4px 0}.type-font-preview>.ui-button:last-child{justify-content:center}.type-paper[data-mobile=true]{padding:28px 20px}.type-paper[data-mobile=true] .type-family-grid,.type-paper[data-mobile=true] .type-pair-grid,.type-paper[data-mobile=true][data-recipe=split] .type-blocks{grid-template-columns:1fr}.type-paper[data-mobile=true] .type-sheet-title{display:block}.type-paper[data-mobile=true] .type-sheet-title h2{font-size:42px;margin-bottom:16px}.type-paper[data-mobile=true] .type-scale-row{grid-template-columns:minmax(0,1fr) 54px}.type-paper[data-mobile=true] .type-scale-row>span:nth-child(2){grid-column:1/-1;grid-row:2}.type-paper[data-mobile=true] .type-pair-grid[data-layout=rows] .type-pair-card{display:block}.type-paper[data-mobile=true][data-recipe=quote] .type-blocks{margin:12px 0;padding-left:20px}@keyframes type-slot-in{0%{opacity:.3;transform:scaleY(.7)}to{opacity:1;transform:scaleY(1)}}@keyframes type-lift{0%{opacity:.4;scale:.95}to{opacity:1;scale:1}}@media (max-width:1200px){.type-format-inspector{display:block}}@media (max-width:900px){.type-work-area{grid-template-columns:minmax(0,1fr)}.type-inspector{width:304px}}@media (max-width:600px){.type-toolbar-actions .ui-button[aria-label="Dark canvas"]{display:inline-flex}.type-toolbar .ui-segment{font-size:10px;padding-inline:4px}.type-toolbar{gap:2px}.type-toolbar-actions{gap:0}.type-toolbar-actions .ui-button{width:26px;padding:4px}.type-inspector{width:min(304px,100%)}.type-canvas-controls{max-width:calc(100% - 16px)}.type-canvas-controls .ui-button{gap:3px;padding-inline:6px}.type-stage-inner{padding-inline:12px}.type-zoom{gap:4px;right:8px}.type-zoom .ui-button{font-size:10px;padding-inline:7px}.type-font-dialog{padding:16px}.type-library-filters{flex-wrap:wrap}.type-font-browser{grid-template-columns:1fr;height:auto}.type-font-results{max-height:180px}.type-font-preview{display:flex;padding:14px}.type-font-preview p{min-height:70px}}@media (prefers-reduced-motion:reduce){.type-block,.type-block-tools,.type-block-tools button,.type-family-card,.type-pair-card,.type-scale-row{transition:none}.type-block[data-drop]:after,.type-drag-ghost{animation:none}.type-block-tools button:active,.type-block-tools button:hover,.type-family-card:active,.type-family-card:hover,.type-pair-card:active,.type-pair-card:hover{transform:none}}.type-active-family{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;margin:0 0 16px}.type-active-family span{color:var(--tool-muted);font-size:10px}.type-paper .tool-eyebrow{color:inherit;opacity:.65;font-size:16px}.type-sheet-title>span{font-size:16px;max-width:300px}.type-family-card>span:last-child,.type-scale-label,.type-scale-measure{font-size:16px}.type-family-name{font-size:20px}.type-device-compact{display:none;position:absolute;left:12px;bottom:12px}@media (max-width:1200px){.type-device-compact{display:block}}@media (max-width:600px){.type-device-compact{left:8px}.type-zoom .ui-button{gap:3px;font-size:9px;padding-inline:5px}.type-zoom .ui-button svg{width:12px}}.type-layout-menu{min-width:240px}.type-layout-option{min-height:66px;gap:14px}.type-layout-option>svg{margin-left:auto}.type-layout-thumb{position:relative;width:66px;height:44px;border:1px solid var(--tool-line);border-radius:4px;background:var(--tool-soft);padding:7px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.type-layout-thumb i{display:block;background:var(--brand-concrete-light);height:3px;width:80%;border-radius:1px}.type-layout-thumb i:nth-child(2){height:10px;background:var(--brand-concrete);width:100%}.type-layout-thumb i:last-child{width:65%}.type-layout-thumb[data-layout=split]{display:grid;grid-template-columns:1fr 1fr}.type-layout-thumb[data-layout=split] i:first-child{grid-column:1/-1}.type-layout-thumb[data-layout=split] i:last-child{height:15px;width:100%}.type-layout-thumb[data-layout=poster]{justify-content:center;align-items:center}.type-layout-thumb[data-layout=poster] i:nth-child(2){height:14px}.type-layout-thumb[data-layout=quote]{padding-left:15px;justify-content:center}.type-layout-thumb[data-layout=quote]:before{content:"";position:absolute;left:7px;top:7px;bottom:7px;width:2px;background:var(--brand-concrete)}.type-tool{grid-template-rows:56px auto minmax(0,1fr)}.type-canvas-controls,.type-zoom{position:static;transform:none;inset:auto;background:none;box-shadow:none;border:0;padding:0;width:auto}.type-stage-inner{flex-direction:column;align-items:center;justify-content:flex-start;padding:32px 24px;gap:14px}.type-canvas-meta{position:static;inset:auto;padding:0;background:none;max-width:100%;font:11px/1.5 var(--font-mono);color:var(--tool-muted)}.type-format-control{display:flex;align-items:center;gap:8px}.type-format-control>.ui-button{font:400 13px var(--font-body);min-width:110px}.type-top-width{display:flex;align-items:center;gap:8px;white-space:nowrap;font:12px var(--font-mono);color:var(--tool-muted)}.type-top-width .ui-numeric{width:110px;margin:0}.type-top-width .ui-slider{visibility:hidden}.type-top-width .ui-numeric-heading label{font-size:0}.type-top-width .ui-number-unit{font-size:10px}.type-block-tools{left:-30px;top:0;flex-direction:column}.type-block-tools button{width:26px;height:30px}.type-block[data-drop]:after{content:"";height:3px;border:0;border-radius:2px;background:var(--type-paper-ink);animation:none}.type-block[data-drop=before]:after{top:-22px}.type-block[data-drop=after]:after{bottom:-22px}.type-order-group{margin-top:16px;padding-top:12px;border-top:1px solid var(--tool-line)}.type-order-list{display:grid;gap:3px;padding:4px;margin:8px 0;border:1px solid var(--tool-line);border-radius:4px}.type-order-list .ui-button{justify-content:flex-start;text-transform:capitalize}.type-order-list .ui-button span{font:11px var(--font-mono);color:var(--tool-muted);margin-right:8px}.type-font-search{position:relative}.type-font-search>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--tool-muted)}.type-font-search .ui-input{padding-left:34px;width:100%}.type-font-dialog{display:flex;flex-direction:column;gap:12px;max-height:min(760px,calc(100dvh - 32px))}.type-font-dialog .ui-dialog-heading{flex:none}.type-font-dialog .type-library-filters{margin:0;flex:none}.type-library-filters .ui-segmented{display:flex}.type-library-filters .ui-segment{flex:1 1;min-height:30px;box-shadow:none}.type-font-browser{min-height:0;height:470px;flex:1 1 470px;overflow:hidden}.type-font-results{min-height:0;height:100%;overflow:auto}.type-font-preview{min-height:0;overflow:auto;padding:16px}.type-font-preview>*{flex-shrink:0}.type-font-preview p{flex:1 0 100px;overflow-wrap:anywhere;margin:8px 0;line-height:1.1}.type-font-preview .type-status{font:14px/1.6 var(--font-mono);overflow-wrap:anywhere;min-height:0}.type-font-row .ui-button-icon[aria-pressed=true]{color:var(--brand-carbon);opacity:1}.type-font-row .ui-button-icon[aria-pressed=true] svg{fill:var(--brand-leadtin-tint);stroke:var(--brand-carbon)}.type-font-row .ui-button{box-shadow:none}.type-font-row .ui-button:first-child{min-height:54px}@media (max-width:1200px){.type-format-control{display:flex}.type-top-width{display:none}.type-toolbar{gap:8px}}@media (max-width:700px){.type-toolbar{flex-wrap:wrap;height:auto;padding:8px}.type-tool{grid-template-rows:auto auto minmax(0,1fr)}.type-format-control{order:4}.type-format-control>.ui-button{min-width:100px}.tool-context-bar{padding:6px 8px;gap:6px}.tool-context-bar>div+div{padding-left:0;border-left:0}.type-font-browser{display:grid;grid-template-columns:1fr;overflow:auto;height:auto}.type-font-results{height:160px;min-height:160px}.type-font-preview{overflow:visible}.type-library-filters{flex-wrap:wrap;gap:8px}}.type-tool .type-zoom .ui-button{font:400 13px var(--font-body)}.type-library-filters .ui-segmented{width:auto;flex:0 1 auto}.type-library-filters .ui-segment{white-space:nowrap;flex:1 0 auto}.type-font-dialog .type-font-browser{margin-top:0}.type-layout-menu.ui-select-menu{min-width:0}.type-canvas-controls button[aria-label="Specimen layout"]{min-width:178px}.type-layout-menu .type-layout-option{gap:8px;padding:6px}.type-layout-menu .type-layout-thumb{width:40px;height:28px;flex-shrink:0}.type-block-tools{left:-6px;transform-origin:top right;translate:-100% 0}.type-top-width .ui-numeric{width:150px}.type-top-width .ui-numeric-heading label{font-size:12px}.type-work-area{position:relative}@media (max-width:900px){.type-inspector{top:0}}.type-tool{grid-template-rows:56px minmax(0,1fr)}.type-inspector{display:flex;flex-direction:column}.type-inspector>*{flex-shrink:0}.type-inspector .type-canvas-controls{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;max-width:100%}.type-inspector .type-zoom{display:flex;flex-wrap:wrap;gap:6px}.type-inspector .type-zoom>.ui-button{flex:1 1}.type-top-width .ui-numeric{width:122px}.type-block,.type-block-content{border-radius:0}.type-block:has(:focus-visible){outline:1px solid var(--type-paper-ink);outline-offset:5px}.type-drag-ghost{rotate:none;animation:none;border-radius:4px;box-shadow:0 4px 14px #00000018}.type-block[data-dragging=true]{outline:none}.type-block[data-drop]:after{background:var(--brand-vermilion);height:2px}.type-canvas-meta.tool-info{padding:8px 10px;background:var(--brand-leadtin-tint);color:var(--brand-carbon)}.type-layout-menu .type-layout-option{min-height:40px}@media (max-width:700px){.type-tool{grid-template-rows:auto minmax(0,1fr)}}.type-block:focus-within{outline:none}.type-block-text:focus-visible{outline:1px solid var(--tool-focus);outline-offset:4px}.type-block-tools button:active,.type-block-tools button:hover{transform:none;box-shadow:none}.type-paper.type-specimen{height:auto;overflow:visible}.type-paper[data-recipe=poster] .type-blocks{justify-content:flex-start;text-align:left;padding-top:0}.type-paper[data-recipe=poster] .type-block-body{max-width:72ch;width:100%;align-self:flex-start}.type-block{padding:16px 20px 16px 48px;border-radius:4px;transition:background-color .14s ease}.type-block:hover{background:color-mix(in srgb,var(--type-paper-ink) 3%,transparent)}.type-block[data-selected=true]{background:color-mix(in srgb,var(--type-paper-ink) 6%,transparent);outline:none;box-shadow:none}.type-paper[data-recipe=poster] .type-block-headline{border:0;padding:16px 20px 16px 48px}.type-block-tools{left:8px;right:auto;top:16px;translate:none;transform-origin:top left}.type-block-tools span{display:none}.type-block-text{min-height:1em}.type-block-button .type-block-text,.type-block-link .type-block-text,.type-block-tag .type-block-text{width:fit-content!important}.type-block-tag .type-block-text{padding:6px 12px;border-radius:3px;background:color-mix(in srgb,var(--type-paper-ink) 9%,transparent)}.type-block-button .type-block-text{padding:12px 24px;background:var(--type-paper-ink);color:var(--type-paper-bg,var(--tool-panel));border-radius:4px}.type-block-link .type-block-text{text-decoration:underline;text-underline-offset:5px}.type-view-section{padding:16px 0;border-bottom:1px solid var(--tool-line);margin-bottom:4px}.type-inspector .type-view-section .type-canvas-controls{margin:12px 0 0;gap:8px;align-items:center}.type-view-section .type-canvas-controls>button:first-child{flex:1 1}.type-inspector-heading{padding-top:16px}.type-element-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.type-element-actions a{width:100%;font-size:11px;color:var(--tool-muted);text-underline-offset:3px}.tool-workspace[data-focus=true] .type-block{background:transparent}@media (prefers-reduced-motion:reduce){.type-block{transition:none}}.type-block,.type-paper[data-recipe=poster] .type-block-headline{padding-left:var(--type-handle-space,48px)}.type-paper{--type-paper-bg:var(--brand-white)}.type-paper[data-dark=true]{--type-paper-bg:var(--brand-carbon)}.type-view-section .type-canvas-controls>.ui-button{flex:1 1}.type-view-section .type-canvas-controls>.ui-segmented,.type-view-section .type-canvas-controls>[aria-label="Specimen layout"]{flex-basis:100%;width:100%}.type-paper[data-recipe=poster] .type-block-body{max-width:min(100%,900px)}