:root{color:#171a1d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Noto Sans SC,Microsoft YaHei UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh}button,textarea{font:inherit}button{cursor:pointer}.page-shell{background:#fff;min-height:100svh;padding:78px 28px 56px;position:relative}.github-link{color:#1a1d20;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .16s,transform .16s;display:grid;position:absolute;top:27px;right:29px}.github-link:hover{background:#f4f6f6;transform:translateY(-1px)}.github-mark{width:20px;height:20px}.workbench{width:min(100%,688px);margin:0 auto;animation:.52s cubic-bezier(.22,1,.36,1) both enter}.eyebrow,.field-heading,.section-heading,.preview-heading,.control>span:first-child,.align-row>span,.page-number{letter-spacing:.08em;color:#5f7777;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:600}.eyebrow{letter-spacing:.14em;margin:0 0 20px}h1{color:#151719;margin:0;font-family:Iowan Old Style,Palatino Linotype,Noto Serif SC,serif;font-size:clamp(36px,8.5vw,70px);font-weight:600;line-height:1.08}.intro{color:#70787b;margin:21px 0 49px;font-size:16px}.text-field{border-top:1px solid #202326;border-bottom:1px solid #ccd2d3;padding:14px 0 17px;position:relative}.field-heading,.preview-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.field-hint{color:#9aa6a7;letter-spacing:0;font-size:12px;font-weight:400}textarea{resize:vertical;color:#1a1d20;background:0 0;border:0;outline:none;width:100%;min-height:138px;padding:5px 0;font-size:16px;line-height:1.65;display:block}textarea::placeholder{color:#a4afb1}.field-rule{background:#468282;width:44px;height:2px;position:absolute;bottom:-1px;right:0}.settings-section{margin-top:26px}.section-heading{margin-bottom:18px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;display:grid}.control{flex-direction:column;gap:8px;min-width:0;display:flex}.control>span:first-child,.align-row>span{color:#63787a}.control select,.control>input,.paired-input,.color-input{color:#263335;background:#fff;border:1px solid #c7d2d2;border-radius:4px;width:100%;height:42px;padding:0 12px;font-size:14px}.control select{cursor:pointer}.control input[type=number]{font-variant-numeric:tabular-nums}.paired-input,.color-input{align-items:center;gap:8px;display:flex}.paired-input input{background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:14px}.paired-input>span{color:#7a8b8c}.color-input input{cursor:pointer;background:0 0;border:0;border-radius:3px;width:27px;height:27px;padding:1px}.color-input span{font-family:Consolas,monospace;font-size:13px}.align-row{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.segmented{flex-wrap:wrap;gap:5px;display:flex}.segmented button{color:#667477;background:#fff;border:1px solid #cbd8d7;border-radius:4px;min-height:34px;padding:5px 10px;font-size:13px}.segmented button:hover,.segmented button.active{color:#245354;background:#eaf4f2;border-color:#468282}.error{color:#a5473c;margin:14px 0 0;font-size:13px}.print-button{color:#fff;background:#1a1d20;border:1px solid #1a1d20;border-radius:4px;justify-content:space-between;align-items:center;width:100%;min-height:56px;margin-top:28px;padding:0 19px 0 22px;font-size:15px;font-weight:600;transition:background .16s,transform .16s;display:flex}.print-button:hover:not(:disabled){background:#355f60;transform:translateY(-1px)}.print-button:disabled{cursor:not-allowed;background:#8d999a;border-color:#8d999a}.print-note{color:#758385;margin:13px 0 0;font-size:13px;line-height:1.7}.preview-section{border-top:1px solid #ccd2d3;margin-top:38px;padding-top:17px}.preview-heading{margin-bottom:22px}.preview-heading span:last-child{color:#829092;letter-spacing:0;font-size:12px;font-weight:400}.preview-list{background:#f7f9f9;border:1px solid #e5ebeb;border-radius:4px;flex-direction:column;align-items:center;gap:25px;padding:27px 16px;display:flex}.preview-entry{flex-direction:column;align-items:center;width:100%;display:flex}.preview-paper{background:#fff;width:min(100%,430px);position:relative;overflow:hidden;box-shadow:0 4px 21px #1722231c;container-type:inline-size}.preview-content{white-space:pre;line-height:1.5;position:absolute;overflow:hidden}.preview-placeholder{color:#a4afb1;white-space:normal;font-size:13px}.page-number{color:#9ba7a8;margin-top:10px;font-size:11px}.author-credit{color:#829092;margin-top:28px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:12px}.author-credit a{color:#3f6d6e;text-underline-offset:3px;text-decoration-color:#a9bdbd}.print-only{display:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #468282}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=540px){.page-shell{padding:94px 22px 45px}.intro{margin-bottom:36px}.settings-grid{gap:16px 12px}.preview-list{padding:20px 12px}}@page{size:auto;margin:0;@top-left{content:none}@top-center{content:none}@top-right{content:none}@bottom-left{content:none}@bottom-center{content:none}@bottom-right{content:none}}@media print{html,body,#root,.page-shell{background:#fff!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important}.page-shell>.github-link,.workbench{display:none!important}.print-only{display:block!important}.print-page{box-sizing:border-box;white-space:pre;break-inside:avoid;page-break-inside:avoid;break-after:page;page-break-after:always;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:0 auto;line-height:1.5;overflow:hidden}.print-page:last-child{break-after:auto;page-break-after:auto}.print-line{white-space:pre;height:1.5em}}.preview-dialog{background:#fff;border:1px solid #d5dddd;border-radius:6px;width:min(720px,100% - 28px);max-width:none;max-height:calc(100dvh - 28px);padding:0;overflow:hidden;box-shadow:0 22px 60px #17222333}.preview-dialog::backdrop{background:#151a1c59}.preview-dialog-inner{flex-direction:column;max-height:calc(100dvh - 30px);display:flex}.dialog-header{border-bottom:1px solid #e2e8e8;flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px 19px;display:flex}.dialog-header .eyebrow{margin:0 0 8px;font-size:10px}.dialog-header h2{color:#1a1d20;margin:0;font-family:Iowan Old Style,Palatino Linotype,Noto Serif SC,serif;font-size:29px;font-weight:600}.dialog-header p:last-child{color:#829092;margin:8px 0 0;font-size:12px}.dialog-close{color:#536263;background:0 0;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.dialog-close:hover{background:#f2f7f6;border-color:#d6e1e0}.preview-dialog .preview-list{border:0;border-radius:0;flex:1;gap:30px;min-height:0;padding:25px 20px;overflow-y:auto}.dialog-footer{background:#fff;border-top:1px solid #e2e8e8;flex:none;padding:16px 26px}.dialog-footer .print-button{margin:0}.author-credit{margin-top:27px}@media (width<=540px){.dialog-header{padding:18px 18px 15px}.dialog-footer{padding:12px 18px}.preview-dialog .preview-list{padding:18px 14px}}@media print{.preview-dialog{display:none!important}}.highlight-option{color:#667477;cursor:pointer;align-items:center;gap:8px;min-height:34px;margin-top:18px;padding:4px 8px 4px 0;font-size:13px;display:inline-flex;position:relative}.highlight-option:hover{color:#294f50}.highlight-option input{opacity:0;width:1px;height:1px;position:absolute}.setting-check{color:#fff;background:#fff;border:1px solid #9eacad;border-radius:3px;place-items:center;width:18px;height:18px;font-size:13px;font-weight:600;display:grid}.highlight-option input:checked+.setting-check{background:#468282;border-color:#468282}.highlight-option input:focus-visible+.setting-check{outline-offset:3px;outline:2px solid #468282}.highlight-status{color:#667477;margin:0 0 0 26px;font-size:12px}.preview-dialog[open]:not(.is-closing){animation:.22s cubic-bezier(.22,1,.36,1) both dialog-in}.preview-dialog[open]:not(.is-closing)::backdrop{animation:.22s both backdrop-in}.preview-dialog.is-closing{animation:.2s ease-in both dialog-out}.preview-dialog.is-closing::backdrop{animation:.2s ease-in both backdrop-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dialog-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.99)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.preview-dialog,.preview-dialog::backdrop{transition:none!important;animation:none!important}}@media print{.preview-dialog,.preview-dialog::backdrop{animation:none!important}}.print-setting-note{color:#829092;margin:9px 0 0;font-size:12px;line-height:1.5}.preview-content,.print-columns{align-content:start;display:grid}.preview-content{grid-auto-rows:auto}.paper-column{min-width:0;overflow:hidden}.print-page{position:relative}.paper-footer{color:#637477;white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;line-height:1.2;display:flex;position:absolute}.paper-footer span{text-overflow:ellipsis;min-width:0;overflow:hidden}.paper-footer span:last-child{flex:none}.paper-footer.only-page{justify-content:center}.printed-footer{font-size:8pt}.preview-footer{font-size:10px}@media print{.print-setting-note,.page-number{display:none!important}}.highlight-row{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.highlight-row .highlight-option{flex:none;margin-top:0}.highlight-row .highlight-status{text-align:right;color:#829092;margin:0;font-size:12px}.ios-print-hint{color:#6f7e80;margin:0 0 10px;font-size:12px;line-height:1.5}.dialog-footer .error{margin:0 0 10px}.highlight-row{flex-wrap:wrap;justify-content:flex-start}.highlight-row .highlight-status{margin-left:auto}.numbered-line{align-items:baseline;column-gap:.3em;display:grid}.line-number{color:#9ba7a8;text-align:right;-webkit-user-select:none;user-select:none;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.8em;overflow:hidden}.line-body{white-space:pre;min-width:0}
