.editor-container{padding:0 20px}.editor-intro{padding:32px 0 24px}.editor-intro h1{font-size:clamp(1.45rem, 3vw, 2rem);font-weight:700;letter-spacing:-.8px;margin-bottom:8px}.editor-intro p{color:#696575;margin:0;font-size:.95rem}.editor-intro .editor-purpose{max-width:850px;line-height:1.6}.editor-intro .editor-comparison-prompt{margin-top:8px;font-size:.83rem}.editor-comparison-prompt a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.editor-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:20px;align-items:start}.editor-panel{background:#fff;border:1px solid #e5e3eb;border-radius:16px;padding:22px;min-width:0}.editor-controls{grid-column:1;display:flex;flex-direction:column;gap:20px;min-width:0}.top-previews-panel{grid-column:2;display:flex;flex-direction:column;min-width:0}.top-previews{display:grid;gap:16px}.fsl-enhancing .top-previews[data-count="0"]:not(.is-ready)::before{content:'';display:block;height:348.55px;border:1px solid #e5e3eb;border-radius:16px;background:#fff}#desktopFontPicker>select{height:56px}.top-previews .font-card{display:flex;flex-direction:column}.top-previews .preview-stage{height:220px;flex:none}.export-help{margin:-5px 0 14px!important}#emptyPreviews{max-width:none}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-heading h2{margin:0;font-size:1rem;font-weight:700}.section-heading label{cursor:text}.field-help,.quiet{color:#716d7c;font-size:.76rem;font-weight:400}.field-help{margin:10px 0 0;line-height:1.55}#userText{border-color:#dedbe5;background:#fcfbfd;font-size:1.05rem;padding:12px;min-height:106px;resize:vertical}.wrap-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:.76rem}.wrap-toggle,.wrap-width{display:flex;align-items:center;gap:6px}.wrap-toggle input{width:16px;height:16px;accent-color:#a73549}.wrap-width input{width:78px;height:34px;border:1px solid #dedbe5;border-radius:7px;padding:5px 7px;color:#363346;background:#fff}.wrap-width input:disabled{opacity:.5;background:#f7f6f9}.canvas-controls{margin-top:14px}.page-controls{margin-top:12px}.settings-grid .page-fit-toggle{display:flex;align-items:center;gap:7px;margin-bottom:0}.settings-grid .page-fit-toggle input{width:16px;height:16px;padding:0;accent-color:#a73549}.badge-label{color:#686277;background:#f1eff5;padding:4px 9px;font-size:.68rem;border-radius:30px}.preview-stage{position:relative;height:300px;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;border:1px solid #e8e5ec;border-radius:10px;background-color:#f3f1f6}.scrollable-preview{overflow-y:auto;align-items:flex-start}.preview-scroll-hint{text-align:center;margin:4px 0 8px}.checkerboard,.overlay-sample{background-color:#fff;background-image:conic-gradient(#f3f2f6 25%,transparent 0 50%,#f3f2f6 0 75%,transparent 0);background-size:20px 20px}.overlay-sample{color:#363346}.preview-stage canvas{display:block;flex:none;box-shadow:0 3px 14px #36334612}.updating-preview canvas{opacity:.65}.font-card-header-actions{display:flex;align-items:center;gap:8px}.expand-preview,.mobile-dock,.mobile-label,.mobile-only{display:none}.expanded-preview,.mobile-sheet{padding:0;border:0;color:#363346}.expanded-preview:not([open]),.mobile-sheet:not([open]){display:none}.number-stepper{display:contents}.number-stepper button{display:none}.preview-stage.page-preview{height:280px}.page-preview canvas{background-color:#fff}.page-guides{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px dashed #716d7c80;pointer-events:none}.preview-stage canvas[hidden],[hidden]{display:none!important}.stage-message{font-size:.83rem;text-align:center;max-width:320px;padding:16px;color:#716d7c;margin:0}.card-dimensions{font-size:.75rem;color:#696575;font-variant-numeric:tabular-nums}.font-note:empty{display:none}.field-help:empty{display:none}.font-note{margin:0 0 12px}.text-button{appearance:none;border:0;background:0 0;color:#a73549;text-decoration:underline;text-underline-offset:3px;padding:4px 0;font-size:.76rem}.text-button:disabled{opacity:.45;cursor:default}#exportStatus,.card-export-status{font-size:.8rem;margin:12px 0;color:#39725c}#exportStatus:empty,.card-export-status:empty{display:none}#exportStatus{margin-top:0}#downloadAllBtn{--bs-btn-color:#626a71;--bs-btn-border-color:#626a71}.card-export-status{margin-bottom:0}.card-export-status.error-message{color:#a73549}#exportStatus.error-message,.error-message{color:#a73549}.style-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.style-presets button{background:#fff;padding:6px 6px 8px;border:1px solid #e3e0e9;border-radius:10px;font-size:.75rem;color:#60596e}.style-presets button[aria-pressed=true]{border-color:#d65063;box-shadow:0 0 0 1px #d65063;color:#a73549}.preset-sample{display:grid;place-items:center;height:48px;border-radius:5px;margin-bottom:6px;font-size:1.6rem;font-weight:700}.title-sample{background:#f0f5e9;color:#233b38}.label-sample{background:#fff0f2;color:#723246;letter-spacing:2px}.font-picker{margin:16px 0 0}.font-picker .form-label{font-size:.8rem;font-weight:700}.choices{margin-bottom:0;font-size:.85rem}.choices__inner{border-color:#dedbe5;background:#fcfbfd;border-radius:7px;padding:6px;min-height:46px}.choices__list--multiple .choices__item{background:#f0e8ee;color:#7a4055;border-color:#e4d1da;border-radius:5px;font-size:.75rem}.choices[data-type*=select-multiple] .choices__button{border-left-color:#bd9ba8;filter:brightness(.45)}.choices__input{background:0 0;font-size:.8rem;margin:3px}.choices__list--dropdown{z-index:30;border-color:#dedbe5}.choices__list--dropdown .choices__item{font-size:.85rem}.choices .choices__list--dropdown [data-choice][data-value]{font-size:22px;line-height:1.6;min-height:56px;font-weight:400}.choices__list--dropdown .choices__item::after{font-family:FSLInterface,sans-serif}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-group{min-width:0;margin:22px 0 0;padding:0;border:0;border-top:1px solid #eeeaf0}.settings-group legend{float:none;width:auto;margin:0 0 14px;padding:0 10px 0 0;font-size:.88rem;font-weight:700}.settings-disclosure{margin-top:12px}.settings-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px;margin-inline:-8px;width:calc(100% + 16px);border-radius:7px;color:#60596e;font-size:.83rem;font-weight:600;cursor:pointer;list-style:none}.settings-disclosure summary::-webkit-details-marker{display:none}.settings-disclosure summary::after{content:'';flex:0 0 7px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:-4px 4px 0}.settings-disclosure[open]>summary::after{transform:rotate(225deg);margin-top:4px}.settings-disclosure summary:hover{background:#f8f6f9;color:#914156}.settings-disclosure[open]>.settings-grid{margin-top:10px}.export-settings{border-top:1px solid #eeeaf0;margin-top:18px;padding-top:6px}.preference-note{margin-top:16px}.settings-grid label{display:block;font-size:.76rem;margin-bottom:6px}.settings-grid input,.settings-grid select{width:100%;height:39px;border:1px solid #dedbe5;border-radius:7px;padding:6px 10px;background:#fff;color:#363346;font-size:.83rem}.settings-grid input[type=color]{padding:5px;cursor:pointer}.settings-grid .color-control{display:flex;align-items:center;min-width:0;gap:4px;border:1px solid #dedbe5;border-radius:7px;background:#fff;padding:3px}.settings-grid .color-control input[type=color]{flex:0 0 32px;width:32px;height:31px;padding:2px;border:0;border-radius:5px}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:1px solid #36334620;border-radius:4px}.color-control input[type=color]::-moz-color-swatch{border:1px solid #36334620;border-radius:4px}.settings-grid .color-control input[type=text]{flex:1;width:0;min-width:0;height:31px;padding:3px;border:0;border-radius:4px;font-family:ui-monospace,monospace;font-size:.8rem}.settings-grid .full-width{grid-column:1/-1}.preview-stage:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #a73549;outline-offset:3px}.editor-select{min-width:0}.editor-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:39px;padding:7px 10px;border:1px solid #dedbe5;border-radius:7px;background:#fff;color:#363346;font-size:.83rem;line-height:1.4;text-align:start}.editor-select-value{min-width:0;overflow-wrap:anywhere}.editor-select-trigger>svg{width:18px;height:18px;flex:0 0 18px;stroke:#82798c;stroke-width:1.7;fill:none}.editor-select-trigger:hover{border-color:#bbaab8;background:#fdfbfc}.editor-select-trigger[aria-expanded=true]{border-color:#a73549;box-shadow:0 0 0 3px #a7354910}.editor-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg);stroke:#a73549}.editor-select-trigger:disabled{opacity:.5;cursor:default}.editor-select-menu{position:fixed;inset:auto;margin:0;padding:5px;border:1px solid #e4d9e0;border-radius:11px;box-shadow:0 8px 28px #36334624,0 2px 6px #3633460c;background:#fff;color:#363346;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;font-family:inherit;font-size:.83rem}.editor-select-menu::backdrop{background:0 0}.editor-select-option{display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 10px;border-radius:6px;cursor:pointer;line-height:1.4}.editor-option-label{flex:1;min-width:0;overflow-wrap:anywhere}.editor-select-option>svg{flex:0 0 17px;width:17px;height:17px;stroke:#a73549;stroke-width:2;fill:none;visibility:hidden}.editor-select-option[aria-selected=true]{color:#963447;background:#f9edf0;font-weight:600}.editor-select-option[aria-selected=true]>svg{visibility:visible}.editor-select-option.is-active{box-shadow:inset 0 0 0 1px #c89da9}.editor-select-option:hover{background:#f5f1f5}.editor-select-option[aria-disabled=true]{opacity:.45;cursor:default}.effect-option-sample{display:grid;place-items:center;flex:0 0 38px;height:34px;border:1px solid #e9e4eb;border-radius:5px;background:#faf8fb;color:#363346;font-size:20px;font-weight:700;line-height:1}.effect-option-sample[data-effect=outline]{color:#fff;-webkit-text-stroke:1px #914156}.effect-option-sample[data-effect=gradient]{color:#914156;background:linear-gradient(135deg,#a73549 20%,#6859a9 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.effect-option-sample[data-effect=shadow]{text-shadow:2px 2px 0 #bd9ba8}.effect-option-sample[data-effect=neon]{color:#fff;background:#363346;text-shadow:0 0 2px #fff,0 0 5px #fb87bd,0 0 9px #f965a2}.effect-option-sample[data-effect=retro]{color:#914156;text-shadow:1px 1px #f3d5ce,2px 2px #b78589,3px 3px #685269}.editor-segments{display:flex;align-items:stretch;gap:3px;min-height:39px;padding:3px;border:1px solid #dedbe5;border-radius:7px;background:#f8f6f9}.editor-segment{display:grid;place-items:center;flex:1;min-width:0;padding:4px;border:1px solid transparent;border-radius:4px;color:#696173;background:0 0;font-size:.78rem;line-height:1.4;overflow-wrap:anywhere}.editor-segment>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.editor-segment:hover{color:#914156;background:#eee8ee}.editor-segment[aria-checked=true]{color:#963447;background:#fff;border-color:#e5ced6;box-shadow:0 1px 3px #3633460c;font-weight:600}.editor-segment:focus-visible{outline-offset:1px}.settings-grid .color-control:hover,.settings-grid input:hover{border-color:#bbaab8}.comparison-section{margin-top:20px}.compare-fonts-link{display:inline-flex;align-items:center;min-height:44px;font-size:.8rem;text-underline-offset:4px;margin-bottom:8px}.preview-heading{flex-wrap:wrap}#downloadAllBtn{--bs-btn-color:#914156;--bs-btn-border-color:#cba4b2;--bs-btn-hover-bg:#f7edf1;--bs-btn-hover-color:#723246;--bs-btn-hover-border-color:#a73549;font-size:.8rem;white-space:normal;min-height:40px;border-radius:9px;font-weight:600}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.font-card{background:#fff;border:1px solid #e5e3eb;border-radius:12px;padding:16px;min-width:0}.font-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.font-card h3{font-size:.85rem;font-weight:700;margin:0}.comparison-stage{height:190px}.card-dimensions{text-align:center;margin:10px 0 4px}.card-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.card-actions .download-button{flex:1 1 auto;min-height:42px;padding:9px 14px;border:1px solid #dedbe5;border-radius:8px;color:#60516b;background:#fff;text-decoration:none;font-size:.82rem;font-weight:700;line-height:1.3}.card-actions .download-button:hover:not(:disabled){background:#f7f3f6;border-color:#cba4b2}.card-dimensions{margin-bottom:12px}.sheet-live-preview{flex:none;padding:10px 16px;border-bottom:1px solid #eeeaf0;background:#fcfbfd}.live-preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#716d7c;font-size:.73rem;margin-bottom:6px}.live-preview-heading strong{color:#484152;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-preview-stage{height:88px;display:flex;justify-content:center;align-items:center;min-width:0;overflow:hidden}.live-preview-stage canvas{max-height:100%;max-width:100%;object-fit:contain}.live-preview-stage .field-help{margin:0;text-align:center}.editor-help{padding:32px 0 16px;color:#696575;font-size:.85rem;max-width:820px}.editor-help h2{font-size:1.2rem;color:#363346;font-weight:700}.editor-help details{border-bottom:1px solid #e3e0e9;padding:14px 0}.editor-help summary{color:#484152;font-weight:700;cursor:pointer}.editor-help details p{margin:12px 0 0;line-height:1.7}@media (max-width:720px){body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.editor-container{padding:0 12px}.editor-intro{padding:20px 4px 16px}.editor-intro h1{font-size:1.4rem;letter-spacing:-.5px;line-height:1.25}.editor-intro p{font-size:.84rem;line-height:1.5}.navbar{padding:8px 4px}.navbar-brand{font-size:1.1rem}.navbar-toggler{min-width:44px;min-height:44px;padding:9px;border-radius:12px;border-color:#e7e5ec}.navbar-toggler-icon{width:22px;height:22px}.navbar .nav-link{min-height:44px;padding:12px}.editor-grid{display:flex;flex-direction:column;gap:14px}.editor-controls{display:contents}.text-panel{order:0}.top-previews-panel{order:1}.settings-panel{order:2}.editor-panel{width:100%;padding:16px;border-radius:18px}.top-previews-panel{width:100%}.top-previews{gap:14px}.comparison-stage,.top-previews .preview-stage{height:210px}.preview-stage.page-preview{height:300px}.comparison-grid{grid-template-columns:1fr}.field-help{font-size:.8rem}#userText,.choices__input,.settings-grid input,.settings-grid select,.wrap-width input{font-size:16px}.settings-grid input,.settings-grid select{height:48px;border-radius:11px}.settings-grid label{font-size:.84rem}.settings-grid .page-fit-toggle{min-height:48px}.settings-grid .page-fit-toggle input,.wrap-toggle input{height:22px;width:22px}.text-button{min-height:44px;padding:8px;font-size:.82rem}.font-card{padding:14px;border-radius:18px}.font-card h3{font-size:1rem;overflow-wrap:anywhere}.font-card-heading{margin-bottom:10px}.font-card-header-actions{flex-shrink:0;gap:6px}.badge-label{font-size:.7rem}.card-dimensions{font-size:.77rem;line-height:1.5;margin:12px 0 8px}.card-actions{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:7px}.card-actions .text-button{border-radius:11px;border:1px solid #e9d9df;background:#faf3f5;text-decoration:none;font-weight:700;padding:8px 4px;min-height:48px;line-height:1.2}.card-actions .text-button:last-child{background:#fff}.card-export-status{line-height:1.5}#downloadAllBtn{min-height:44px;padding:8px 10px;border-radius:11px;font-size:.77rem}.preview-heading{gap:6px;margin-bottom:8px}.preview-heading h2{font-size:.95rem}.editor-help{font-size:.85rem}.editor-help summary{padding:10px 0;min-height:44px}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:active:not(:disabled){filter:brightness(.94)}body:has(.mobile-dock,.comparison-mobile-dock,.vector-dock){padding-bottom:calc(var(--mobile-dock-height,70px) + 16px)}.mobile-enhanced .desktop-label,.mobile-enhanced .editor-intro p:not(.editor-purpose):not(.editor-comparison-prompt){display:none}.mobile-enhanced .mobile-label{display:inline}.mobile-enhanced #desktopFontPicker{display:none}.fsl-enhancing body[data-tool=text_generator]:not(.mobile-enhanced) #canvasSettings,.fsl-enhancing body[data-tool=text_generator]:not(.mobile-enhanced) #desktopFontPicker,.fsl-enhancing body[data-tool=text_generator]:not(.mobile-enhanced) #settingsPanel{display:none}.fsl-enhancing body[data-tool=text_generator] .text-panel .section-heading{margin-bottom:9px;min-height:28px}.fsl-enhancing body[data-tool=text_generator] #userText{min-height:88px;max-height:220px;resize:vertical;line-height:1.45}.fsl-enhancing body[data-tool=text_generator] .text-panel .field-help{font-size:.75rem;margin-top:8px}.fsl-enhancing body[data-tool=text_generator] .desktop-label{display:none}.fsl-enhancing body[data-tool=text_generator] .mobile-label{display:inline}.mobile-enhanced .text-panel .section-heading{margin-bottom:9px;min-height:28px}.mobile-enhanced #userText{min-height:88px;max-height:220px;resize:vertical;line-height:1.45;box-shadow:none}.mobile-enhanced .text-panel .field-help{font-size:.75rem;margin-top:8px}.mobile-enhanced .text-panel:focus-within .text-signup-note{display:none}.mobile-enhanced .text-panel:focus-within #textDone{display:block;margin:-8px -6px;font-weight:700;text-decoration:none}.mobile-enhanced .expand-preview{display:block;min-width:60px;height:44px;border:0;border-radius:10px;color:#914156;background:#f5edf1;font-size:.78rem;font-weight:700;padding:8px}.mobile-enhanced .expand-preview:disabled{opacity:.4}.mobile-dock{position:fixed;z-index:50;bottom:0;left:0;right:0;padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid #e7e3e9;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -4px 20px #36334608}.mobile-enhanced .mobile-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.mobile-dock button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;border:0;border-radius:12px;padding:5px 2px;min-height:54px;color:#484152;background:0 0;font-size:.75rem;font-weight:700}.mobile-dock button:active{background:#f5edf1}.mobile-dock button>span{max-width:100%;overflow-wrap:anywhere;hyphens:auto}.mobile-dock svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dock-count{position:absolute;top:1px;left:calc(50% + 7px);display:inline-block;min-width:16px;padding:0 3px;font-size:.65rem;color:#914156;background:#f3e5eb;border-radius:7px}.mobile-dock.keyboard-hidden{visibility:hidden}.mobile-modal-open{position:fixed;width:100%;overflow:hidden}.mobile-sheet{position:fixed;inset:auto 0 var(--mobile-keyboard-bottom,0px);margin:0 auto;width:100%;max-width:560px;height:min(84dvh,var(--mobile-viewport-height,84dvh));max-height:calc(var(--mobile-viewport-height,100dvh) - 12px);border-radius:24px 24px 0 0;background:#fff;overflow:hidden;box-shadow:0 -12px 60px #241e3526}.expanded-preview[open],.mobile-sheet[open]{display:flex;flex-direction:column}.expanded-preview::backdrop,.mobile-sheet::backdrop{background:#21172e66}.mobile-sheet[open]{animation:sheet-in 160ms ease-out}.sheet-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:10px 16px;border-bottom:1px solid #eeeaf0;background:#fff}.sheet-header h2{margin:0;font-size:1.05rem;font-weight:700;outline:0;overflow-wrap:anywhere}.sheet-done{flex:none;border:0;border-radius:11px;background:#f3e7ec;color:#914156;min-height:44px;min-width:66px;padding:8px 14px;font-size:.9rem;font-weight:700}.sheet-body{overflow-y:auto;overscroll-behavior-y:contain;padding:16px 16px calc(20px + env(safe-area-inset-bottom));min-height:0}.sheet-body .editor-panel{padding:0;border:0;border-radius:0}.sheet-body .settings-panel .section-heading h2{display:none}.sheet-body .settings-panel .section-heading{justify-content:flex-end;margin:-8px 0 8px}.sheet-body #desktopOutputGroup{display:none}.sheet-body .settings-group{margin-top:18px;padding-top:0}.sheet-body .settings-disclosure summary{min-height:44px;padding:12px 8px}.editor-select-trigger{min-height:48px;border-radius:11px;font-size:16px}.editor-select-menu{font-size:16px}.editor-select-option{min-height:46px}.editor-segments{min-height:48px;border-radius:11px}.editor-segment{border-radius:7px;font-size:14px}.settings-grid .color-control{border-radius:11px;gap:3px}.settings-grid .color-control input[type=color]{flex-basis:36px;width:36px;height:40px}.settings-grid .color-control input[type=text]{height:40px;font-size:16px;letter-spacing:-.7px}.sheet-body .settings-grid{gap:16px 12px}.sheet-body .style-presets{gap:8px}.sheet-body .style-presets button{font-size:.85rem;padding:8px;border-radius:12px;overflow-wrap:anywhere;hyphens:auto}.sheet-body .preset-sample{height:50px}.sheet-body .canvas-controls{margin-top:0}.sheet-body #mobileOutputSettings{margin-top:24px}.sheet-body #sizeHelp{grid-column:1/-1;margin:0}.sheet-body .wrap-controls{display:grid;gap:14px;font-size:.85rem}.sheet-body .wrap-toggle{min-height:44px;gap:9px}.sheet-body .wrap-width{justify-content:space-between;gap:10px}.mobile-section-label{font-size:.8rem;color:#696575;font-weight:700;margin:18px 0 10px}.font-search-field{display:flex;align-items:center;border:1px solid #dfdbe5;border-radius:12px;background:#f7f5f9}.font-search-field:focus-within{outline:3px solid #b5a5c7;outline-offset:2px}.font-search-field input{width:100%;min-width:0;height:50px;border:0;background:0 0;padding:12px;font-size:16px;color:#363346;outline:0;border-radius:12px;-webkit-appearance:none}.font-search-field input::-webkit-search-cancel-button{display:none}.font-search-field button{width:44px;height:44px;flex:none;border:0;background:0 0;color:#716d7c;font-size:24px}.mobile-selected-fonts{display:flex;flex-wrap:wrap;gap:8px}.mobile-selected-fonts button{min-height:44px;padding:10px 12px;font-size:.83rem;border:1px solid #e6d6de;border-radius:12px;background:#f9f0f4;color:#914156}.mobile-font-results{margin:12px 0 0;padding:0;list-style:none}.mobile-font-results button{display:flex;flex-direction:column;width:100%;text-align:left;min-height:80px;padding:13px 12px;border:0;border-bottom:1px solid #eeeaf0;border-radius:10px;background:#fff;color:#363346}.mobile-font-results button:active{background:#f8f0f4}.mobile-font-results button:disabled{opacity:.45}.mobile-font-sample{font-size:27px;min-height:37px;line-height:1.4;overflow-wrap:anywhere}.mobile-font-state{color:#914156;font-size:.75rem}.expanded-preview{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;background:#f4f2f7;padding-top:env(safe-area-inset-top)}.expanded-preview-options{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 16px;background:#fff}.expanded-preview-options p{font-size:.75rem;color:#696575;margin:0}#previewZoom{flex:none;white-space:nowrap}.expanded-preview-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px;overscroll-behavior:contain}.expanded-preview-stage canvas{flex:none;background-color:#fff;box-shadow:0 4px 22px #36334620}.expanded-preview-stage.preview-zoomed{align-items:flex-start}.expanded-preview-footer{flex-shrink:0;background:#fff;padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #eeeaf0}#expandedPreviewStatus{margin:0 4px 8px;font-size:.8rem;color:#39725c}#expandedPreviewStatus:empty{display:none}#expandedPreviewStatus.error-message{color:#a73549}.mobile-enhanced .number-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;border:1px solid #dedbe5;border-radius:11px;overflow:hidden;background:#fff}.mobile-enhanced .number-stepper input{width:100%;min-width:0;border:0;border-radius:0;padding:0;height:46px;text-align:center;appearance:textfield;-moz-appearance:textfield}.mobile-enhanced .number-stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.mobile-enhanced .number-stepper button{display:block;width:44px;min-height:44px;border:0;background:#f8f5f9;color:#914156;font-size:22px}.mobile-enhanced .number-stepper button:disabled{opacity:.35}.mobile-enhanced .number-stepper:focus-within{outline:2px solid #a73549;outline-offset:2px}.mobile-enhanced .wrap-width .number-stepper{width:172px}#comparisonHeading,#textHeading{scroll-margin-top:16px}@keyframes sheet-in{from{transform:translateY(24px);opacity:.5}to{transform:translateY(0);opacity:1}}}@media (prefers-reduced-motion:reduce){.mobile-sheet[open]{animation:none}}.card-actions .download-button.is-primary{color:#fff;border-color:#a73549;background:#a73549}.card-actions .download-button.is-primary:hover:not(:disabled){color:#fff;border-color:#8f293c;background:#8f293c}@media (max-width:360px){.sheet-body .settings-grid{column-gap:8px}.settings-grid .color-control{gap:0}.settings-grid .color-control input[type=color]{flex-basis:28px;width:28px}.settings-grid .color-control input[type=text]{letter-spacing:-1px}.sheet-body .style-presets button{padding:6px 4px}}@media (max-height:600px) and (max-width:720px){.sheet-live-preview{padding-top:6px;padding-bottom:6px}.live-preview-stage{height:54px}.live-preview-heading{display:none}}.related-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-tool-grid a{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid #e5e3eb;border-radius:12px;background:#fff;text-decoration:none}.related-tool-grid span{color:#716d7c;font-size:13px;line-height:1.6}@media (max-width:720px){.related-tool-grid{grid-template-columns:1fr}}.collection-related{margin:20px 0 0;line-height:1.9}.collection-related a{display:inline-block;padding:4px 0}.editor-example-note{color:#696575;font-size:14px;line-height:1.7;margin:-6px 0 24px}.editor-example-note a{display:inline-flex;align-items:center;min-height:44px;margin-left:4px}