.studio-stage{min-width:0;min-height:0;overflow:auto;padding:20px 32px 40px;background-color:var(--studio-worktop);background-image:radial-gradient(color-mix(in srgb,var(--studio-muted) 20%,transparent) .6px,transparent .6px);background-size:12px 12px;scrollbar-gutter:stable}.studio-stage-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--studio-muted);font:var(--studio-text-meta,11px) var(--font-mono),monospace;margin-bottom:25px}.studio-stage-heading code{font:inherit;white-space:nowrap}.studio-artboard-wrap{width:var(--studio-preview-width);margin:0 auto;zoom:calc(var(--studio-zoom) * var(--studio-auto-fit, 1))}.studio-artboard{--studio-sheet-ink:var(--brand-carbon);--studio-sheet-muted:var(--brand-concrete);--studio-sheet-rule:color-mix(in srgb,var(--brand-carbon) 18%,transparent);--studio-sheet-selection:color-mix(in srgb,var(--studio-accent) 40%,var(--brand-carbon));color:var(--studio-sheet-ink);color-scheme:light;font-family:var(--font-body),sans-serif;container-type:inline-size;position:relative;padding:32px var(--studio-grid-margin) 24px;background:var(--brand-white);min-height:665px;box-shadow:0 8px 35px color-mix(in srgb,var(--brand-carbon) 35%,transparent)}.studio-sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:30px;border-bottom:1px solid var(--studio-sheet-rule);font-size:11px;position:relative;z-index:1}.studio-sheet-heading>span:first-child{font-weight:600}.studio-sheet-heading>span:last-child{font:9px var(--font-mono),monospace;color:var(--studio-sheet-muted)}.studio-specimen-label{font:10px var(--font-mono),monospace;color:var(--studio-sheet-muted);margin:35px 0 30px;display:flex;justify-content:space-between;gap:12px}.studio-type-label{margin-bottom:52px}.studio-specimen-element[data-copy=true]{padding-top:4px;margin-top:30px;border-top:1px solid var(--studio-sheet-rule)}.studio-specimen-element[data-copy=true] .studio-type-label{margin-top:24px;margin-bottom:46px}.studio-copy-meta{display:block;margin-top:12px;color:var(--studio-sheet-muted);font:9px var(--font-mono),monospace}.studio-canvas-empty{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin-top:30px;border:1px dashed var(--studio-sheet-rule);border-radius:12px;text-align:center;padding:24px}.studio-canvas-empty>svg{color:var(--studio-sheet-muted)}.studio-canvas-empty h2{font:500 22px/1.2 var(--studio-font-ui);margin:0}.studio-canvas-empty p{margin:0 0 8px;color:var(--studio-sheet-muted);font-size:12px}.studio-selected-text{position:relative;margin:0 -10px;padding:10px}.studio-selected-text[data-selected=true]{outline:1px solid var(--studio-sheet-selection)}.studio-contextbar{color:var(--studio-text);font-family:var(--studio-font-ui);font-size:var(--studio-text-control,13px);line-height:var(--studio-line-ui,1.45);position:sticky;display:flex;flex-wrap:wrap;align-items:center;gap:4px;top:0;width:fit-content;max-width:100%;margin:0 0 16px;background:var(--studio-chrome);padding:4px;border:1px solid var(--studio-rule);border-radius:8px;box-shadow:0 5px 16px color-mix(in srgb,var(--brand-carbon) 22%,transparent);z-index:3}.studio-contextbar .ui-button{font-size:var(--studio-text-control,13px);min-height:38px;height:38px;background:transparent;border:0;padding:5px 8px}.studio-selection-label{font-size:var(--studio-text-label,12px);color:var(--studio-muted);padding-inline:8px;max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-contextbar .studio-context-font{min-width:0;max-width:24ch;border-left:1px solid var(--studio-rule);border-right:1px solid var(--studio-rule)}.studio-context-font>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-context-size{font:var(--studio-text-control,13px) var(--font-mono),monospace;padding:0 9px;display:flex;align-items:baseline;gap:3px;border-right:1px solid var(--studio-rule)}.studio-context-size small{font-size:var(--studio-text-meta,11px);color:var(--studio-muted)}.studio-sample-text{font-size:min(var(--studio-sample-size),18cqw);font-weight:400;padding:0;display:block;background:transparent;border:0;width:100%;cursor:pointer;overflow-wrap:anywhere;text-align:left}.studio-sample-text:focus-visible{outline:2px solid var(--studio-sheet-selection);outline-offset:5px}.studio-stage[data-preview=true] :is(.studio-sample-text,.studio-format-row,.studio-pairing-families button){cursor:default}.studio-handle{position:absolute;width:6px;height:6px;background:var(--studio-accent);border:1px solid var(--studio-sheet-selection)}.studio-handle-tl{left:-3px;top:-3px}.studio-handle-tr{right:-3px;top:-3px}.studio-handle-bl{left:-3px;bottom:-3px}.studio-handle-br{right:-3px;bottom:-3px}.studio-specimen-description{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:24px 0 40px}.studio-specimen-description p{font-size:clamp(12px,2cqw,17px);line-height:1.55;margin:0}.studio-specimen-description code{font:9px/1.8 var(--font-mono),monospace;color:var(--studio-sheet-muted);text-align:right}.studio-type-details{border-top:1px solid var(--studio-sheet-rule);padding-top:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.studio-type-details>div>span{font:9px var(--font-mono),monospace;color:var(--studio-sheet-muted)}.studio-type-details p{font-size:12px;line-height:1.6;margin:16px 0}.studio-type-details .studio-character-sample{font-size:clamp(20px,3.5cqw,32px);line-height:1.15}.studio-type-details code{display:block;font:11px/1.5 var(--font-mono),monospace;margin-top:16px}.studio-sheet-foot{display:flex;justify-content:space-between;gap:12px;padding-top:16px;margin-top:36px;border-top:1px solid var(--studio-sheet-rule);font-size:9px;color:var(--studio-sheet-muted)}.studio-grid-overlay{display:grid;grid-template-columns:repeat(var(--studio-grid-columns),minmax(0,1fr));gap:var(--studio-grid-gutter);position:absolute;inset:0 var(--studio-grid-margin);z-index:5;pointer-events:none}.studio-grid-overlay i{background:color-mix(in srgb,var(--brand-concrete) 6%,transparent);border-left:1px solid color-mix(in srgb,var(--brand-concrete) 28%,transparent);border-right:1px solid color-mix(in srgb,var(--brand-concrete) 28%,transparent)}.studio-format-list .studio-specimen-label{margin-bottom:18px}.studio-format-row{display:flex;align-items:center;gap:18px;width:100%;border:0;border-bottom:1px solid var(--studio-sheet-rule);padding:22px 10px;background:transparent;text-align:left;cursor:pointer;color:var(--studio-sheet-ink)}.studio-format-row:hover,.studio-format-row[data-selected=true]{background:var(--brand-cool-white)}.studio-format-tag{font:10px var(--font-mono),monospace;width:24px;color:var(--studio-sheet-muted);flex-shrink:0}.studio-format-copy{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1}.studio-format-copy small{font-size:10px;color:var(--studio-sheet-muted)}.studio-format-copy>span{font-weight:400;line-height:1.05}.studio-format-row>code{font:10px var(--font-mono),monospace;color:var(--studio-sheet-muted)}.studio-pairing h2{font-size:clamp(32px,8cqw,76px);font-weight:400;line-height:1;margin:0 0 24px}.studio-pairing>p{font-size:16px;line-height:1.6;max-width:480px}.studio-pairing-families{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.studio-pairing-families>:is(button,div){display:flex;flex-direction:column;align-items:start;padding:20px;gap:12px;background:var(--brand-cool-white);border:0;font-size:12px;cursor:pointer;color:var(--studio-sheet-ink)}.studio-pairing-families .studio-pairing-fixed{cursor:default}.studio-pairing-families small{font:10px var(--font-mono),monospace;color:var(--studio-sheet-muted)}.studio-pairing-families span{font-size:66px;line-height:1.3}.studio-canvas-title{font:400 clamp(38px,8cqw,76px)/1 var(--font-display),sans-serif;margin:0 0 32px}.studio-palette-0,.studio-swatch-carbon{background:var(--brand-carbon);color:var(--brand-white)}.studio-palette-1{background:var(--brand-concrete);color:var(--brand-white)}.studio-palette-2{background:var(--brand-cool-white);color:var(--brand-carbon)}.studio-palette-3{background:var(--brand-vermilion);color:var(--brand-white)}.studio-palette-4{background:var(--brand-prussian);color:var(--brand-white)}.studio-color-study{display:grid;grid-template-columns:repeat(5,1fr)}.studio-color-study>div{min-height:150px;display:flex;flex-direction:column;justify-content:space-between;padding:14px 10px;font-size:10px}.studio-color-study code{font:9px var(--font-mono),monospace}.studio-color-pair{margin-top:24px;background:var(--brand-cool-white);padding:24px;display:flex;justify-content:space-between;align-items:end}.studio-color-pair p{font:44px/1.05 var(--font-display),sans-serif;margin:0}.studio-color-pair span{font-size:10px}.studio-grid-constraint{margin:28px 0}.studio-grid-study{display:grid;grid-template-columns:repeat(var(--studio-grid-columns),minmax(0,1fr));gap:var(--studio-grid-gutter);height:240px}.studio-grid-study>div{background-color:var(--brand-cool-white);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--studio-grid-unit) - 1px),var(--studio-sheet-rule) calc(var(--studio-grid-unit) - 1px),var(--studio-sheet-rule) var(--studio-grid-unit));padding:10px 3px;border-left:1px solid var(--brand-concrete-light)}.studio-grid-study code{font:9px var(--font-mono),monospace;color:var(--studio-sheet-muted)}.studio-composition{background:var(--brand-carbon);color:var(--brand-cool-white);padding:36px;min-height:440px;display:flex;flex-direction:column;justify-content:space-between}.studio-composition>span{font:9px var(--font-mono),monospace}.studio-composition h2{font:400 clamp(44px,9cqw,84px)/1 var(--font-display),sans-serif;margin:35px 0}.studio-composition-story{width:70%;margin:0 auto;min-height:560px}.studio-composition-quote{background:var(--brand-cool-white);color:var(--brand-carbon)}.studio-composition-slide{min-height:0;aspect-ratio:16/9;padding:28px}.studio-composition-slide h2{font-size:clamp(28px,7cqw,64px);margin:20px 0}.studio-composition-slide .studio-composition-mark{display:none}.studio-composition-split{background:var(--brand-cool-white);color:var(--brand-carbon);display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:380px}.studio-composition-split h2{font-size:clamp(30px,6cqw,56px);grid-column:2;margin:auto 0}.studio-composition-split .studio-composition-mark{grid-column:1;grid-row:1/4;background:var(--brand-concrete-light);align-items:center;justify-content:center;margin:0;overflow:hidden}.studio-composition-split .studio-composition-mark i{border-color:var(--brand-concrete);width:32px;height:32px}.studio-composition-split>span{grid-column:2}.studio-composition-mark{display:flex;gap:8px;margin-bottom:40px}.studio-composition-mark i{height:48px;width:48px;border:1px solid var(--brand-concrete-light)}.studio-composition-mark i:nth-child(2){border-radius:50%}.studio-composition-mark i:nth-child(3){transform:rotate(45deg);margin-left:10px}.studio-editorial{max-width:540px;font-size:16px;line-height:1.7}.studio-editorial>span{font:10px var(--font-mono),monospace;color:var(--studio-sheet-muted)}.studio-editorial h3{font:400 32px/1.1 var(--font-display),sans-serif}.studio-editorial blockquote{margin:24px 0;padding-left:20px;border-left:1px solid var(--brand-carbon);font-size:22px}.studio-production{display:flex;align-items:end;justify-content:center;gap:60px;padding:35px 0 50px;background:var(--brand-cool-white)}.studio-production-card{width:180px;height:110px;padding:22px;background:var(--brand-white);font:16px var(--font-display),sans-serif;box-shadow:0 4px 8px color-mix(in srgb,var(--brand-carbon) 10%,transparent);transform:rotate(-6deg)}.studio-production[data-surface=back] .studio-production-card{display:flex;flex-direction:column;justify-content:space-between;font:11px var(--font-body),sans-serif}.studio-production-card code{font:7px/1.6 var(--font-mono),monospace;color:var(--studio-sheet-muted)}.studio-production-box{width:190px;height:210px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:var(--brand-white);border-right:16px solid var(--brand-concrete-light);box-shadow:8px 6px 0 var(--brand-concrete)}.studio-production-box span{font:32px/1 var(--font-display),sans-serif}.studio-production-box code{font:8px var(--font-mono),monospace}.studio-production-box .studio-production-back-title{font-size:24px;line-height:1.1}.studio-production-barcode{height:20px;background:repeating-linear-gradient(90deg,var(--studio-sheet-ink) 0 1px,transparent 1px 3px,var(--studio-sheet-ink) 3px 5px,transparent 5px 8px);margin-top:auto;margin-bottom:12px;opacity:.75}@container (max-width: 520px){.studio-type-details{grid-template-columns:1fr 1fr;gap:20px}.studio-type-details>div:last-child{grid-column:1/-1}.studio-specimen-description{align-items:start;flex-direction:column;gap:12px}.studio-specimen-description code{text-align:left}.studio-color-study{grid-template-columns:repeat(3,1fr)}.studio-production{gap:20px;flex-direction:column;align-items:center}}@media (max-width:700px){.studio-stage{padding:18px 16px 30px}.studio-stage-heading{font-size:var(--studio-text-meta,11px);margin-bottom:16px}.studio-artboard{padding:22px var(--studio-grid-margin);min-height:600px}.studio-contextbar{width:100%}.studio-format-row{gap:8px;padding-inline:4px}.studio-format-row>code{display:none}.studio-format-copy>span{font-size:26px!important}}