@font-face{font-family:'Preview Castoro';src:url('assets/fonts/Castoro-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Preview Castoro';src:url('assets/fonts/Castoro-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Preview Tenor Sans';src:url('assets/fonts/TenorSans-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Preview Cormorant Garamond';src:url('assets/fonts/CormorantGaramond-VariableFont_wght.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Preview Cormorant Garamond';src:url('assets/fonts/CormorantGaramond-Italic-VariableFont_wght.ttf') format('truetype');font-weight:300 700;font-style:italic;font-display:swap}
#font-preview{position:fixed;right:22px;bottom:22px;z-index:40;width:310px;background:#f9f6ef;color:#173f35;border:1px solid #173f3540;box-shadow:0 8px 36px #102b2325;font:12px/1.6 Arial,'PingFang SC',sans-serif;max-width:calc(100vw - 28px)}
#font-preview:not([open]){width:auto}
#font-preview>summary{font:12px/1.5 Arial,'PingFang SC',sans-serif;padding:13px 16px;gap:25px;align-items:center;user-select:none}
#font-preview>summary:after{content:'＋';font-size:16px}
#font-preview[open]>summary{border-bottom:1px solid #173f3526}
#font-preview[open]>summary:after{content:'−'}
#font-preview .fp-body{padding:16px;max-height:calc(100svh - 155px);overflow:auto;overscroll-behavior:contain}
#font-preview label{display:flex;justify-content:space-between;align-items:center;margin:0 0 6px;font:11px/1.6 Arial,'PingFang SC',sans-serif}
#font-preview label span{color:#6b766a;font-size:10px}
#font-preview select{display:block;width:100%;font:13px/1.5 Arial,'PingFang SC',sans-serif;padding:9px 10px;background:#fffdf8;color:#173f35;border:1px solid #173f3540;border-radius:0;margin-bottom:13px;cursor:pointer}
#font-preview input[type=range]{width:100%;accent-color:#173f35;margin:0 0 9px;cursor:pointer}
#font-preview input:disabled{cursor:default;opacity:.4}
#font-preview .fp-sample{font-family:var(--preview-heading,'Bodoni 72'),'Times New Roman',serif;font-size:29px;font-weight:var(--preview-weight,400);line-height:1.15;letter-spacing:-.02em;padding:13px 0;border-top:1px solid #173f3526;border-bottom:1px solid #173f3526;margin:9px 0 12px;overflow-wrap:anywhere}
#font-preview .fp-sample em{font-weight:inherit}
#font-preview .fp-note{font:10px/1.7 Arial,'PingFang SC',sans-serif;color:#687368;margin:7px 0 12px;padding:0}
#font-preview .fp-reset{border:1px solid #173f3560;width:100%;padding:8px 10px;font:11px/1.5 Arial,'PingFang SC',sans-serif}
#font-preview .fp-reset:hover{background:#173f35;color:#f4f0e6}
#font-preview :focus-visible{outline:2px solid #a33d3b;outline-offset:2px}
#font-preview .fp-status{font:10px/1.5 Arial,'PingFang SC',sans-serif;min-height:15px;margin-top:8px;color:#687368}
@media(max-width:640px){#font-preview{right:14px;bottom:14px}}
@media print{#font-preview{display:none}}
