.route-loading{color:#687080;background:#f6f4ef;place-items:center;min-height:100dvh;font-size:14px;font-weight:800;display:grid}.app-shell{background:#f6f4ef;flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid #dfddd6;flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:12px clamp(24px,3vw,48px);display:grid}.brand-mark{color:#303545;letter-spacing:-.03em;align-items:center;gap:10px;font-size:14px;font-weight:900;text-decoration:none;display:flex}.brand-mark:visited{color:#303545;text-decoration:none}.brand-mark:hover{color:#bf563f;text-decoration:none}.brand-mark:focus-visible{outline-offset:4px;border-radius:8px;outline:2px solid #ef815e}.brand-mark>img{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand-mark>span{margin:0;display:block}.github-link{color:#303545;font-size:13px;font-weight:800;text-decoration:none}.header-profile-link{color:#303545;font-size:12px;font-weight:800;text-decoration:none}.header-profile-link:hover,.header-profile-link:focus-visible{color:#bf563f}.export-header-button{color:#fff;background:#ef815e;border:0;border-radius:10px;justify-self:center;min-height:40px;padding:9px 24px;font-size:13px;font-weight:900;box-shadow:0 5px 12px #ef815e38}.export-header-button:hover{background:#d96547}.export-header-button:focus-visible{outline-offset:2px;outline:2px solid #ef815e}.account-menu{position:relative}.account-button,.account-popover button{color:#303545;background:#fffdf8;border:1px solid #cecbc2;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800}.account-button:hover,.account-popover button:hover{border-color:#ef815e}.account-popover{z-index:20;color:#303545;background:#fffdf8;border:1px solid #d5d0c7;border-radius:12px;width:230px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 36px #3035452b}.account-form,.project-list{gap:7px;display:grid}.account-form input{color:#303545;background:#fff;border:1px solid #cecbc2;border-radius:7px;width:100%;min-height:32px;padding:5px 7px;font-size:11px}.account-form button,.project-list button{width:100%}.account-error{color:#b33d2f;line-height:1.25}.project-list{max-height:180px;margin:8px 0;overflow:auto}.topbar-actions{justify-self:end;align-items:center;gap:12px;display:flex}.language-picker select{color:#303545;background:#fffdf8;border:1px solid #cecbc2;border-radius:8px;height:28px;padding:0 6px;font-size:10px;font-weight:800}.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}.customizer-footer{color:#707580;border-top:1px solid #dfddd6;justify-content:space-between;align-items:center;gap:16px;width:min(100% - 60px,1440px);margin:0 auto;padding:14px 0 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}.profile-shell{color:#303545;background:#f6f4ef;min-height:100dvh}.profile-page{width:min(960px,100% - 48px);margin:0 auto;padding:clamp(54px,9vw,104px) 0}.profile-intro{max-width:600px;margin-bottom:34px}.profile-intro h1{letter-spacing:-.055em;margin:0;font-family:OpenBree,OpenNunito,sans-serif;font-size:clamp(38px,5vw,58px);font-weight:400;line-height:.95}.profile-intro>p:last-child{color:#686d78;margin:16px 0 0;font-size:15px;line-height:1.5}.profile-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);align-items:start;gap:18px;display:grid}.profile-card,.profile-status{background:#fffdf8;border:1px solid #d8d4cb;border-radius:15px;box-shadow:0 12px 28px #3035450d}.profile-card{padding:22px}.profile-card-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.profile-card h2{margin:0;font-size:15px}.profile-card-heading a,.profile-primary-link,.profile-text-button{color:#bf563f;font-size:12px;font-weight:800;text-decoration:none}.profile-projects ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.profile-projects li{border-top:1px solid #ebe7df;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.profile-projects li strong,.profile-projects li small{display:block}.profile-projects li strong{font-size:13px}.profile-projects li small,.profile-empty,.profile-actions p{color:#777c86;margin:4px 0 0;font-size:11px;line-height:1.4}.profile-project-actions{flex:none;gap:6px;display:flex}.profile-card button,.profile-status button{color:#303545;background:#fffdf8;border:1px solid #d4d0c7;border-radius:8px;min-height:34px;padding:7px 10px;font-size:11px;font-weight:800}.profile-card button:hover:not(:disabled),.profile-card button:focus-visible,.profile-status button:hover,.profile-status button:focus-visible{border-color:#ef815e}.profile-delete{color:#a33e33!important}.profile-actions{gap:18px;display:grid}.profile-actions form,.profile-auth form{gap:11px;display:grid}.profile-actions label,.profile-auth label{color:#555b67;gap:5px;font-size:11px;font-weight:800;display:grid}.profile-actions input,.profile-auth input{color:#303545;min-height:38px;font:inherit;background:#fff;border:1px solid #cecbc2;border-radius:8px;padding:7px 9px}.profile-actions form>button,.profile-auth form>button[type=submit]{color:#fff;background:#ef815e;border-color:#ef815e}.profile-signout{justify-self:start}.profile-text-button{justify-self:start;background:0 0!important;border:0!important;padding:0!important}.profile-auth{width:min(100%,390px)}.profile-status{padding:18px}.profile-error{color:#a33e33;margin:0;font-size:11px;line-height:1.35}.workspace>*{min-width:0}.customizer-guide{background:linear-gradient(110deg,#fff8ed,#fffdf8 72%);border:1px solid #ead9c9;border-radius:14px;margin:18px clamp(30px,4vw,64px) 0;padding:14px 20px;box-shadow:0 8px 24px #b65a3c12}.customizer-guide-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.customizer-guide-heading h2{color:#303545;margin:0;font-size:16px;line-height:1.2}.customizer-guide-dismiss{color:#6c6f79;background:#fffdf8;border:1px solid #dfcfc1;border-radius:8px;width:28px;height:28px;font-size:20px;line-height:1}.customizer-guide-dismiss:focus-visible,.customizer-guide-steps button:focus-visible{outline-offset:2px;outline:2px solid #ef815e}.customizer-guide-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:11px 0 0;padding:0;list-style:none;display:grid}.customizer-guide-steps li{border-top:2px solid #e5d9ce;min-width:0}.customizer-guide-steps li.active{border-color:#ef815e}.customizer-guide-steps button{color:#303545;text-align:left;background:0 0;border:0;gap:10px;width:100%;padding:9px 6px 4px;display:flex}.customizer-guide-number{color:#d35c3e;letter-spacing:.08em;font-size:13px;font-weight:900}.customizer-guide-steps button span:last-child{gap:3px;min-width:0;display:grid}.customizer-guide-steps strong{font-size:12px}.customizer-guide-steps small{color:#777a84;font-size:10px;line-height:1.3}@media (prefers-reduced-motion:reduce){.customizer-guide,.customizer-guide *{scroll-behavior:auto;transition:none}.design-select-card,.design-select-card img,.design-card-rail-shell:after{transition:none}.design-select-card:hover,.design-select-card:active,.design-select-card:hover img{transform:none}.viewer-spinner{animation:none}}.controls-panel{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scrollbar-color:#c9a08f transparent;scrollbar-width:thin;width:100%;max-width:420px;height:100%;min-height:0;padding:0 18px 0 2px;position:relative;overflow:hidden auto}.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:.15em;margin:0 0 4px;font-size:9px;font-weight:900}h2,p{margin-top:0}.control-section{border-top:1px solid #dfddd6;padding:12px 0}.section-heading{justify-content:space-between;align-items:center;gap:10px;min-height:24px;margin-bottom:7px;display:flex}.section-heading h2{letter-spacing:.02em;margin:0;font-size:12px;line-height:16px}.selected-note{color:#676c78;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.text-input input{background:#fffdf8;border:1px solid #cecbc2;border-radius:11px;outline:none;width:100%;height:40px;padding:8px 12px;font-size:16px;font-weight:700}.text-input input:focus{border-color:#ef815e;box-shadow:0 0 0 3px #ef815e33}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-card-rail-shell{min-width:0;position:relative}.design-card-rail{scroll-snap-type:x proximity;scrollbar-color:#c9a08f transparent;scrollbar-width:thin;gap:9px;min-width:0;padding:6px 8px 10px;scroll-padding-inline:8px;display:flex;overflow:auto hidden}.design-card-rail-shell:after{z-index:1;content:"";pointer-events:none;opacity:0;background:linear-gradient(270deg,#f6f4ef,#0000);width:22px;transition:opacity .16s;position:absolute;top:6px;bottom:10px;right:0}.design-card-rail-shell[data-scroll-state=middle]:after,.design-card-rail-shell[data-scroll-state=top]:after{opacity:1}.design-select-card{aspect-ratio:1.18;scroll-snap-align:start;color:#fff;text-align:left;isolation:isolate;background:#323b4d;border:1px solid #d9d5cc;border-radius:13px;flex:0 0 148px;min-width:140px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s,background-color .16s;position:relative;overflow:hidden;box-shadow:0 5px 12px #30354514}.design-select-card img{object-fit:cover;width:100%;height:100%;transition:transform .16s;display:block}.design-select-card-overlay{z-index:1;background:linear-gradient(#0000,#171d2bd9 74%);position:absolute;inset:34% 0 0}.design-select-card strong{z-index:2;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.15;position:absolute;bottom:9px;left:10px;right:10px;overflow:hidden}.design-select-card:hover{border-color:#ef815e;transform:translateY(-2px)scale(1.018);box-shadow:0 9px 18px #30354526}.design-select-card:hover img{transform:scale(1.025)}.design-select-card:active{transform:scale(.985)}.design-select-card.selected{border-color:#ef815e;box-shadow:inset 0 0 0 2px #ef815e,0 8px 18px #ef815e2b}.design-select-card.selected .design-select-card-overlay{background:linear-gradient(#0000,#141a29f2 70%)}.design-select-card:focus-visible{outline-offset:3px;outline:2px solid #ef815e}.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;margin-bottom:8px;padding:3px;display:flex}.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-bottom:8px;display:block}.font-search input{color:#3e4656;width:100%;min-height:32px;font:inherit;background:#fffdf8;border:1px solid #dfddd6;border-radius:8px;padding:6px 9px;font-size:11px}.font-search input:focus{border-color:#ef815e;outline:none;box-shadow:0 0 0 3px #ef815e33}.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 0 9px}.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%;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-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:5px 0 8px;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 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-top:10px;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 h3{color:#858791;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:9px;font-weight:900}.font-attribution{color:#676c78;border-top:1px solid #dfddd6;justify-content:space-between;gap:8px;margin-top:10px;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}.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:8px;flex:none;place-items:center;width:36px;height:36px;padding:0;transition:all .15s;display:grid}.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:1px;outline:2px solid #ef815e}.range-grid{grid-template-columns:1fr 1fr;gap:7px 24px;display:grid}.range-control{min-width:0;margin:0;padding:4px 0;display:block}.control-label{color:#4e5260;justify-content:space-between;gap:8px;margin-bottom:1px;font-size:10px;line-height:16px;display:flex}.control-label span:last-child{color:#8a8d95;font-variant-numeric:tabular-nums;white-space:nowrap}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{flex-direction:column;justify-self:center;align-items:stretch;width:100%;min-width:0;max-width:920px;min-height:0;display:flex}.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}.analytics-consent{z-index:20;color:#202433;background:#fffdf8;border:1px solid #20243329;border-radius:1rem;align-items:center;gap:1.25rem;max-width:min(42rem,100vw - 2rem);padding:1rem 1.1rem;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 1rem 3rem #20243333}.analytics-consent h2,.analytics-consent p{margin:0}.analytics-consent h2{font-size:.95rem}.analytics-consent p{color:#5f6677;max-width:30rem;margin-top:.25rem;font-size:.8rem;line-height:1.45}.analytics-consent-actions{flex-shrink:0;gap:.5rem;display:flex}.analytics-consent-actions button{min-height:2.4rem;font:inherit;cursor:pointer;border-radius:.6rem;padding:.45rem .75rem;font-size:.78rem;font-weight:700}.analytics-consent-decline{color:#4a5263;background:0 0;border:1px solid #20243333}.analytics-consent-accept{color:#fff;background:#ef7656;border:1px solid #ef7656}@media (max-width:640px){.analytics-consent{flex-direction:column;align-items:stretch;gap:.75rem;bottom:.75rem;right:.75rem}.analytics-consent-actions{justify-content:flex-end}}.viewer-wrap{aspect-ratio:16/10;width:100%;min-height:0;max-height:min(500px,100% - 90px);position:relative}.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-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.summary-heading .eyebrow{margin-bottom:0}.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}.modal-backdrop{z-index:30;background:#20243399;place-items:center;width:100svw;height:100svh;padding:20px;display:grid;position:fixed;inset:0 auto auto 0}.export-modal{color:#303545;background:#fffdf8;border:1px solid #d5d0c7;border-radius:16px;width:min(100%,520px,100svw - 40px);max-height:calc(100svh - 40px);padding:20px;overflow-y:auto;box-shadow:0 24px 70px #20243355}.export-modal-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.export-modal-heading>div{min-width:0}.export-modal-heading h2{letter-spacing:-.03em;margin:0;font-size:22px}.modal-close{z-index:1;color:#303545;background:#fff;border:1px solid #d5d0c7;border-radius:8px;flex:none;width:32px;height:32px;font-size:22px;line-height:1;position:relative}.modal-close:hover,.modal-close:focus-visible{border-color:#ef815e}.export-modal-copy{color:#777b87;margin:12px 0 16px;font-size:12px;line-height:1.4}.export-inline-state{color:#6d7280;background:#f7f5f0;border:1px solid #e5e1d9;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;padding:9px 10px;font-size:11px;line-height:1.35;display:flex}.export-inline-state p{margin:0}.export-inline-state.exporting{color:#7d6423;background:#fff8e8}.export-inline-state.success{color:#357248;background:#edf7ee}.export-inline-state.error{color:#9a4d30;background:#fff0e8}.export-inline-state button{min-height:30px;color:inherit;background:0 0;border:1px solid;border-radius:7px;flex:none;padding:5px 9px;font-size:10px;font-weight:800}.export-choice-grid{gap:8px;display:grid}.export-choice-grid button{color:#303545;text-align:left;background:#fbfaf6;border:1px solid #dfddd6;border-radius:10px;gap:3px;min-height:58px;padding:10px 12px;display:grid}.export-choice-grid button:hover:not(:disabled),.export-choice-grid button:focus-visible{background:#fff9f2;border-color:#ef815e}.export-choice-grid button:focus-visible{outline-offset:1px;outline:2px solid #ef815e}.export-choice-grid button:disabled{cursor:not-allowed;opacity:.45}.export-choice-grid strong{font-size:12px}.export-choice-grid small{color:#777b87;font-size:10px}@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}.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{padding-block:8px}.text-input input{height:36px}.choice-card,.font-card{min-height:40px}.style-swatch{flex-basis:24px;height:18px}.font-card>span{font-size:13px}.range-control{padding-block:2px}.control-label{line-height:14px}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;min-height:36px;padding:8px 16px;font-size:12px}.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}.customizer-footer{flex-direction:column;align-items:flex-start;gap:5px;width:calc(100% - 36px);padding-bottom:28px}.profile-page{width:min(100% - 36px,960px);padding:46px 0 64px}.profile-grid{grid-template-columns:1fr}.profile-projects li{flex-direction:column;align-items:flex-start}.customizer-guide{margin:14px 18px 0;padding:18px}.customizer-guide-steps{grid-template-columns:1fr;gap:7px}.customizer-guide-steps li{border-top-width:1px}.controls-panel{max-width:none;height:auto;padding:0;overflow:visible}.controls-panel:before,.controls-panel:after,.controls-scroll-spacer{display:none}.control-section{padding:16px 0}.text-input input{height:44px}.card-grid{grid-template-columns:repeat(2,1fr);gap:8px}.design-card-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:5px;display:grid;overflow:visible}.design-select-card{aspect-ratio:auto;min-width:0;min-height:44px}.choice-card,.font-card{min-height:44px}.font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.range-grid{grid-template-columns:1fr;row-gap:7px}.range-control{min-height:44px}.control-label{font-size:12px}.preview-panel{max-width:none;min-height:0}.viewer-wrap{aspect-ratio:4/3;width:100%;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}}@font-face{font-family:OpenNunito;src:url(/fonts/nunito.ttf)format("truetype");font-weight:100 900}@font-face{font-family:OpenQuicksand;src:url(/fonts/quicksand.ttf)format("truetype");font-weight:100 900}@font-face{font-family:OpenFredoka;src:url(/fonts/fredoka.ttf)format("truetype");font-weight:100 900}@font-face{font-family:OpenOswald;src:url(/fonts/oswald.ttf)format("truetype");font-weight:100 900}@font-face{font-family:OpenBree;src:url(/fonts/bree-serif.ttf)format("truetype")}@font-face{font-family:OpenBaloo;src:url(/fonts/baloo2.ttf)format("truetype");font-weight:100 900}@font-face{font-family:OpenKalam;src:url(/fonts/kalam.ttf)format("truetype");font-weight:100 900}@font-face{font-family:OpenBungee;src:url(/fonts/bungee.ttf)format("truetype")}@font-face{font-family:OpenRubik;src:url(/fonts/rubik.ttf)format("truetype");font-weight:100 900}@font-face{font-family:OpenMontserrat;src:url(/fonts/montserrat.ttf)format("truetype");font-weight:100 900}@font-face{font-family:OpenCaveat;src:url(/fonts/caveat.ttf)format("truetype");font-weight:100 900}@font-face{font-family:OpenMarck;src:url(/fonts/marck-script.ttf)format("truetype")}@font-face{font-family:OpenBadScript;src:url(/fonts/bad-script.ttf)format("truetype")}@font-face{font-family:OpenNeucha;src:url(/fonts/neucha.ttf)format("truetype")}@font-face{font-family:OpenAmatic;src:url(/fonts/amatic-sc.ttf)format("truetype");font-weight:400 700}@font-face{font-family:OpenLobster;src:url(/fonts/lobster.ttf)format("truetype")}@font-face{font-family:OpenPangolin;src:url(/fonts/pangolin.ttf)format("truetype")}@font-face{font-family:OpenPlaypen;src:url(/fonts/playpen-sans.ttf)format("truetype");font-weight:100 800}@font-face{font-family:OpenShantell;src:url(/fonts/shantell-sans.ttf)format("truetype");font-weight:300 800}@font-face{font-family:OpenBalsamiq;src:url(/fonts/balsamiq-sans.ttf)format("truetype");font-weight:400}@font-face{font-family:OpenComforter;src:url(/fonts/comforter.ttf)format("truetype");font-weight:400}@font-face{font-family:OpenComforterBrush;src:url(/fonts/comforter-brush.ttf)format("truetype");font-weight:400}@font-face{font-family:OpenUnderdog;src:url(/fonts/underdog.ttf)format("truetype");font-weight:400}:root{color:#202433;font-synthesis:none;background:#f6f4ef;font-family:OpenNunito,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.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}