.viewer{background:#293141;border-radius:22px;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 20px 45px #262d3b1c,inset 0 0 0 1px #ffffff8c}.viewer-surface{background:#eee8df;flex:1;min-height:0;position:relative;overflow:hidden}.viewer canvas{touch-action:none;width:100%;height:100%;display:block}.viewer-toolbar{z-index:1;background:#293141;border-top:1px solid #ffffff26;flex:0 0 42px;justify-content:center;align-items:center;gap:5px;padding:5px 8px;display:flex}.viewer-toolbar button{color:#f8f5ee;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:30px;padding:0;display:grid}.viewer-toolbar svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.viewer-toolbar button:hover,.viewer-toolbar button:focus-visible,.viewer-toolbar button.active{color:#9a3d31;background:#f7f1e7;outline:none}.viewer-toolbar button:focus-visible{box-shadow:0 0 0 2px #ef815e}.toolbar-divider{background:#ffffff2e;width:1px;height:20px;margin:0 3px}.viewer-caption{z-index:1;color:#f8f5ee;background:#293141b8;border-radius:999px;margin:0;padding:6px 9px;font-size:10px;font-weight:700;position:absolute;bottom:10px;left:12px}@media (max-width:760px){.viewer{border-radius:18px}.viewer-toolbar{flex-basis:54px;gap:2px;padding:5px}.viewer-toolbar button{width:44px;height:44px}.viewer-caption{bottom:10px;left:10px}}.landing-shell{color:#202433;background:#f6f4ef;min-height:100vh;overflow-x:clip}.landing-topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f4efea;grid-template-columns:minmax(180px,1fr) auto minmax(280px,1fr);min-height:68px;position:sticky;top:0}.brand-mark{color:#202433;text-decoration:none}.brand-mark>span{letter-spacing:-.03em;font-size:14px;font-weight:900;display:block}.landing-nav{align-items:center;gap:clamp(14px,2.2vw,28px);display:flex}.landing-nav a{color:#555b68;font-size:12px;font-weight:800;text-decoration:none}.landing-nav a:hover,.landing-nav a:focus-visible,.github-link:hover,.github-link:focus-visible{color:#bf563f}.landing-topbar-actions{gap:10px}.landing-header-cta,.landing-button{border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:40px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.landing-header-cta{color:#fff;background:#ef815e;padding:8px 14px;box-shadow:0 5px 12px #ef815e38}.landing-header-cta:hover,.landing-header-cta:focus-visible,.landing-button-primary:hover,.landing-button-primary:focus-visible{background:#d96547}.landing-header-cta:focus-visible,.landing-button:focus-visible,.landing-nav a:focus-visible,.landing-card-link:focus-visible,.landing-footer a:focus-visible{outline-offset:3px;outline:2px solid #ef815e}.landing-hero,.landing-section,.landing-trust,.landing-footer{width:min(1180px,100% - 48px);margin:0 auto}.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);align-items:center;gap:clamp(38px,7vw,96px);padding:clamp(68px,10vw,130px) 0 clamp(78px,10vw,134px);display:grid}.landing-kicker{color:#bf563f;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:900}.landing-hero h1,.landing-section-heading h2,.landing-trust h2{color:#262b3a;letter-spacing:-.055em;margin:0;font-family:OpenBree,OpenNunito,sans-serif;font-weight:400}.landing-hero h1{max-width:620px;font-size:clamp(47px,5.5vw,78px);line-height:.94}.landing-lede{color:#5e6471;max-width:540px;margin:24px 0 0;font-size:clamp(16px,1.5vw,19px);line-height:1.55}.landing-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.landing-button{min-height:48px;padding:11px 18px}.landing-button-primary{color:#fff;background:#ef815e;box-shadow:0 8px 18px #ef815e38}.landing-button-secondary{color:#394052;background:#fffdf8;border:1px solid #d6d2c9}.landing-button-secondary:hover,.landing-button-secondary:focus-visible{color:#bf563f;border-color:#ef815e}.landing-process{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:46px 0 0;padding:0;list-style:none;display:grid}.landing-process li{border-top:2px solid #d9d5cc;gap:3px;min-width:0;padding-top:13px;display:grid;position:relative}.landing-process li:before{content:"";background:#ef815e;border:2px solid #f6f4ef;border-radius:99px;width:8px;height:8px;position:absolute;top:-5px;left:0}.landing-process span,.landing-step-card>span{color:#bf563f;letter-spacing:.14em;font-size:13px;font-weight:900;line-height:1}.landing-process strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.landing-process small{color:#777d89;font-size:10px;line-height:1.35}.configurator-showcase{min-width:0;margin:0;position:relative}.configurator-window{background:#ece8df;border:1px solid #d6d2c9;border-radius:16px;min-width:0;position:relative;overflow:hidden;box-shadow:18px 20px #c9d1cd,28px 32px 45px #2d35421c}.configurator-window-bar{color:#626a76;background:#f7f4ed;border-bottom:1px solid #d4d0c6;align-items:center;gap:12px;min-height:42px;padding:0 14px;font-size:10px;font-weight:900;display:flex}.configurator-window-dots{gap:5px;display:flex}.configurator-window-dots i{background:#d0c9bc;border-radius:50%;width:7px;height:7px}.configurator-window-dots i:first-child{background:#ef815e}.configurator-window-label{color:#3e4654;flex:1}.configurator-window-status{color:#a84e3b;letter-spacing:.04em;text-transform:uppercase;font-size:9px}.configurator-window picture,.configurator-window img{width:100%;display:block}.configurator-window img{background:#f6f4ef;height:auto}.configurator-showcase-caption{z-index:1;color:#394052;align-items:center;gap:7px;margin:24px 0 0;padding:0 3px 1px;font-size:10px;font-weight:800;line-height:1.4;display:flex;position:relative}.configurator-mobile-label{display:none}.landing-section{padding:clamp(76px,10vw,132px) 0 0}.landing-section-heading{grid-template-columns:minmax(220px,.85fr) minmax(300px,1.15fr);align-items:end;column-gap:70px;display:grid}.landing-section-heading .landing-kicker{grid-column:1/-1}.landing-section-heading h2,.landing-trust h2{font-size:clamp(32px,3.5vw,50px);line-height:1}.landing-section-description,.landing-trust p:last-child{color:#6b717d;max-width:520px;margin:0;font-size:14px;line-height:1.55}.landing-step-grid,.landing-product-grid,.landing-run-grid{gap:13px;margin-top:36px;display:grid}.landing-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-step-card{background:#fffdf8;border:1px solid #dfddd6;border-radius:14px;min-height:190px;padding:22px}.landing-step-card h3,.landing-template-card h3,.landing-run-card h3{letter-spacing:-.02em;margin:28px 0 8px;font-size:16px}.landing-step-card p,.landing-template-card p{color:#6c727e;margin:0;font-size:12px;line-height:1.5}.landing-products{padding-bottom:12px}.landing-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-template-card{background:#fffdf8;border:1px solid #dfddd6;border-radius:14px;min-width:0;min-height:304px;padding:12px 12px 20px}.landing-template-card:nth-child(2n){background:#f3e6d8}.landing-template-card:nth-child(3n){background:#e7edf0}.landing-template-image-wrap{aspect-ratio:16/9;background:#f5f2eb;border:1px solid #d7d5ce;border-radius:9px;overflow:hidden}.landing-template-image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.landing-template-card h3{letter-spacing:-.02em;margin:18px 8px 8px;font-size:16px}.landing-template-card p{color:#6c727e;margin:0 8px;font-size:12px;line-height:1.5}.landing-run-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.landing-run-card{background:#fffdf8;border:1px solid #d9d4cb;border-radius:14px;flex-direction:column;min-height:325px;padding:24px;display:flex}.landing-run-card-hosted{background:#f5e6de;border-color:#c9a698}.landing-run-card>p{color:#777d89;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:9px;font-weight:900}.landing-run-card h3{margin:13px 0 6px}.landing-run-card>span{color:#a84e3b;font-size:11px;font-weight:900}.landing-run-card ul{color:#606775;gap:8px;margin:22px 0;padding:0;font-size:12px;line-height:1.35;list-style:none;display:grid}.landing-run-card li{padding-left:17px;position:relative}.landing-run-card li:before{content:"";background:#ef815e;border-radius:99px;width:6px;height:6px;position:absolute;top:5px;left:0}.landing-card-link{color:#a84e3b;margin-top:auto;font-size:12px;font-weight:900;text-decoration:none}.landing-trust{background:#d8d4cb;grid-template-columns:1fr 1fr;gap:1px;margin-top:clamp(76px,10vw,132px);display:grid}.landing-trust>div{color:#f6f4ef;background:#293141;padding:clamp(32px,5vw,56px)}.landing-trust>div:last-child{background:#384653}.landing-trust h2{color:#fff9ef;letter-spacing:-.04em;font-family:OpenNunito,sans-serif;font-size:clamp(24px,2.5vw,35px);font-weight:900}.landing-trust .landing-kicker{color:#f0a287}.landing-trust p:last-child{color:#dce0df;margin-top:13px}.landing-footer{color:#777d89;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:27px 0 34px;font-size:11px;font-weight:700;display:flex}.landing-footer a{color:#505967}@media (max-width:1000px){.landing-topbar{grid-template-columns:1fr auto;grid-template-areas:"brand actions""nav nav";gap:10px}.landing-topbar .brand-mark{grid-area:brand}.landing-topbar .landing-nav{grid-area:nav;justify-content:flex-start}.landing-topbar .landing-topbar-actions{grid-area:actions}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(350px,.95fr);gap:40px}.landing-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.landing-topbar{min-height:0;padding:13px 18px;position:relative}.landing-topbar .landing-nav{justify-content:space-between;width:100%}.landing-topbar .github-link{display:none}.landing-header-cta{min-height:34px;padding:7px 10px;font-size:10px}.landing-hero,.landing-section,.landing-trust,.landing-footer{width:min(100% - 36px,560px)}.landing-hero{grid-template-columns:1fr;padding:66px 0 78px}.landing-hero h1{font-size:clamp(45px,14vw,64px)}.landing-process{margin-top:36px}.configurator-showcase{justify-self:end;width:calc(100% - 14px)}.configurator-window-bar{min-height:38px;padding:0 10px}.configurator-window-status,.configurator-desktop-label{display:none}.configurator-mobile-label{display:inline}.configurator-window img{width:100%;height:auto}.landing-section-heading,.landing-trust{grid-template-columns:1fr;gap:20px}.landing-step-grid,.landing-run-grid{grid-template-columns:1fr}.landing-step-card{min-height:0}.landing-product-grid{grid-template-columns:1fr 1fr}.landing-template-card{min-height:194px;padding:9px 9px 15px}.landing-template-card h3{font-size:14px}.landing-run-card{min-height:0}.landing-footer{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.configurator-showcase{transform:none}}.app-shell{background:#f6f4ef;flex-direction:column;height:100dvh;min-height:0;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{align-items:center;gap:10px;display:flex}.brand-mark>img{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand-mark h1{letter-spacing:-.03em;margin:0;font-size:14px;display:block}.github-link{color:#303545;font-size:13px;font-weight:800;text-decoration:none}.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;grid-template-columns:minmax(370px,420px) minmax(0,1fr);gap:clamp(24px,3vw,48px);min-height:0;padding:14px clamp(24px,3vw,48px);display:grid}.controls-panel{overscroll-behavior:contain;scrollbar-gutter:stable;width:100%;max-width:420px;height:100%;min-height:0;padding-right:10px;overflow:hidden auto}.controls-scroll-spacer{height:48px}.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:8px 0}.section-heading{justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin-bottom:4px;display:flex}.section-heading h2{letter-spacing:.02em;margin:0;font-size:12px;line-height:16px}.selected-note{color:#848792;font-weight:600}.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:6px;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:6px;min-width:0;min-height:40px;padding:5px 7px;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)}.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{flex-wrap:wrap;gap:5px;width:-moz-fit-content;width:fit-content;max-width:100%;display:flex}.font-groups{flex-wrap:wrap;align-items:flex-start;gap:10px 8px;display:flex}.font-group{min-width:0;max-width:100%}.font-group h3{color:#858791;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:9px;font-weight:900}.font-card{flex:0 132px;align-items:center;gap:5px;width:132px;min-width:0;min-height:40px;padding:5px 6px;display:flex}.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>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:8px 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:26px;height:26px;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:3px 18px;display:grid}.range-control{min-width:0;margin:0;padding:2px 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;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 10px;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}.viewer-wrap{aspect-ratio:16/10;width:100%;min-height:0;max-height:min(500px,100% - 90px);position:relative}.viewer-loading{color:#777b87;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.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-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:1000px) and (min-width:761px){.workspace{grid-template-columns:minmax(340px,380px) minmax(0,1fr);gap:24px;padding-inline:24px}.font-card{flex-direction:row;align-items:center}}@media (max-height:760px) and (min-width:761px){.topbar{padding-block:8px}.brand-mark>img{border-radius:8px;width:28px;height:28px;font-size:9px}.workspace{gap:20px;padding-block:8px}.control-section{padding-block:5px}.text-input input{height:36px}.choice-card,.font-card{min-height:34px}.style-swatch{flex-basis:24px;height:18px}.font-card>span{font-size:13px}.range-control{padding-block:0}.control-label{line-height:14px}input[type=range]{height:13px}.viewer-wrap{max-height:calc(100% - 62px)}.preview-heading{margin-bottom:6px}}@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;gap:28px;padding:18px 18px 92px;display:flex}.controls-panel{max-width:none;height:auto;padding-right:0;overflow:visible}.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}.choice-card,.font-card{min-height:44px}.font-grid{gap:8px;width:100%}.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}}@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}