.workspace{flex:1 1 0;grid-template-columns:minmax(min(100%,360px),clamp(360px,29vw,460px)) minmax(0,1fr);gap:clamp(30px,4vw,64px);height:auto;min-height:0;padding:18px clamp(30px,4vw,64px);display:grid;overflow:hidden}.customizer-topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f4efed;position:sticky;top:0;box-shadow:0 5px 18px #30354512}.customizer-footer{box-sizing:border-box;color:#707580;background:#fffdf8;border-top:1px solid #dfddd6;flex:none;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0;padding:14px clamp(24px,4vw,64px) 20px;font-size:10px;display:flex}.customizer-footer a{color:#303545;font-weight:800;text-decoration:none}.customizer-footer a:hover,.customizer-footer a:focus-visible{color:#bf563f}.workspace>*{min-width:0}@media (prefers-reduced-motion:reduce){.viewer-spinner{animation:none}}.controls-panel{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scrollbar-color:#c9a08f transparent;scrollbar-width:thin;--control-space-1:4px;--control-space-2:6px;--control-space-3:8px;--control-space-4:12px;--control-space-5:16px;--control-section-gap:var(--control-space-4);--control-subsection-gap:var(--control-space-3);--control-section-padding:var(--control-space-5);--field-control-height:42px;--field-radius:11px;--field-border:#d7c8bd;--field-surface:#fffdf9;--field-focus-ring:#ef815e;--field-label-control-gap:var(--control-space-2);--field-label-value-gap:var(--control-space-3);--field-label-color:#626875;--field-value-color:#1f2430;--field-muted-color:#7a6e68;width:100%;max-width:420px;height:100%;min-height:0;padding:0 18px 0 2px;position:relative;overflow:hidden auto}.controls-panel label{gap:var(--field-label-control-gap);width:100%;min-width:0;margin:0;display:grid}.controls-panel .check-control,.controls-panel .font-compatibility-toggle{display:flex}.controls-panel input:not([type=range]):not([type=checkbox]):not([type=file]),.controls-panel select{width:100%;min-width:0;height:var(--field-control-height);min-height:var(--field-control-height);box-sizing:border-box;border:1px solid var(--field-border);border-radius:var(--field-radius);background-color:var(--field-surface);color:var(--field-value-color);font:inherit;margin:0;padding:8px 12px}.controls-panel select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%237a6e68' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:38px}.controls-panel input:not([type=range]):not([type=checkbox]):not([type=file]):focus-visible,.controls-panel select:focus-visible{border-color:var(--field-focus-ring);outline:2px solid var(--field-focus-ring);outline-offset:-2px;box-shadow:none}.select-control,.text-input{gap:var(--field-label-control-gap);width:100%;min-width:0;color:var(--field-label-color);margin:0;font-size:.82rem;display:grid}.subtitle-input-control{box-sizing:border-box;padding-inline:1px}.text-input>span:not(.sr-only),.select-control>span{min-width:0;color:var(--field-label-color);font-size:.78rem;line-height:1.2}.text-input input,.text-input select,.select-control select{width:100%;min-width:0;height:var(--field-control-height);min-height:var(--field-control-height);box-sizing:border-box;border:1px solid var(--field-border);border-radius:var(--field-radius);background-color:var(--field-surface);color:var(--field-value-color);font:inherit;margin:0}.text-input input{padding:8px 12px;font-size:16px;font-weight:700}.text-input select,.select-control select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%237a6e68' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding:8px 38px 8px 12px}.text-input input:focus-visible,.text-input select:focus-visible,.select-control select:focus-visible{border-color:var(--field-focus-ring);outline:2px solid var(--field-focus-ring);outline-offset:-2px;box-shadow:none}.select-control small{color:var(--field-muted-color);margin:0;line-height:1.35}.controls-panel:before,.controls-panel:after{z-index:2;content:"";pointer-events:none;opacity:0;width:100%;height:14px;margin-inline:-2px;display:block;position:sticky}.controls-panel:before{background:linear-gradient(#f6f4ef,#0000);margin-bottom:-14px;top:0}.controls-panel:after{background:linear-gradient(#0000,#f6f4ef);margin-top:-14px;bottom:0}.controls-panel[data-scroll-state=middle]:before,.controls-panel[data-scroll-state=bottom]:before,.controls-panel[data-scroll-state=middle]:after,.controls-panel[data-scroll-state=top]:after{opacity:1}.controls-scroll-spacer{height:64px}.eyebrow{color:#e07150;letter-spacing:.04em;margin:0 0 4px;font-size:9px;font-weight:900}.preview-heading .preview-title{color:#4e5260;letter-spacing:.02em;margin:0;font-size:12px;font-weight:800;line-height:16px}h2,p{margin-top:0}.control-section{gap:var(--control-section-gap);min-width:0;padding:var(--control-section-padding) 0;display:grid}.control-section-divider{width:100%;height:0;margin-block:var(--control-space-3);border:0;border-top:1px solid #d8d5cd}.control-subsection-divider{width:100%;height:0;margin-block:var(--control-space-2);border:0;border-top:1px solid #e6e2da}.control-section>h2{color:#303545;letter-spacing:.01em;margin:0;font-size:16px;font-weight:800;line-height:20px}.control-subsection,.subtitle-controls{gap:var(--control-subsection-gap);min-width:0;display:grid}.control-subsection>h3,.section-heading h3{color:#454955;letter-spacing:.01em;text-transform:none;margin:0;font-size:14px;font-weight:750;line-height:18px}.control-subsection>h4,.section-heading h4{color:#696d78;letter-spacing:.01em;margin:0;font-size:12px;font-weight:700;line-height:16px}.geometry-finish-controls{gap:var(--control-section-gap)}.geometry-finish-heading{justify-content:space-between;align-items:baseline;gap:var(--control-space-3);display:flex}.geometry-finish-heading h4,.geometry-finish-tune h4{color:#4e5260;letter-spacing:.01em;margin:0;font-size:12px;font-weight:800}.geometry-finish-heading>span{color:#8a7b78;font-size:10px}.geometry-finish-profiles{gap:var(--control-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.geometry-finish-profile{gap:var(--control-space-2);min-width:0;padding:var(--control-space-3);color:#4e5260;cursor:pointer;background:#fffdf9;border:1px solid #dfddd6;border-radius:9px;align-content:start;transition:border-color .15s,background-color .15s,box-shadow .15s;display:grid;position:relative}.geometry-finish-profile:hover{background:#fffaf5;border-color:#d7a18f}.geometry-finish-profile:has(input:disabled){cursor:not-allowed;opacity:.48}.geometry-finish-profile:has(input:disabled):hover{background:#fffdf9;border-color:#dfddd6}.geometry-finish-profile.is-selected{background:#fff4ec;border-color:#d36f52;box-shadow:inset 0 0 0 1px #d36f52}.geometry-finish-profile:focus-within{outline:2px solid var(--field-focus-ring);outline-offset:1px}.geometry-finish-profile input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.geometry-finish-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.geometry-finish-diagram{width:100%;min-width:0;max-height:62px;display:block}.geometry-finish-diagram-large{border-top:1px solid #eee5df;border-bottom:1px solid #eee5df;max-height:100px;padding:3px 0}.geometry-finish-tune{gap:9px;display:grid}@media (prefers-reduced-motion:reduce){.geometry-finish-profile{transition:none}}.section-heading{justify-content:space-between;align-items:center;gap:10px;min-height:24px;margin:0;display:flex}.section-heading h2{color:#303545;letter-spacing:.01em;margin:0;font-size:16px;font-weight:800;line-height:20px}.toast{z-index:20;top:calc(env(safe-area-inset-top,0px) + 16px);box-sizing:border-box;text-align:center;text-wrap:balance;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:999px;justify-content:center;align-items:center;width:min(100% - 32px,560px);min-height:42px;padding:11px 16px;font-size:12px;font-weight:800;line-height:1.35;animation:.18s ease-out share-toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #30354524}.share-manual-content{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;display:grid}.share-manual-input{box-sizing:border-box;color:#493d27;width:100%;min-width:0;font:inherit;-webkit-user-select:text;user-select:text;background:#fffdf8;border:1px solid #d7c79f;border-radius:6px;padding:6px 8px;font-weight:600}.share-manual-copy{color:#72501d;font:inherit;cursor:pointer;background:#fffdf8;border:1px solid #9b722c;border-radius:6px;padding:6px 10px;font-weight:800}.share-manual-copy:hover,.share-manual-copy:focus-visible{background:#fff4d8}@media (max-width:640px){.share-manual-content{grid-template-columns:1fr auto}.share-manual-content>span{grid-column:1/-1}}.toast-success{color:#28603b;background:#f0faf1f5;border-color:#9ec8a8}.toast-manual{color:#72501d;background:#fff8e8f5;border-color:#e3c388}.toast-error{color:#8b3027;background:#fff3eff5;border-color:#e3aa9c}@keyframes share-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.selected-note{color:#676c78;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card,.font-card{text-align:left;background:#fbfaf6;border:1px solid #dfddd6;border-radius:10px;transition:all .15s}.choice-card{align-items:center;gap:8px;min-width:0;min-height:40px;padding:7px 9px;display:flex}.choice-card-copy{gap:2px;min-width:0;display:grid}.choice-card-copy small{color:#858791;font-size:9px;font-weight:600;line-height:1.15}.choice-card:hover,.font-card:hover,.choice-card.selected,.font-card.selected{background:#fff9f2;border-color:#ef815e}.font-card:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.35)}.font-card.previewing:not(.selected){background:#fff9f2;border-color:#bd7058}.font-card[data-font-state=loading] small:after{content:" · …"}.choice-card:focus-visible,.font-card:focus-visible{outline-offset:1px;outline:2px solid #ef815e}.choice-card.selected,.font-card.selected{box-shadow:inset 0 0 0 1px #ef815e}.choice-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.style-swatch{background:#566176;border-radius:8px;flex:0 0 28px;height:20px;display:block;position:relative}.style-swatch:after{content:"A";color:#f08d63;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;inset:0}.style-capsule{border-radius:999px}.style-soft-tag{border-radius:4px 11px 11px 4px}.style-bubble{border-radius:13px 7px 13px 9px}.style-arch{border-radius:16px 16px 4px 4px}.font-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:100%;display:grid}.font-source-tabs{background:#f0eee8;border-radius:9px;gap:4px;padding:3px;display:flex}.font-panel{gap:var(--control-section-gap);min-width:0;display:grid}.font-target-switch{border:1px solid var(--field-border);border-radius:var(--field-radius);background:#f7eee7;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.font-target-switch button{min-width:0;min-height:44px;color:var(--field-muted-color);font:inherit;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:800}.font-target-switch button.active,.font-target-switch button[aria-checked=true]{color:var(--field-value-color);background:var(--field-surface);box-shadow:0 1px 3px #7c5b4a1f}.font-target-switch button:focus-visible{outline:2px solid var(--field-focus-ring);outline-offset:1px}.font-source-tabs button,.font-pagination button{color:#777b87;cursor:pointer;min-height:36px;font:inherit;background:0 0;border:0;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:800}.font-source-tabs button.active,.font-source-tabs button[aria-selected=true]{color:#3e4656;background:#fffdf8;box-shadow:0 1px 3px #2d31400f}.font-search{margin:0;display:block}.font-search input{color:#3e4656;width:100%;height:32px;min-height:32px;font:inherit;background:#fffdf8;border:1px solid #dfddd6;border-radius:8px;padding:6px 9px;font-size:11px}.font-search input:focus-visible{border-color:var(--field-focus-ring);outline:2px solid var(--field-focus-ring);outline-offset:2px;box-shadow:0 0 0 4px #ef815e38}.font-filter-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px;margin:0;padding:0 9px 9px;display:grid}.font-filter-disclosure,.font-filter-clear,.font-provider-state button{color:#444b5b;font:inherit;background:#fffdf8;border:1px solid #c7c4bc;border-radius:8px;font-size:10px;font-weight:800}.font-filter-disclosure{margin:0}.font-filter-disclosure>summary{cursor:pointer;align-items:center;min-height:36px;padding:6px 9px;list-style:none;display:flex}.font-filter-disclosure>summary::-webkit-details-marker{display:none}.font-filter-disclosure>summary:after{content:"+";color:#74301f;margin-left:auto;font-size:15px;line-height:1}.font-filter-disclosure[open]>summary:after{content:"−"}.font-filter-disclosure:hover,.font-filter-disclosure:focus-visible,.font-filter-clear:hover,.font-filter-clear:focus-visible,.font-provider-state button:hover,.font-provider-state button:focus-visible{color:#74301f;background:#fff7ef;border-color:#b94d34}.font-filter-disclosure:focus-visible,.font-filter-disclosure>summary:focus-visible,.font-filter-clear:focus-visible,.font-provider-state button:focus-visible,.font-source-tabs button:focus-visible,.font-pagination button:focus-visible{outline-offset:2px;outline:2px solid #b94d34}.font-filter-row label:first-child{color:#858791;gap:3px;min-width:0;font-size:9px;font-weight:800;display:grid}.font-filter-row select{color:#343b4b;width:100%;height:30px;min-height:30px;font:inherit;background:#fffdf8;border:1px solid #dfddd6;border-radius:8px;padding:4px 7px;font-size:10px}.font-filter-clear{white-space:nowrap;height:30px}.font-filter-clear.icon-button,.font-provider-state .icon-button,.font-pagination .icon-button{border-radius:999px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.font-compatibility-toggle{color:#858791;white-space:nowrap;align-items:center;gap:4px;min-height:30px;font-size:9px;font-weight:800;display:flex}.font-compatibility-toggle input{accent-color:#ef7656}.font-restriction,.font-provider-state{color:#626875;margin:0;font-size:10px;line-height:1.3}.font-local-provider-state{gap:9px;display:grid}.font-local-provider-state>p{margin:0}.font-local-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.font-local-actions input[type=file]{color:#626875;min-width:0;max-width:100%;font:inherit;flex:260px;font-size:10px}.font-local-actions>button{min-height:34px;padding:6px 10px}.font-local-about{flex:none;width:34px}.font-local-about summary{color:#676c78;cursor:pointer;border:1px solid #d5d0c7;border-radius:999px;place-items:center;width:34px;height:34px;font-size:13px;list-style:none;transition:border-color .15s,background-color .15s;display:grid}.font-local-about summary:hover,.font-local-about summary:focus-visible,.font-local-about[open] summary{color:#74301f;background:#fff7ef;border-color:#ef815e}.font-local-about summary:focus-visible{outline-offset:2px;outline:2px solid #ef815e}.font-local-about[open]{flex-basis:100%;width:100%}.font-local-about summary::-webkit-details-marker{display:none}.font-local-about summary svg{width:16px;height:16px}.font-local-about p{color:#676c78;background:#fffdf8;border:1px solid #e5e1d9;border-radius:8px;width:min(100%,310px);margin:7px 0 0;padding:8px 9px;font-size:10px;line-height:1.4}.font-pagination{justify-content:center;align-items:center;gap:6px;margin:0;display:flex}.font-pagination button{background:#fbfaf6;border:1px solid #dfddd6}.font-pagination button:disabled{cursor:default;opacity:.45}.font-pagination span{color:#858791;font-variant-numeric:tabular-nums;font-size:10px}.font-groups{gap:16px;display:grid}.font-group{width:100%;min-width:0;max-width:100%}.font-group>summary{cursor:pointer;align-items:center;min-height:28px;list-style:none;display:flex}.font-group>summary::-webkit-details-marker{display:none}.font-group>summary:after{content:"−";color:#8b4a37;margin-left:5px;font-size:12px}.font-group:not([open])>summary:after{content:"+"}.font-group h4{color:#696d78;letter-spacing:.01em;text-transform:none;margin:0;font-size:12px;font-weight:700;line-height:16px}.font-attribution{color:#676c78;border-top:1px solid #dfddd6;justify-content:space-between;gap:8px;margin:0;padding-top:8px;font-size:9px;font-weight:700;display:flex}.font-attribution a{color:#74301f;text-decoration-color:#b94d3480}.font-card{align-items:center;gap:7px;width:100%;min-width:0;min-height:44px;padding:7px 8px;display:flex}.font-card-wrap{width:100%;min-width:0}.font-card-wrap .font-card{width:100%}.font-card-wrap>a{color:#9a6b57;text-overflow:ellipsis;white-space:nowrap;margin:3px 2px 0;font-size:8px;display:block;overflow:hidden}.font-card>span{white-space:nowrap;color:#3e4656;flex:50%;min-width:0;font-size:15px;line-height:1;overflow:hidden}.font-card small{color:#858791;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:45%;font-size:8px;overflow:hidden}.articulated-font-grid .font-card{flex-direction:column;align-items:stretch;gap:3px}.articulated-font-grid .font-card-wrap{min-width:0}.articulated-font-grid .font-card>span{flex:none;min-height:16px}.articulated-font-grid .font-card small{max-width:100%}.font-notice{color:#9a4d30;margin:5px 0 0;font-size:10px;line-height:1.25}.candidate-feedback{color:#555966;background:#e7e6e0;border-radius:8px;gap:6px;margin:0;padding:8px 10px;font-size:11px;line-height:1.4;display:grid}.candidate-feedback-rejected{color:#733b2a;background:#fbe0cd;border-inline-start:3px solid #b84838}.candidate-feedback p{margin:0}.candidate-review-action{min-height:28px;color:inherit;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:3px 0;font-weight:800;text-decoration:underline}.candidate-feedback details{font-size:10px}.candidate-feedback code{overflow-wrap:anywhere;white-space:pre-wrap;display:block}.reset-settings{color:#6f7480;background:0 0;border:1px solid #cecbc2;border-radius:9px;width:100%;min-height:36px;margin:12px 0 0;font-size:11px;font-weight:800;transition:all .15s}.reset-settings:hover{color:#9a3d31;background:#fff9f2;border-color:#ef815e}.reset-settings:focus-visible{outline-offset:1px;outline:2px solid #ef815e}.reset-icon-button{color:#8a8d95;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:all .15s;display:grid}.controls-panel .section-heading>.reset-icon-button{width:36px;height:36px}.controls-panel [data-testid=font-browser] .section-heading>.reset-icon-button{width:44px;height:44px}.reset-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.reset-icon-button:hover,.reset-icon-button:focus-visible{color:#9a3d31;background:#fff9f2;border-color:#ef815e}.reset-icon-button:focus-visible{outline-offset:-2px;outline:2px solid #9a3d31}.range-grid{column-gap:var(--control-space-5);row-gap:var(--control-subsection-gap);grid-template-columns:1fr 1fr;display:grid}.parameter-group{gap:var(--control-subsection-gap);min-width:0;display:grid}.parameter-group h4{color:#696d78;letter-spacing:.01em;text-transform:none;margin:0;font-size:12px;font-weight:700;line-height:16px}input[type=range]{accent-color:#e87855;width:100%;height:16px;margin:0;display:block}.check-control{color:#4e5260;cursor:pointer;grid-column:1/-1;align-items:center;gap:7px;min-height:28px;font-size:10px;display:flex}.check-control input{accent-color:#e87855;width:14px;height:14px;margin:0}.preview-panel{scrollbar-gutter:stable;scrollbar-color:#c9a08f transparent;scrollbar-width:thin;flex-direction:column;justify-self:center;align-items:stretch;width:100%;min-width:0;max-width:920px;height:100%;min-height:0;display:flex;overflow:hidden auto}.preview-heading{justify-content:space-between;align-items:center;width:100%;margin:0 0 14px;display:flex}.status-pill{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.status-pill.ready{color:#357248;background:#dcecdf}.status-pill.adjusted{color:#7d6423;background:#f2e7c8}.status-pill.updating{color:#777b87;background:#e7e6e0}.status-pill.attention{color:#9a4d30;background:#fbe0cd}@media (max-width:900px) and (min-width:761px){.workspace{flex-direction:column;gap:28px;padding-inline:clamp(24px,5vw,48px);display:flex;overflow-y:auto}.controls-panel{max-width:none;height:auto;padding:0;overflow:visible}.controls-panel:before,.controls-panel:after{display:none}.preview-panel{order:-1;max-width:760px;height:auto;overflow:visible}.viewer-wrap{max-height:min(520px,62vw)}}@media (max-height:760px) and (min-width:761px){.topbar{padding-block:10px}.brand-mark>img{border-radius:8px;width:28px;height:28px;font-size:9px}.workspace{gap:28px;padding-block:12px}.control-section{--control-section-gap:8px;--field-control-height:36px;padding-block:8px}.choice-card,.font-card{min-height:40px}.style-swatch{flex-basis:24px;height:18px}.font-card>span{font-size:13px}input[type=range]{height:13px}.viewer-wrap{max-height:calc(100% - 62px)}.preview-heading{margin-bottom:10px}}@media (max-width:760px){.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand export""actions actions";row-gap:10px;padding:14px 18px}.brand-mark{grid-area:brand}.export-header-button{grid-area:export;justify-self:end;width:44px;height:44px;padding:0}.topbar-export-actions{grid-area:export;justify-self:end;gap:6px;position:static;transform:none}.topbar-export-actions .export-header-button{transform:none}.topbar-export-actions .export-header-button,.topbar-export-actions .share-header-button{width:44px;height:44px;min-height:44px;padding:0}.topbar-actions{grid-area:actions;justify-content:flex-end;width:100%}.github-link{font-size:12px}.topbar-actions{gap:7px}.workspace{flex-direction:column-reverse;flex:none;gap:36px;height:auto;padding:24px 18px 48px;display:flex;overflow:visible}.customizer-footer{padding-inline:18px;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding-bottom:28px}.controls-panel{max-width:none;height:auto;padding:0;overflow:visible}.controls-panel:before,.controls-panel:after,.controls-scroll-spacer{display:none}.control-section{--control-section-gap:12px;--field-control-height:44px;padding:16px 0}.card-grid{grid-template-columns:repeat(2,1fr);gap:8px}.choice-card,.font-card{min-height:44px}.font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.range-grid{row-gap:var(--control-subsection-gap);grid-template-columns:1fr}.preview-panel{max-width:none;height:auto;min-height:0;overflow:visible}.viewer-wrap{aspect-ratio:4/3;width:100%;height:min(360px,75vw);max-height:360px}.preview-heading{width:100%}.summary-metrics{gap:7px}.summary-tags>span{flex:calc(50% - 6px);max-width:none}.surface-trigger{min-height:44px}.reset-icon-button,.font-source-tabs button,.font-pagination button,.font-filter-disclosure,.font-filter-clear,.font-provider-state button{min-width:44px;min-height:44px}.font-filter-disclosure>summary,.font-local-actions input[type=file],.font-local-about summary{min-height:44px}.font-filter-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.font-filter-row label:first-child{grid-column:1/-1}}@media (max-width:359px){.font-grid{grid-template-columns:1fr}}.viewer-wrap{aspect-ratio:16/10;contain:size layout;flex:none;width:100%;height:clamp(280px,100dvh - 420px,500px);min-height:0;max-height:min(500px,100% - 90px);position:relative}.viewer--preparing,.viewer--unavailable{background:#eee8df;border-radius:22px;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.viewer--unavailable .viewer-unavailable{color:#39404d;text-align:center;background:#fffcf5eb;border:1px solid #d5c7b5;border-radius:18px;justify-items:center;gap:8px;max-width:30rem;margin:auto;padding:24px 26px;line-height:1.5;display:grid}.viewer--unavailable .viewer-unavailable-icon{color:#9a3d31;background:#fbe5d8;border:1px solid #d98b69;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;font-weight:900;display:grid}.viewer--unavailable .viewer-unavailable strong{color:#293141;font-size:14px}.viewer--unavailable .viewer-unavailable p{color:#696d78;text-wrap:balance;overflow-wrap:anywhere;max-width:26rem;margin:0;font-size:12px}.viewer-loading{color:#777b87;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#f6f4ef35;justify-content:center;place-items:center;gap:8px;font-size:11px;font-weight:800;display:flex;position:absolute;inset:0}.viewer-spinner{border:2px solid #ef815e45;border-top-color:#ef815e;border-radius:50%;width:14px;height:14px;animation:.75s linear infinite viewer-spin}@keyframes viewer-spin{to{transform:rotate(360deg)}}.surface-popover{z-index:5;position:absolute;top:12px;right:12px}.surface-trigger{color:#f8f5ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#293141e8;border:1px solid #ffffff52;border-radius:10px;align-items:center;gap:7px;min-height:34px;padding:6px 9px;font-size:10px;font-weight:800;display:flex;box-shadow:0 8px 18px #2024332b}.surface-trigger:hover,.surface-trigger:focus-visible,.surface-trigger[aria-expanded=true]{background:#202735f2;border-color:#ef815e}.surface-trigger:focus-visible{outline-offset:2px;outline:2px solid #ef815e}.surface-trigger svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.surface-dot{border:1px solid #ffffff80;border-radius:50%;flex:none;width:11px;height:11px;display:inline-block}.surface-dot-matte{background:#eee8df}.surface-dot-graph{background:#b8b0a6}.surface-dot-dark{background:#202735}.surface-dot-wood{background:#9a6746}.surface-dot-metal{background:#aeb7c1}.surface-menu{color:#303545;background:#fffdf8;border:1px solid #d5d0c7;border-radius:12px;width:190px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 34px #20243340}.surface-menu-heading{color:#777b87;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;padding:2px 3px 7px;font-size:9px;font-weight:900;display:flex}.surface-options{gap:3px;display:grid}.surface-options button{color:#555b68;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:6px 7px;font-size:10px;font-weight:800;display:flex}.surface-options button:hover,.surface-options button:focus-visible,.surface-options button.selected{color:#9a3d31;background:#fff9f2;border-color:#ef815e}.surface-options button:focus-visible{outline-offset:1px;outline:2px solid #ef815e}.preview-summary{background:#fffdf8;border:1px solid #dfddd6;border-radius:14px;width:100%;margin-top:12px;padding:14px 16px;box-shadow:0 10px 24px #3035450d}.summary-metrics{grid-template-columns:1.4fr 1fr .7fr;gap:10px;margin-top:12px;display:grid}.summary-metrics>div{border-right:1px solid #e5e1d9;min-width:0;padding-right:10px}.summary-metrics>div:last-child{border-right:0}.summary-metrics span,.summary-tags small{color:#8a8d95;font-size:9px;font-weight:800;display:block}.summary-metrics strong{color:#3f4554;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;display:block;overflow:hidden}.summary-tags{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.summary-tags>span{color:#555b68;text-overflow:ellipsis;white-space:nowrap;border:1px solid #e5e1d9;border-radius:7px;min-width:0;max-width:33%;padding:5px 8px;font-size:10px;font-weight:800;display:block;overflow:hidden}.summary-tags small{letter-spacing:.04em;text-transform:uppercase;margin-right:4px;font-size:8px;display:inline}.summary-feedback{color:#777b87;border-top:1px solid #e5e1d9;margin:11px 0 0;padding-top:10px;font-size:10px;line-height:1.35}@media (max-width:760px){.surface-trigger{min-height:44px}}