:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f5f5f7;--surface:#fff;--surface-subtle:#f8f8fa;--surface-raised:#fff;--ink:#161719;--ink-soft:#5f6268;--ink-faint:#858990;--line:#dedfe3;--line-strong:#c8cad0;--accent:#126da8;--accent-strong:#0d5c91;--accent-soft:#e7f2f9;--success:#147a42;--success-soft:#e8f6ed;--warning:#8a5c00;--warning-soft:#fff4d7;--danger:#b42318;--danger-soft:#fff0ee;--shadow-soft:0 16px 44px #16171912;--radius-small:10px;--radius-medium:16px;--radius-large:24px}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{background:var(--page);min-width:320px;color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button,input,select{color:inherit;font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.site-header{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--line) 86%, transparent);background:color-mix(in srgb, var(--page) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(18px);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:68px;margin:0 auto;display:flex}.site-brand{border-radius:10px;align-items:center;gap:11px;min-height:44px;display:inline-flex}.site-brand__mark{background:url(/brand/church-logo-dark.png) 50%/contain no-repeat;flex:none;width:33px;height:33px}.site-brand__text{letter-spacing:-.01em;align-items:baseline;gap:6px;font-size:15px;display:flex}.site-brand__text strong{font-weight:650}.site-brand__text span{color:var(--ink-soft)}.site-nav{color:var(--ink-soft);align-items:center;gap:18px;font-size:14px;display:flex}.site-nav a{border-radius:8px;align-items:center;min-height:44px;display:inline-flex}.site-nav a:hover{color:var(--ink)}.access-pill,.status-label,.safe-note,.contrast-status{letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;width:fit-content;font-size:12px;font-weight:650;display:inline-flex}.access-pill{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-soft);padding:5px 9px}.page-shell{width:min(1180px,100% - 40px);margin:0 auto}.hub-page{padding:84px 0 100px}.eyebrow{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin-bottom:11px;font-size:12px;font-weight:700;display:block}.hub-intro{max-width:700px}.hub-intro h1,.qr-page__heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(36px,5vw,58px);font-weight:650;line-height:1.04}.hub-intro p{max-width:660px;color:var(--ink-soft);margin:20px 0 0;font-size:clamp(17px,2vw,20px);line-height:1.55}.tool-directory{margin-top:76px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:22px;font-weight:650}.section-heading p,.section-heading>span{color:var(--ink-faint);margin:3px 0 0;font-size:14px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tool-card{border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--surface);flex-direction:column;justify-content:space-between;gap:28px;min-height:244px;padding:22px;display:flex}.tool-card--link{transition:border-color .16s,box-shadow .16s,transform .16s}.tool-card--link:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));box-shadow:var(--shadow-soft);transform:translateY(-2px)}.tool-card--disabled{background:color-mix(in srgb, var(--surface) 76%, var(--page))}.tool-card__topline{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tool-card__icon{background:var(--surface-subtle);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);border-radius:12px;place-items:center;display:grid}.status-label{padding:5px 9px}.status-label--live{background:var(--success-soft);color:var(--success)}.status-label--soon{background:var(--surface-subtle);color:var(--ink-faint)}.tool-card h2{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:650}.tool-card p{color:var(--ink-soft);margin:7px 0 0;font-size:14px;line-height:1.55}.tool-card__access{color:var(--ink-faint);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.qr-page{padding:36px 0 100px}.back-link{min-height:44px;color:var(--ink-soft);border-radius:9px;align-items:center;gap:4px;margin-left:-7px;padding:0 7px;font-size:14px;display:inline-flex}.back-link:hover{color:var(--ink)}.qr-page__heading{margin-top:28px}.qr-page__heading h1{font-size:clamp(34px,4.4vw,52px)}.qr-workspace{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);grid-template-areas:"editor preview";align-items:start;gap:18px;margin-top:42px;display:grid}.editor-panel,.preview-panel{border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface);min-width:0;box-shadow:0 1px 1px #16171905}.editor-panel{grid-area:editor;overflow:hidden}.preview-panel{grid-area:preview;padding:24px;position:sticky;top:88px}.panel-heading,.section-title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.panel-heading{padding:24px 26px}.panel-heading--preview{padding:0 0 20px}.panel-heading>div,.section-title-row>div{align-items:center;gap:12px;display:flex}.panel-heading h2,.section-title-row h3{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:650}.section-title-row h3{font-size:16px}.step-number{min-width:30px;color:var(--ink-faint);letter-spacing:.08em;font-size:11px;font-weight:700;display:inline-flex}.text-button{min-height:40px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:6px;padding:0 9px;font-size:13px;font-weight:600;display:inline-flex}.text-button:hover{background:var(--surface-subtle);color:var(--ink)}.editor-section{border-top:1px solid var(--line);padding:26px}.editor-section--first{border-top:0;padding-top:8px}.simple-style-picker{border:1px solid var(--line);background:var(--surface-subtle);border-radius:13px;justify-content:space-between;align-items:center;gap:14px;min-height:68px;margin-top:16px;padding:8px 8px 8px 12px;display:flex}.simple-style-picker__current{align-items:center;gap:10px;min-width:0;display:flex}.simple-style-picker__current .palette-preview{flex:none}.simple-style-picker__text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.simple-style-picker__text>span{color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.simple-style-picker__text strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.random-style-button{background:var(--ink);min-height:44px;color:var(--surface);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:13px;font-weight:650;transition:transform .14s,opacity .14s;display:inline-flex}.random-style-button:hover{opacity:.86}.random-style-button:active{transform:scale(.98)}.advanced-options{border-top:1px solid var(--line)}.advanced-options__summary{min-height:64px;color:var(--ink);cursor:pointer;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:0 26px;font-size:14px;font-weight:650;list-style:none;transition:background-color .14s;display:flex}.advanced-options__summary::-webkit-details-marker{display:none}.advanced-options__summary:hover{background:var(--surface-subtle)}.advanced-options__label{align-items:center;gap:10px;display:inline-flex}.advanced-options__icon{background:var(--surface-subtle);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-soft);border-radius:9px;flex:none;place-items:center;display:grid}.advanced-options__chevron{color:var(--ink-faint);flex:none;transition:transform .18s}.advanced-options[open]>.advanced-options__summary{background:var(--surface-subtle)}.advanced-options[open]>.advanced-options__summary .advanced-options__chevron{transform:rotate(180deg)}.field-label,.control-fieldset legend,.range-setting__label label,.export-options label>span{color:var(--ink);margin-bottom:8px;font-size:13px;font-weight:650;display:block}.input-with-icon{border:1px solid var(--line-strong);background:var(--surface-raised);min-height:52px;color:var(--ink-faint);border-radius:12px;align-items:center;gap:10px;padding:0 6px 0 14px;transition:border-color .14s,box-shadow .14s;display:flex}.input-with-icon:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.input-with-icon--error{border-color:color-mix(in srgb, var(--danger) 62%, var(--line))}.input-with-icon>svg{flex:none}.input-with-icon input{width:auto;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:auto;font-size:16px}.clipboard-paste-button{border-left:1px solid var(--line);min-height:44px;color:var(--ink-faint);cursor:pointer;white-space:nowrap;background:0 0;border-radius:0 8px 8px 0;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px 0 13px;font-size:12px;font-weight:600;transition:background-color .14s,color .14s;display:inline-flex}.clipboard-paste-button:hover:not(:disabled){background:var(--surface-subtle);color:var(--ink-soft)}.clipboard-paste-button:active:not(:disabled){background:color-mix(in srgb, var(--ink) 8%, transparent)}.clipboard-paste-button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 58%, transparent);outline-offset:-3px;background:var(--accent-soft)}.clipboard-paste-button:disabled{cursor:wait;opacity:.62}.field-message{min-height:20px;color:var(--ink-faint);margin:7px 0 0;font-size:12px}.field-message--error{color:var(--danger)}.safe-note{background:var(--success-soft);color:var(--success);padding:5px 9px}.setting-group,.control-fieldset,.color-setting,.range-setting{margin-top:22px}.logo-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.logo-choice{border:1px solid var(--line);background:var(--surface-subtle);text-align:left;cursor:pointer;border-radius:13px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;min-height:76px;padding:11px 40px 11px 11px;display:grid;position:relative}.logo-choice:hover{border-color:var(--line-strong)}.logo-choice.is-selected,.visual-choice.is-selected,.frame-choice.is-selected,.palette-choice.is-selected,.background-choice.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.logo-choice--compact{grid-template-columns:1fr}.logo-choice__brand,.logo-choice__upload{border-radius:11px;width:48px;height:48px}.logo-choice__brand{background:var(--surface) center / 86% no-repeat url(/brand/church-logo-dark.png);box-shadow:inset 0 0 0 1px var(--line)}.logo-choice__upload{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-soft);place-items:center;display:grid}.logo-choice strong{font-size:13px;font-weight:650;display:block}.choice-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:10px;right:10px}.range-setting__label{justify-content:space-between;align-items:center;gap:20px;display:flex}.range-setting__label label{margin:0}.range-setting__label output{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12px}.range-setting input[type=range]{width:100%;height:28px;accent-color:var(--accent);cursor:pointer;margin:5px 0 0}.color-setting{justify-content:space-between;align-items:center;gap:20px;display:flex}.color-setting .field-label{margin-bottom:1px}.color-setting>div>span{color:var(--ink-faint);font-size:12px}.color-controls{align-items:center;gap:7px;display:flex}.color-picker{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:11px;width:44px;height:44px;padding:4px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:0;border-radius:7px}.hex-input{border:1px solid var(--line);background:var(--surface);text-transform:lowercase;border-radius:10px;width:92px;min-height:44px;padding:0 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.control-fieldset{border:0;min-width:0;padding:0}.segmented-control{background:var(--surface-subtle);box-shadow:inset 0 0 0 1px var(--line);border-radius:11px;padding:3px;display:grid}.segmented-control--two{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control button{min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:600}.segmented-control button.is-selected{background:var(--surface);box-shadow:0 1px 4px #1617191a, inset 0 0 0 1px var(--line);color:var(--ink)}.inline-guidance{color:var(--warning);margin:9px 1px 0;font-size:12px;line-height:1.5}.visual-choice-grid{gap:8px;display:grid}.visual-choice-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-choice-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-choice{border:1px solid var(--line);background:var(--surface-subtle);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:92px;padding:12px 8px 10px;display:flex;position:relative}.visual-choice:hover{border-color:var(--line-strong)}.visual-choice__label{color:var(--ink-soft);font-size:11px;font-weight:600}.module-preview{grid-template-columns:repeat(4,1fr);gap:2px;width:38px;height:38px;display:grid}.module-preview span{background:var(--ink)}.module-preview--rounded span{border-radius:3px}.module-preview--dot span{border-radius:50%}.module-preview--vertical-line{gap:3px}.module-preview--vertical-line span{border-radius:4px}.finder-preview{border:6px solid var(--ink);place-items:center;width:42px;height:42px;display:grid;position:relative}.finder-preview--extra-rounded{border-radius:13px}.finder-preview--dot{border-radius:50%}.finder-preview__pupil{background:var(--ink);width:14px;height:14px}.finder-preview__pupil--dot{border-radius:50%}.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.palette-choice{border:1px solid var(--line);background:var(--surface-subtle);min-height:78px;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px 7px 9px;display:flex;position:relative}.palette-choice:hover{border-color:var(--line-strong)}.palette-choice__label{color:var(--ink-soft);text-align:center;font-size:10px;font-weight:650;line-height:1.15}.palette-preview{border:1px solid var(--line-strong);border-radius:8px;width:58px;height:34px;display:block;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001f}.palette-preview>span{border:1.5px solid #ffffffc7;border-radius:50%;width:19px;height:19px;position:absolute;top:7px;box-shadow:0 1px 3px #00000024}.palette-preview>span:first-child{left:7px}.palette-preview>span:nth-child(2){left:19px}.palette-preview>span:last-child{right:7px}.palette-preview--custom{border:2px solid var(--surface);background:conic-gradient(#d8495f,#d6a535,#2d8a65,#2876a8,#7550a5,#d8495f);border-radius:50%;width:31px;height:31px;box-shadow:0 1px 3px #00000024}.palette-choice--random{border-style:dashed}.palette-random-icon{background:var(--surface);width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-soft);border-radius:9px;place-items:center;display:grid}.style-colors-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-top:24px;display:flex}.style-colors-heading .field-label{margin:0}.style-color-card--readonly>span:last-child{color:var(--ink-faint);font-size:11px}.style-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.style-color-card{border:1px solid var(--line);background:var(--surface-subtle);border-radius:12px;min-width:0;padding:11px}.style-color-card .field-label{margin-bottom:7px}.style-color-card .color-controls,.style-color-card .hex-input{width:100%}.style-color-card .color-picker{flex:0 0 44px}.style-color-card--readonly{flex-direction:column;justify-content:center;min-height:75px;display:flex}.background-output-fieldset{margin-top:18px}.background-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.background-choice{border:1px solid var(--line);background:var(--surface-subtle);min-height:80px;color:var(--ink-soft);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px 8px 9px;font-size:11px;font-weight:650;display:flex;position:relative}.background-choice:hover{border-color:var(--line-strong)}.background-choice__swatch{border:1px solid var(--line-strong);border-radius:10px;width:34px;height:34px;transition:background-color .22s;box-shadow:0 1px 3px #0000001a}.background-choice__swatch--white{background:#fff}.background-choice__swatch--black{background:#000}.background-choice__swatch--transparent{background-color:#fff;background-image:linear-gradient(45deg,#d7d9dd 25%,#0000 25%),linear-gradient(-45deg,#d7d9dd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d7d9dd 75%),linear-gradient(-45deg,#0000 75%,#d7d9dd 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.background-custom-editor{border:1px solid var(--line);background:var(--surface-subtle);border-radius:12px;margin-top:10px;padding:11px}.background-custom-editor .field-label{margin-bottom:7px}.background-custom-editor .color-controls,.background-custom-editor .hex-input{width:100%}.background-custom-editor .color-picker{flex:0 0 44px}.frame-fieldset{margin-top:20px}.frame-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.frame-choice{border:1px solid var(--line);background:var(--surface-subtle);min-height:112px;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px 10px;display:flex;position:relative}.frame-choice:hover{border-color:var(--line-strong)}.frame-choice__label{color:var(--ink-soft);font-size:11px;font-weight:600}.frame-preview{width:62px;height:60px;display:block;position:relative}.frame-preview__code{border:3px solid var(--ink);background:repeating-conic-gradient(var(--ink) 0 25%, transparent 0 50%) 50% / 8px 8px;opacity:.82;border-radius:3px;width:40px;height:40px;position:absolute;top:2px;left:11px}.frame-preview__label{background:var(--ink);height:11px;color:var(--surface);letter-spacing:.04em;border-radius:4px;place-items:center;font-size:6px;font-weight:800;display:grid;position:absolute}.frame-preview--none:after{background:var(--ink-soft);content:"";opacity:.8;border-radius:3px;width:3px;height:30px;position:absolute;top:8px;left:30px;transform:rotate(-45deg)}.frame-preview--outline-square,.frame-preview--outline-rounded{box-sizing:border-box;border:2px solid var(--ink)}.frame-preview--outline-rounded{border-radius:8px}.frame-preview--outline-square .frame-preview__code,.frame-preview--outline-rounded .frame-preview__code{top:8px;left:9px}.frame-preview--caption-pill .frame-preview__label{border-radius:999px;width:34px;bottom:1px;left:14px}.frame-preview--solid-footer .frame-preview__label{bottom:1px;left:4px;right:4px}.frame-preview--top-tag .frame-preview__code{top:17px}.frame-preview--top-tag .frame-preview__label{width:32px;top:1px;left:15px}.frame-preview--top-tag .frame-preview__label:after{border-top:4px solid var(--ink);content:"";border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;position:absolute;bottom:-4px;left:13px}.frame-preview--poster{border:2px solid var(--ink);border-radius:5px}.frame-preview--poster .frame-preview__code{top:5px;left:9px}.frame-preview--poster .frame-preview__label{bottom:3px;left:3px;right:3px}.frame-settings{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:12px;margin-top:20px;display:grid}.frame-settings--color-only{grid-template-columns:minmax(0,1fr);max-width:320px}.frame-settings--text-only{grid-template-columns:minmax(0,1fr)}.frame-settings .color-controls,.frame-settings .hex-input{width:100%}.frame-settings .color-picker{flex:0 0 44px}.frame-text-field__label{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;font-weight:650;display:flex}.frame-text-field__label output{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.text-input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--ink);border-radius:10px;padding:0 12px;font-size:14px}.export-options select{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;width:100%;min-height:45px;padding:0 36px 0 12px;font-size:13px}.contrast-status{padding:5px 9px}.contrast-status.is-safe{background:var(--success-soft);color:var(--success)}.contrast-status.is-warning{background:var(--warning-soft);color:var(--warning)}.qr-stage{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:20px;place-items:center;width:min(100%,420px);margin:0 auto;padding:28px;display:grid;position:relative;overflow:hidden}.qr-stage--transparent{background-color:#fff;background-image:linear-gradient(45deg,#e7e8eb 25%,#0000 25%),linear-gradient(-45deg,#e7e8eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e7e8eb 75%),linear-gradient(-45deg,#0000 75%,#e7e8eb 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.qr-stage--framed{aspect-ratio:1/1.18}.qr-stage--outline{aspect-ratio:1}.qr-render{place-items:center;width:100%;height:100%;display:grid}.qr-render svg{width:100%;max-width:100%;height:auto;max-height:100%;animation:.22s ease-out qr-preview-in;display:block}@keyframes qr-preview-in{0%{opacity:.42}to{opacity:1}}.qr-loading{color:#5f6268;background:#ffffffb8;place-items:center;display:grid;position:absolute;inset:0}.qr-loading svg,.is-spinning{animation:.9s linear infinite spin}.contrast-warning{background:var(--warning-soft);color:var(--warning);border-radius:10px;align-items:center;gap:8px;margin:14px 0 0;padding:11px 12px;font-size:12px;font-weight:600;display:flex}.export-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.export-options label>span{margin-bottom:6px}.download-button{background:var(--ink);width:100%;min-height:52px;color:var(--surface);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:0 18px;font-size:14px;font-weight:650;transition:opacity .14s,transform .14s;display:inline-flex}.download-button:hover:not(:disabled){transform:translateY(-1px)}.download-button:disabled{cursor:not-allowed;opacity:.45}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:960px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-workspace{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr)}.logo-choices{grid-template-columns:1fr}}@media (max-width:800px){.qr-workspace{grid-template-columns:1fr;grid-template-areas:"editor""preview"}.preview-panel{position:static}.qr-stage{width:min(100%,380px)}}@media (max-width:620px){.site-header__inner,.page-shell{width:min(100% - 28px,1180px)}.site-header__inner{min-height:62px}.site-brand__text>span,.site-nav a{display:none}.site-nav{gap:8px}.hub-page{padding:58px 0 72px}.tool-directory{margin-top:54px}.tools-grid{grid-template-columns:1fr}.tool-card{min-height:214px}.qr-page{padding-top:24px}.qr-page__heading{margin-top:18px}.qr-workspace{margin-top:28px}.editor-panel,.preview-panel{border-radius:18px}.preview-panel,.panel-heading,.editor-section{padding:18px}.advanced-options__summary{padding:0 18px}.panel-heading--preview{flex-direction:column;align-items:flex-start;padding:0 0 16px}.editor-section--first{padding-top:4px}.qr-stage{border-radius:16px;width:min(100%,320px);padding:20px}.visual-choice-grid--four,.frame-choice-grid,.palette-grid,.background-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-colors-heading{flex-direction:column;align-items:flex-start;gap:3px}.style-color-grid{grid-template-columns:minmax(0,1fr)}.color-setting{flex-direction:column;align-items:flex-start}.color-controls,.hex-input{width:100%}.color-picker{flex:0 0 44px}.frame-settings{grid-template-columns:1fr}}@media (max-width:420px){.simple-style-picker{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.random-style-button{width:100%}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#111214;--surface:#1b1c20;--surface-subtle:#24262b;--surface-raised:#202126;--ink:#f4f4f5;--ink-soft:#b7b9bf;--ink-faint:#8e929a;--line:#303238;--line-strong:#41444c;--accent:#61b6ef;--accent-strong:#7ac5f6;--accent-soft:#172f40;--success:#71d69b;--success-soft:#173323;--warning:#edc875;--warning-soft:#392e18;--danger:#ff8a80;--danger-soft:#3d211f;--shadow-soft:0 18px 48px #00000042}.site-brand__mark{background-image:url(/brand/church-logo-light.png)}.download-button{color:#171719;background:#f2f2f3}.choice-check{color:#fff}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}