.svb-picker{--ink:#e9f2f5;--muted:#a9bdc6;--edge:#29424b;--accent:#baff3a;color:var(--ink);font:16px/1.5 Arial,sans-serif;max-width:1120px;margin:auto;box-sizing:border-box}.svb-picker *{box-sizing:border-box}.svb-picker h1{font-size:clamp(25px,3vw,36px);font-weight:600;line-height:1.2;margin:0 0 12px}.svb-picker h2{font-size:clamp(22px,2.5vw,29px);line-height:1.3;margin:0 0 12px}.svb-picker h3{font-size:19px;margin:0 0 8px}.svb-picker p{margin:0 0 16px;color:var(--muted)}.svb-picker a{color:#8ddeee}.svb-picker button,.svb-picker input{font:inherit}.svb-picker button{cursor:pointer;border:1px solid var(--edge);border-radius:12px;background:#132329;color:var(--ink);padding:12px 16px;min-height:46px}.svb-picker button:hover{border-color:var(--accent)}.svb-picker :focus-visible{outline:3px solid #baff3a;outline-offset:3px}.svb-picker .sp-card{background:#101c22;border:1px solid var(--edge);border-radius:20px;padding:24px;margin:24px 0}.svb-picker .sp-eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:bold;margin-bottom:8px}.svb-picker .sp-input{display:block;width:100%;background:#eef3f4;border:1px solid #b2c0c6;border-radius:12px;color:#10212b;padding:14px 16px;margin:8px 0 18px;min-width:0}.svb-picker .sp-wall{--wall:#182027;--face:#e7e8e5;--side:#9ca49b;--glow:transparent;background:radial-gradient(ellipse at 50% 65%,transparent 0,#0003 85%),repeating-linear-gradient(0deg,transparent 0 65px,#0002 66px 68px),repeating-linear-gradient(90deg,transparent 0 140px,#ffffff04 141px 143px),var(--wall);height:160px;border-radius:15px;display:flex;align-items:center;justify-content:center;padding:16px 24px;position:relative;isolation:isolate;overflow:hidden}.svb-picker .sp-wall:after{content:'';position:absolute;bottom:14px;width:70%;height:14px;border-radius:50%;background:var(--glow);filter:blur(22px);opacity:.18;z-index:-1}.svb-picker .sp-sign{font-family:svb0,sans-serif;font-size:96px;line-height:1.4;white-space:nowrap;display:inline-block;max-width:none;color:var(--face);text-shadow:calc(var(--step,1px)*1) calc(var(--step,1px)*1) var(--side),calc(var(--step,1px)*2) calc(var(--step,1px)*2) var(--side),calc(var(--step,1px)*3) calc(var(--step,1px)*3) var(--side),calc(var(--step,1px)*4) calc(var(--step,1px)*4) var(--side),calc(var(--step,1px)*5) calc(var(--step,1px)*5) var(--side),calc(var(--step,1px)*6) calc(var(--step,1px)*6) var(--side),calc(var(--step,1px)*8) calc(var(--step,1px)*10) 5px #0005,0 0 16px var(--glow),0 0 36px var(--glow);text-align:center}.svb-picker .sp-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center}.svb-picker .sp-choice{flex:1;min-width:180px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px}.svb-picker .sp-swatch{display:inline-block;width:22px;height:22px;border-radius:6px;border:1px solid #fff5;vertical-align:middle;margin-right:8px}.svb-picker .sp-caption{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin:12px 0 0;flex-wrap:wrap}.svb-picker .sp-cta{display:block;width:100%;background:var(--accent);color:#142008;font-weight:700;margin-top:20px;border-color:var(--accent)}.svb-picker .sp-note{font-size:13px;margin-top:12px;margin-bottom:0}.svb-picker .sp-gallery{align-items:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.svb-picker figure{margin:0;background:#111e24;border:1px solid var(--edge);border-radius:14px;overflow:hidden}.svb-picker figure img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#090d0f}.svb-picker figcaption{padding:12px 14px;font-size:14px}.svb-picker figcaption small{display:block;color:var(--muted);margin-top:2px}.svb-picker .sp-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.svb-picker .sp-info article{border-top:2px solid #81d4de;padding:18px;background:#111e24;border-radius:0 0 12px 12px}.svb-picker .sp-font-catalog{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:13px;list-style:none;padding:0}.svb-picker .sp-font-catalog li{padding:5px 9px;background:#19282e;border-radius:6px}.svb-picker dialog{background:#17262e;color:var(--ink);border:1px solid #47606b;border-radius:16px;padding:16px;width:min(520px,calc(100vw - 28px));max-height:80dvh;box-shadow:0 20px 90px #0009}.svb-picker dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}.svb-picker dialog.sp-colors{width:min(336px,calc(100vw - 28px))}.svb-picker .sp-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.svb-picker .sp-dialog-head h2{font-size:20px;margin:0}.svb-picker .sp-options{overflow:auto;max-height:55dvh;padding:3px}.svb-picker .sp-font-option{display:block;width:100%;text-align:left;margin:0 0 8px;background:#eef2f2;color:#16242a}.svb-picker .sp-font-option small{display:block;font-size:12px;color:#566b76;margin-bottom:5px}.svb-picker .sp-font-option span{display:block;font-size:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.svb-picker .sp-font-option[aria-pressed=true]{border:2px solid #8ab91a}.svb-picker .sp-color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.svb-picker .sp-color-grid button{padding:0;min-height:46px;height:46px;position:relative;border-radius:8px}.svb-picker .sp-color-grid button span{position:absolute;bottom:0;left:0;right:0;background:#11212aeb;font:10px/16px Arial;color:white;border-radius:0 0 7px 7px}.svb-picker .sp-color-grid button[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:1px}.svb-picker .sp-preview-request{background:#edf4f6;color:#17313e;padding:20px;border-radius:14px;margin-top:20px}.svb-picker .sp-preview-request textarea{width:100%;min-height:150px;border-radius:8px;padding:12px;font:14px/1.6 Arial;background:white;color:#162c36}.svb-picker [hidden]{display:none!important}@media(max-width:600px){.svb-picker .sp-card{padding:16px;margin-top:18px}.svb-picker .sp-wall{height:110px;padding:12px 16px}.svb-picker .sp-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.svb-picker figcaption{font-size:12px;padding:9px}.svb-picker .sp-info{grid-template-columns:1fr}.svb-picker .sp-choice{min-width:0;width:100%;flex-basis:100%}.svb-picker .sp-controls{gap:8px}.svb-picker .sp-controls>button:not(.sp-choice){flex:1;padding:12px 8px}.svb-picker .sp-caption{font-size:12px}.svb-picker dialog{max-height:85dvh}.svb-picker .sp-options{max-height:58dvh}}@media(prefers-reduced-motion:reduce){.svb-picker *{scroll-behavior:auto!important}}
.svb-picker h1{margin-top:0!important}.svb-picker label[for="sp-text"]{display:block;width:auto;max-width:none;margin:0;color:var(--ink)}.svb-picker .sp-gallery figure img{display:block;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;object-fit:contain}@media(max-width:600px){.contentZone>.container:has(>.row>.svb-picker){width:auto!important;margin:0 14px!important}}.svb-picker h3{color:#e9f2f5!important;opacity:1!important}.svb-picker .sp-info a{color:#8ddeee!important}@media(max-width:900px){.svb-picker .sp-info{grid-template-columns:1fr}.svb-picker .sp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.svb-picker .sp-gallery{display:block;columns:3;column-gap:16px}.svb-picker .sp-gallery figure{break-inside:avoid;margin:0 0 16px;width:100%}@media(max-width:900px){.svb-picker .sp-gallery{columns:2;column-gap:10px}.svb-picker .sp-gallery figure{margin-bottom:10px}}
/* Silver theme for the font picker page. The sign preview remains dark to show light. */
.svb-picker{--ink:#19343e;--muted:#4a626c;--edge:#a9bec6;background:radial-gradient(circle at 13% 8%,rgba(255,255,255,.92),transparent 36%),repeating-linear-gradient(135deg,transparent 0 78px,rgba(65,113,131,.12) 78px 79px,transparent 79px 158px),repeating-linear-gradient(45deg,transparent 0 118px,rgba(255,255,255,.55) 118px 119px,transparent 119px 238px),linear-gradient(145deg,#e9f0f2,#cbd9de);color:var(--ink);border:1px solid #b7cbd2;border-radius:22px;padding:20px}
.svb-picker h1,.svb-picker h2,.svb-picker h3{color:#18343e!important;text-shadow:none!important}
.svb-picker p,.svb-picker label{color:var(--muted)}
.svb-picker label[for="sp-text"]{color:#23424e}
.svb-picker .sp-eyebrow{color:#447423}
.svb-picker button{color:#e9f2f5}
.svb-picker .sp-cta{color:#142008}
.svb-picker .sp-font-option{color:#16242a}
.svb-picker .sp-card,.svb-picker figure,.svb-picker .sp-info article{background:rgba(248,251,252,.92);border:1px solid #b4c8cf;box-shadow:0 10px 24px rgba(27,59,71,.09)}
.svb-picker .sp-info article{border-top:3px solid #54a7bf}
.svb-picker figcaption{color:#1b3943}
.svb-picker figcaption small{color:#536b75}
.svb-picker .sp-caption,.svb-picker .sp-note{color:#516a74}
.svb-picker .sp-font-catalog li{background:#eef3f4;color:#294854;border:1px solid #bed0d5}
.svb-picker .sp-info a,.svb-picker a{color:#215d75!important}
.svb-picker dialog{--ink:#e9f2f5;--muted:#a9bdc6;--edge:#47606b}
.svb-picker dialog h2{color:#e9f2f5!important}
.svb-picker dialog p,.svb-picker dialog label{color:#a9bdc6}
@media(max-width:600px){.svb-picker{padding:14px;border-radius:16px}}
.svb-picker .sp-wall{background:radial-gradient(ellipse at 50% 65%,transparent 0,rgba(0,0,0,.12) 100%),var(--wall)}
.svb-picker .sp-showcase{--ink:#e9f2f5;--muted:#a9bdc6;--edge:#29424b;background:#0a0a0a;color:var(--ink);margin:24px -20px -20px;padding:24px 20px 22px;border-radius:0 0 20px 20px}
.svb-picker .sp-showcase h2,.svb-picker .sp-showcase h3{color:#e9f2f5!important}
.svb-picker .sp-showcase p{color:#a9bdc6}
.svb-picker .sp-showcase figure{background:#111e24;border-color:#29424b;box-shadow:none}
.svb-picker .sp-showcase figcaption{color:#e9f2f5}
.svb-picker .sp-showcase figcaption small{color:#a9bdc6}
.svb-picker .sp-showcase .sp-info article{background:#111e24;border-color:#81d4de;box-shadow:none}
.svb-picker .sp-showcase .sp-info a{color:#8ddeee!important}
.svb-picker .sp-showcase .sp-font-catalog li{background:#19282e;color:#a9bdc6;border:0}
@media(max-width:600px){.svb-picker .sp-showcase{margin:20px -14px -14px;padding:20px 14px 18px;border-radius:0 0 15px 15px}}