.quill-preview{background:var(--lightningcss-light,var(--color-neutral-100))var(--lightningcss-dark,var(--color-neutral-800));color:var(--lightningcss-light,var(--color-neutral-950))var(--lightningcss-dark,var(--color-neutral-50));padding:clamp(12px,3vw,24px);font-family:Georgia,Times New Roman,serif;line-height:1.8;container-type:inline-size}.quill-preview .skip{clip:rect(0, 0, 0, 0)!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;position:absolute!important;overflow:hidden!important}.quill-preview .tr{text-align:right}.quill-preview .letter-style{box-sizing:border-box;color:var(--lightningcss-light,var(--color-neutral-950))var(--lightningcss-dark,var(--color-neutral-50));overflow-wrap:anywhere;margin:0 auto 28px}.quill-preview .letter-style *{box-sizing:border-box}.quill-preview .letter-paragraph{white-space:normal}.quill-preview .letter-style p{margin:0}.quill-preview .letter-style.letter{--quill-rule-color:color-mix(in srgb, currentColor 60%, transparent);background:var(--lightningcss-light,var(--color-white))var(--lightningcss-dark,var(--color-neutral-900));max-width:820px;box-shadow:0 0 15px color-mix(in srgb, var(--color-black) 25%, transparent);padding:clamp(18px,4cqi,32px) clamp(14px,6cqi,64px) clamp(24px,6cqi,64px);font-family:Noto Serif KR,바탕,Batang,serif}.quill-preview .letter-style.letter .letter-head{text-align:right}.quill-preview .letter-style.letter .letter-head>span{padding-right:clamp(32px,10cqi,80px);font-size:12px;font-style:italic}.quill-preview .letter-style.letter .letter-body{border:3px double var(--quill-rule-color)}.quill-preview .letter-style.letter .letter-body-inner{--quill-line-height:1.8em;background-image:linear-gradient(to bottom, transparent calc(var(--quill-line-height) - 1px), var(--quill-rule-color) 0);background-size:100% var(--quill-line-height);font-size:15px;line-height:var(--quill-line-height);background-repeat:repeat-y;background-origin:content-box}@supports (-webkit-touch-callout:none){.quill-preview .letter-style.letter .letter-body-inner{--quill-line-height:27px;-webkit-text-size-adjust:100%}}.quill-preview .letter-style.letter .inner{margin:0 clamp(12px,4cqi,32px);padding:0 clamp(6px,1cqi,10px);display:block}.quill-preview .letter-style.letter .letter-paragraph{text-indent:2ch}.quill-preview .letter-style.antique{--quill-rule-color:var(--quill-antique-ink,#11335f);--quill-frame-inset:clamp(10px, 3cqi, 32px);--quill-frame-width:clamp(28px, 8cqi, 80px);isolation:isolate;max-width:820px;padding:calc(var(--quill-frame-inset) + var(--quill-frame-width) + 12px);background:var(--lightningcss-light,var(--color-white))var(--lightningcss-dark,var(--color-neutral-900));box-shadow:0 0 10px color-mix(in srgb, var(--color-black) 75%, transparent);font-family:Noto Serif KR,바탕,Batang,serif;position:relative}.quill-preview .letter-style.antique:before{content:"";inset:var(--quill-frame-inset);border:var(--quill-frame-width) solid #0000;border-image:url(/quill/antique-frame.svg) 37 37 38 38/var(--quill-frame-width) stretch;filter:var(--quill-frame-filter,none);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;position:absolute}.quill-preview .letter-style.antique :where(.name,.closing){padding-inline:clamp(0px,3cqi,32px);font-family:Allison,Times New Roman,cursive;line-height:1.1}.quill-preview .letter-style.antique .name{font-size:clamp(32px,6cqi,52px)}.quill-preview .letter-style.antique .closing{font-size:clamp(24px,4cqi,30px)}.quill-preview .letter-style.antique .letter-head{margin-bottom:32px}.quill-preview .letter-style.antique .letter-body-inner{--quill-line-height:1.8em;background-image:linear-gradient(to bottom, transparent calc(var(--quill-line-height) - 1px), var(--quill-rule-color) 0);background-size:100% var(--quill-line-height);font-size:15px;line-height:var(--quill-line-height);background-repeat:repeat-y;background-origin:content-box}@supports (-webkit-touch-callout:none){.quill-preview .letter-style.antique .letter-body-inner{--quill-line-height:27px;-webkit-text-size-adjust:100%}}.quill-preview .letter-style.antique .inner{text-indent:2ch;display:block}.quill-preview .letter-style.antique .letter-footer{flex-direction:column;align-items:flex-end;display:flex}.quill-preview .letter-style.twitter{background:var(--lightningcss-light,var(--color-white))var(--lightningcss-dark,var(--color-neutral-900));border:1px solid var(--lightningcss-light,var(--color-neutral-200))var(--lightningcss-dark,color-mix(in oklab, var(--color-white) 10%, transparent));max-width:640px;color:var(--lightningcss-light,var(--color-neutral-950))var(--lightningcss-dark,var(--color-neutral-50));border-radius:0;font-family:Arial,Helvetica,sans-serif}.quill-preview .twitter .letter-paragraph{border-bottom:1px solid var(--lightningcss-light,var(--color-neutral-200))var(--lightningcss-dark,color-mix(in oklab, var(--color-white) 10%, transparent));gap:12px;margin:0;padding:12px 15px;display:flex}.quill-preview .twitter .letter-paragraph:last-child{border-bottom:0}.quill-preview .twitter .letter-paragraph:hover{background:var(--lightningcss-light,var(--color-neutral-100))var(--lightningcss-dark,var(--color-neutral-800))}.quill-preview .twitter .lp-left{flex:0 0 50px;width:50px}.quill-preview .twitter .lp-prof{border:1px solid var(--color-neutral-300);background:var(--color-neutral-950);width:50px;height:50px;color:var(--color-white);background-position:50%;background-size:cover;border-radius:50%;place-items:center;font-weight:700;display:grid}.quill-preview .twitter .lp-right{flex:1;min-width:0;position:relative}.quill-preview .twitter .bar{background:var(--lightningcss-light,var(--color-neutral-200))var(--lightningcss-dark,color-mix(in oklab, var(--color-white) 10%, transparent));width:5px;height:calc(100% - 36px);position:absolute;top:55px;left:-39px}.quill-preview .twitter .lpr-writ{align-items:baseline;gap:12px;font-size:15px;display:flex}.quill-preview .twitter .lpr-writ strong{font-weight:700}.quill-preview .twitter .lpr-writ span,.quill-preview .twitter .lpr-text span{color:var(--lightningcss-light,var(--color-neutral-500))var(--lightningcss-dark,var(--color-neutral-400))}.quill-preview .twitter .lpr-text{padding:3px 0 8px;line-height:1.55}.quill-preview .twitter .lpr-text p{margin:0}.quill-preview .twitter .lpr-text span{color:#1b95e0;padding-right:10px}.quill-preview .twitter .lpr-icon{color:var(--lightningcss-light,var(--color-neutral-500))var(--lightningcss-dark,var(--color-neutral-400));align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.quill-preview .twitter .lpr-icon li{flex:1 1 0;align-items:center;gap:6px;font-size:12px;display:flex}.quill-preview .twitter .lpr-icon span{text-indent:-999px;opacity:.58;width:20px;height:20px;-webkit-mask:radial-gradient(circle at 50% 50%, transparent 34%, var(--color-black) 36% 54%, transparent 56%);mask:radial-gradient(circle at 50% 50%, transparent 34%, var(--color-black) 36% 54%, transparent 56%);-webkit-mask:radial-gradient(circle at 50% 50%, transparent 34%, var(--color-black) 36% 54%, transparent 56%);background:currentColor;border-radius:50%;overflow:hidden}.quill-preview .twitter .lpr-icon b{font-weight:400}@media (max-width:720px){.quill-preview .letter-style.twitter{max-width:100%}.quill-preview .twitter .lp-left{flex-basis:42px;width:42px}.quill-preview .twitter .lp-prof{width:42px;height:42px}.quill-preview .twitter .bar{left:-33px}}.quill-preview .letter-result{background:var(--lightningcss-light,var(--color-white))var(--lightningcss-dark,var(--color-neutral-900));max-width:820px;color:var(--lightningcss-light,var(--color-neutral-950))var(--lightningcss-dark,var(--color-neutral-50));margin:28px auto 0;padding:20px 30px}.quill-preview .letter-result hr{border:0;border-top:1px solid color-mix(in srgb, var(--color-neutral-800) 22%, transparent);margin:20px 0}.dark .quill-preview{--quill-antique-ink:color-mix(in srgb, var(--color-neutral-50) 60%, transparent);--quill-frame-filter:grayscale(1) brightness(0) invert(1) opacity(.65)}
