@font-face{font-family:LocalSans;src:local("Inter"),local("Arial");font-display:swap}
:root{font-family:LocalSans,Arial,sans-serif;color:#242823;background:#f7f7f2;font-synthesis:none;--accent:#ed592e;--ink:#242823;--muted:#7a7d73;--line:#dedfd6;--green:#4d7156}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ed592e;outline-offset:4px}button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-70px;left:20px;background:var(--ink);color:#fff;padding:12px;z-index:10}.skip-link:focus{top:12px}
.site-header,main,.site-footer{max-width:1224px;margin:auto}.site-header{height:100px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;flex-shrink:0;font-size:27px;font-weight:800;letter-spacing:-1.4px}.brand-dot{color:var(--accent)}.brand-icon{display:flex;flex-direction:column;justify-content:center;gap:4px;background:var(--accent);width:33px;height:33px;transform:rotate(-7deg);padding:8px 7px;border-radius:3px}.brand-icon i{height:3px;background:#fff;display:block}.brand-icon i:nth-child(2){width:14px}.brand-icon i:nth-child(3){width:9px}.site-header nav{display:flex;gap:30px;font-size:13px;color:#71766b;align-items:center}.site-header nav a{padding:10px 0;white-space:nowrap}.site-header nav a:hover{color:var(--accent)}.site-header nav .nav-active{color:var(--ink);font-weight:600}.terminal-symbol{font:12px monospace;margin-right:4px}.local-badge{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:30px;padding:9px 13px;color:#5b6257}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#779275}
.language-switcher{margin:0;display:flex;align-items:center;gap:5px;flex-shrink:0}.language-switcher select{width:120px;max-width:100%;padding:8px 6px;border:1px solid var(--line);border-radius:5px;background:#f7f7f2;color:var(--ink);font:12px LocalSans,Arial,sans-serif;cursor:pointer}.language-switcher select:hover{border-color:#a2aa96}
.hero{padding:65px 0 59px;display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:60px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;margin:0 0 23px;color:var(--accent)}.eyebrow>[aria-hidden]{font-size:18px;vertical-align:-2px;margin-right:7px}h1{font-size:62px;line-height:1.08;letter-spacing:-3.4px;font-weight:600;margin:0 0 24px}h1>.hero-secondary{color:#858a7d}.hero-description{font-size:15px;line-height:1.75;color:#71766b;margin:0}.specimen{padding:22px 27px 18px;border:1px solid var(--line);border-radius:10px;background:#f0f1e9;transform:rotate(2deg);position:relative;margin:9px 6px 0 0;box-shadow:5px 5px 0 #eeeee5}.specimen-heading{display:flex;gap:89px;color:#898d80;font:9px monospace;letter-spacing:2px;margin-bottom:8px}.specimen-row{display:grid;grid-template-columns:74px 43px 67px 1fr;align-items:center;min-height:57px;border-bottom:1px solid #dde0d4}.specimen-before{font-size:31px;color:#90977e;font-family:Georgia,serif}.specimen-arrow{font-size:19px;color:#a8ad9d;transform:rotate(45deg)}.specimen-after{font-size:33px;font-family:monospace;color:var(--accent)}.specimen-row small{font-size:10px;color:#6e7464;line-height:1.4;overflow-wrap:anywhere}.invisible-example{font:10px monospace;letter-spacing:1px;border:1px dashed #a3ab96;justify-self:start;padding:7px 5px;border-radius:3px;color:#828a75}.empty-symbol{font-size:27px}.specimen-footnote{font-size:9px;display:flex;align-items:center;gap:7px;color:#767e68;margin-top:16px}.specimen-footnote .status-dot{width:5px;height:5px}
.editor-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-label{display:flex;align-items:center;gap:15px}.section-label h2{font-size:17px;margin:0;font-weight:600;letter-spacing:-.3px}.text-button{border:0;background:none;font-size:11px;color:#666d5d;padding:8px 0}.text-button>[aria-hidden]{color:var(--accent);margin-right:4px;font-size:16px}.text-button:hover{color:var(--accent)}.editor-shell{border:1px solid #d5d8cc;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #292f2010}.settings-bar{display:flex;align-items:center;gap:17px;padding:13px 18px;background:#f2f3ec;border-bottom:1px solid var(--line)}.mode-control{display:flex;border:1px solid #dbded2;border-radius:6px;background:#e8ebe0;margin:0;padding:3px;flex-shrink:0}.mode-control label{position:relative;cursor:pointer}.mode-control input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.mode-control span{display:block;padding:8px 13px;font-size:11px;color:#737a66;border-radius:3px;transition:background .15s}.mode-control input:checked+span{background:#fff;color:#353b2e;box-shadow:0 1px 3px #25301b12;font-weight:600}.mode-control input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.settings-bar p{font-size:10px;color:#8b907f;margin:0}.auto-label{font-size:10px;color:#707965;margin-left:auto;display:flex;align-items:center;gap:6px;white-space:nowrap}.auto-label .status-dot{height:5px;width:5px}.editors{display:grid;grid-template-columns:1fr 1fr}.editor-pane{min-width:0}.source-pane{border-right:1px solid var(--line)}.result-pane{background:#fcfcf8}.pane-heading{height:59px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;gap:10px}.pane-heading label{font-size:12px;font-weight:600;display:flex;align-items:center;gap:10px}.pane-tag{font:8px monospace;letter-spacing:1px;background:#f0f1e9;color:#8d9282;padding:4px 5px;border-radius:3px}.result-tag{background:#e9eee0;color:#788766}.pane-tools{display:flex;align-items:center;gap:4px}.icon-button{display:grid;place-items:center;border:0;background:none;border-radius:4px;width:30px;height:30px;color:#959b8b}.icon-button:hover{color:var(--accent);background:#f6f5ed}.icon-button svg{width:15px;height:15px}.result-state{font:9px monospace;color:#859175}.editor-pane textarea{display:block;width:100%;height:277px;border:0;resize:vertical;padding:13px 23px 20px;background:transparent;color:#343b2c;font-size:15px;line-height:1.85;min-height:180px;border-radius:0}.editor-pane textarea::placeholder{color:#a4aa9b;opacity:1}.editor-pane textarea:focus{outline:none;box-shadow:inset 0 0 0 2px #e7eadf}.source-pane:focus-within .pane-heading label{color:var(--accent)}.pane-footer{display:flex;align-items:center;justify-content:space-between;height:42px;padding:0 23px;color:#a0a693;font:10px monospace}.shortcut{font:9px LocalSans,Arial,sans-serif;display:flex;gap:4px;align-items:center}kbd{font:8px monospace;background:#f3f4ed;border:1px solid #e4e7dc;border-radius:3px;padding:2px 4px}.utf-label{letter-spacing:.7px;font-size:9px}.editor-bottom{border-top:1px solid var(--line);padding:15px 18px 15px 23px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff}.change-summary{font-size:11px;color:#7c8370;margin:0;display:flex;align-items:center;gap:10px}.summary-icon{color:#7c8c67;font-size:20px}.result-actions{display:flex;gap:10px;flex-shrink:0}.download-button{display:flex;align-items:center;gap:6px;border:1px solid #dde1d4;background:white;border-radius:5px;padding:10px 12px;font:11px monospace;color:#78836a}.download-button svg{width:15px;height:15px}.primary-button{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:5px;font-size:12px;font-weight:600;box-shadow:0 2px 2px #ae301712}.primary-button:enabled:hover{background:#d94c24}.primary-button svg{width:15px;height:15px}.stats-row{display:flex;flex-wrap:wrap;align-items:center;gap:19px;padding:17px 1px 0;font-size:10px;color:#8a917e}.stats-row>span:not(:first-child):not(:last-child){border-left:1px solid #dedfd6;padding-left:19px}.stats-row b{font:11px monospace;font-weight:600;color:#606b51;margin-right:3px}.privacy-note{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10px}.privacy-note svg{width:13px;height:13px;fill:none;stroke:#839475;stroke-width:1.7}.warning{border:1px solid #eac8a0;background:#fff2e2;color:#8d4b13;font-size:13px;line-height:1.6;padding:14px;border-radius:6px}.warning[hidden]{display:none}
.principles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;padding:51px 0 49px;border-bottom:1px solid var(--line)}.principles h3{font-size:13px;letter-spacing:-.1px;font-weight:600;margin:0 0 10px}.principles p{font-size:12px;line-height:1.85;color:#848b79;margin:0;max-width:310px}.cli-section{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;padding:56px 0 40px;align-items:center}.cli-section .eyebrow{font:9px monospace;letter-spacing:1px;margin-bottom:16px;color:#8a917e}.cli-copy h2{font-size:31px;line-height:1.2;font-weight:500;letter-spacing:-1.1px;margin:0 0 17px}.cli-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#828b77;max-width:330px;margin:0 0 17px}.cli-download{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid #b5beaa;padding-bottom:5px;font-size:12px;font-weight:600}.cli-download:hover{color:var(--accent)}.runtime-note{display:block;margin-top:13px;font-size:9px;color:#929b86}.terminal{background:#262c24;border-radius:9px;overflow:hidden;box-shadow:0 4px 7px #1e291015;color:#d9dfd0}.terminal-heading{padding:15px 18px;border-bottom:1px solid #3b4236;display:flex;align-items:center;justify-content:space-between;font:9px monospace;color:#79836f}.terminal-heading>span:first-child{display:flex;gap:5px}.terminal-heading i{height:6px;width:6px;border-radius:50%;background:#56614c}.terminal-heading i:first-child{background:#b17b60}.terminal-body{padding:24px 24px 15px;font:11px/1.6 monospace}.terminal-comment{color:#7f8e70;margin:0 0 6px;font:10px/1.5 monospace}.terminal-body pre{margin:0 0 18px;overflow-x:auto;line-height:1.5;padding-bottom:3px}.terminal-prompt{color:#d8a16f;margin-right:5px}.terminal-footer{display:flex;gap:7px;align-items:center;padding:13px 24px;border-top:1px solid #3b4236;font-size:9px;color:#94a187}.terminal-footer .status-dot{width:5px;height:5px;background:#9fb58b}.scope-note{font-size:10px;line-height:1.8;color:#969d8a;margin:0 0 29px;max-width:660px}.site-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0 30px;font-size:10px;color:#9a9f8f}.footer-brand{font-size:14px;font-weight:600;letter-spacing:-.5px;color:#626b55}.site-footer>a:last-child{font:10px monospace;color:#7a856c}
.ascii-note{font-size:12px;line-height:1.7;color:#7a6949;margin:14px 0 0}.ascii-note[hidden]{display:none}
@media(min-width:1500px){.site-header,main,.site-footer{max-width:1280px}.hero{padding:75px 0 65px}h1{font-size:68px}.editor-pane textarea{height:310px}}
@media(max-width:1320px){.site-header,main,.site-footer{margin-left:48px;margin-right:48px}.hero{grid-template-columns:minmax(0,1fr) 345px;gap:40px}.specimen{padding-left:22px;padding-right:22px}.specimen-row{grid-template-columns:69px 40px 58px 1fr}.specimen-heading{gap:81px}h1{font-size:56px}}
@media(max-width:1000px){.site-header,main,.site-footer{margin-left:30px;margin-right:30px}.local-badge{display:none}.language-switcher{margin-left:auto}.hero{grid-template-columns:minmax(0,1fr) 290px;gap:24px}h1{font-size:46px;letter-spacing:-2.4px}.specimen-row{grid-template-columns:64px 34px 50px 1fr}.specimen-row small{font-size:8px}.specimen{padding:17px 16px}.specimen-heading{gap:70px}.hero-description{font-size:13px}.settings-bar p{display:none}.stats-row{gap:12px}.stats-row>span:not(:first-child):not(:last-child){padding-left:12px}.privacy-note{font-size:9px}.principles{gap:26px}.cli-section{gap:40px;grid-template-columns:.8fr 1.2fr}.terminal-body{padding:20px 17px;font-size:10px}}
@media(max-width:720px){.site-header,main,.site-footer{margin-left:20px;margin-right:20px}.site-header{display:grid;grid-template-columns:1fr auto;height:auto;gap:4px 18px;padding:17px 0 8px}.site-header .brand{grid-column:1;grid-row:1}.site-header .language-switcher{grid-column:2;grid-row:1;margin-left:0}.brand{font-size:23px}.brand-icon{width:28px;height:28px;padding:6px;gap:3px}.site-header nav{grid-column:1/-1;grid-row:2;margin-left:0;gap:24px;font-size:12px}.hero{display:block;padding:42px 0 34px}.hero .eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:47px;letter-spacing:-2.7px;margin-bottom:19px}.hero-description{font-size:13px}.specimen{display:none}.section-label{gap:9px}.text-button{font-size:10px}.settings-bar{padding:12px;gap:10px}.mode-control span{font-size:10px;padding:9px 10px}.auto-label{font-size:9px}.editors{grid-template-columns:1fr}.source-pane{border-right:0;border-bottom:1px solid var(--line)}.pane-heading{padding:0 17px;height:49px}.editor-pane textarea{height:215px;min-height:150px;padding:8px 17px 15px;font-size:14px;line-height:1.8}.pane-footer{padding:0 17px;height:35px}.result-pane textarea{height:215px}.editor-bottom{padding:15px;flex-wrap:wrap;gap:14px}.change-summary{font-size:10px}.result-actions{margin-left:auto}.primary-button{font-size:11px;padding:11px 14px}.download-button{padding:9px 11px}.stats-row{flex-wrap:wrap;gap:12px;font-size:9px}.stats-row>span:not(:first-child):not(:last-child){padding-left:10px}.privacy-note{margin-left:0;width:100%;font-size:10px;padding-top:4px}.principles{padding:34px 0;gap:23px;grid-template-columns:1fr}.principles h3{font-size:13px;margin-bottom:7px}.principles p{max-width:none;font-size:12px}.cli-section{grid-template-columns:1fr;padding:35px 0 26px;gap:25px}.cli-copy h2{font-size:29px}.cli-copy>p:not(.eyebrow){max-width:400px}.terminal-body{font-size:10px;padding:21px 17px 13px}.terminal-footer{padding:13px 17px}.scope-note{font-size:9px}.site-footer{padding:20px 0;gap:15px}.site-footer>span{display:none}.shortcut{display:none}}
@media(max-width:720px){:lang(ja) h1{font-size:clamp(28px,8vw,38px);line-height:1.3;letter-spacing:-.5px}}
@media(max-width:400px){.site-header{column-gap:12px}.site-header nav{gap:18px}.language-switcher select{width:112px;font-size:11px}}
.settings-bar{flex-wrap:wrap}.mode-control{min-width:0;flex-shrink:1}.mode-control label{min-width:0}.mode-control span{text-align:center;overflow-wrap:anywhere}.settings-bar p{flex:1;min-width:130px;line-height:1.6}
.unicode-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:15px 18px;border-bottom:1px solid var(--line);background:#fafbf6;font-size:12px}.profile-setting{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}.profile-setting>label{font-weight:600}.profile-setting select{max-width:100%;min-width:0;border:1px solid var(--line);background:white;border-radius:4px;padding:7px;color:var(--ink);font-size:12px}.unicode-settings p{font-size:11px;line-height:1.6;color:#737b68;margin:3px 0 0}.profile-setting p{width:100%}.simplify-setting{align-self:center;min-width:0}.simplify-setting label{display:flex;align-items:center;gap:7px;font-weight:600}.simplify-setting input{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.simplify-setting p{padding-left:27px}
.character-report{margin-top:20px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.character-report summary{padding:16px 18px;cursor:pointer;font-size:13px;font-weight:600;line-height:1.7}.character-report summary::marker{color:var(--accent)}#report-summary{font-size:11px;color:#737b68;font-weight:400;margin-left:15px}.report-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:0 18px 10px}.report-toolbar p,.report-note{font-size:12px;color:#737b68;line-height:1.6}.report-toolbar button{margin-left:auto;padding:8px 0}.report-note{padding:0 18px}.report-table-wrap{max-height:360px;overflow:auto;border-top:1px solid var(--line)}.report-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;min-width:580px}.report-table th{position:sticky;top:0;background:#f2f3ec;font-weight:600;color:#657158;z-index:1}.report-table th,.report-table td{padding:12px 18px;border-bottom:1px solid #e8eade;vertical-align:top;line-height:1.6}.report-table tr:last-child td{border-bottom:0}.report-table small{display:block;font:10px/1.5 monospace;color:#7c8274;overflow-wrap:anywhere;max-width:320px}.report-table code{font-size:11px;overflow-wrap:anywhere}.report-table [data-action="review"]{background:#fff2e2}.report-position{border:0;background:none;color:#b13b18;font:12px monospace;text-decoration:underline;text-underline-offset:3px;padding:2px 0}.report-replacement{display:block;white-space:pre-wrap;max-width:180px}.report-table-wrap[hidden],.report-note[hidden],.report-toolbar [hidden]{display:none}
@media(max-width:720px){.settings-bar{gap:8px}.mode-control{width:100%}.mode-control label{flex:1}.mode-control span{font-size:11px;padding:9px 6px}.auto-label{margin-left:0}.unicode-settings{grid-template-columns:1fr;padding:13px 15px;gap:14px}.character-report summary{padding:13px 15px}#report-summary{display:block;margin:4px 0 0}.report-table th,.report-table td{padding:10px 12px}.report-toolbar{padding-left:15px;padding-right:15px}.report-table-wrap{max-height:320px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero h1{overflow-wrap:anywhere;text-wrap:balance}
:lang(ko) .hero h1{word-break:keep-all}
.usage-guide{padding:42px 0;border-bottom:1px solid var(--line)}
.usage-guide h2,.faq-section h2{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:0 0 14px}
.section-intro{font-size:13px;line-height:1.8;color:#717a65;max-width:740px;margin:0 0 25px}
.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.guide-steps h3{font-size:14px;font-weight:600;margin:0 0 10px}
.guide-steps p{font-size:13px;line-height:1.8;color:#717a65;margin:0}
.faq-section{padding:18px 0 35px;max-width:880px}
.faq-section h2{margin-bottom:20px}
.faq-section details{border-top:1px solid var(--line);padding:17px 0}
.faq-section details:last-child{border-bottom:1px solid var(--line)}
.faq-section summary{font-size:14px;line-height:1.6;font-weight:600;cursor:pointer}
.faq-section summary::marker{color:var(--accent)}
.faq-section details p{font-size:13px;line-height:1.85;color:#717a65;margin:12px 0 0;max-width:760px}
.language-links{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0 0 24px;font-size:12px;line-height:2}
.language-links a{color:#657158;text-decoration:underline;text-underline-offset:4px}
.language-links a[aria-current="page"]{color:var(--accent);font-weight:600}
.language-links a:hover{color:var(--ink)}
@media(max-width:720px){.guide-steps{grid-template-columns:1fr;gap:22px}.usage-guide{padding:32px 0}.usage-guide h2,.faq-section h2{font-size:23px}.faq-section{padding-top:10px}.language-links{gap:6px 18px}}
.source-editor{position:relative;isolation:isolate}
.source-editor #input{position:relative;z-index:1;background:transparent;caret-color:var(--ink);white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:8}
.input-highlights{position:absolute;inset:0 auto auto 0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;color:transparent;white-space:pre-wrap;overflow-wrap:break-word;border:0;margin:0}
.input-highlights mark{position:relative;color:transparent;background:#ffe4a0;border-radius:2px;box-shadow:inset 0 -2px #b47b16;--highlight-edge:#a46900}
.input-highlights mark[data-action="removed"]{background:#ffcfc9;box-shadow:inset 0 -2px #c54b40;--highlight-edge:#ba3931}
.input-highlights .invisible-change::after{content:"";position:absolute;inset-inline-start:0;top:.05em;width:3px;height:1.15em;background:var(--highlight-edge);border-radius:1px}
.highlight-legend{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;padding:10px 23px 5px;color:#657158;font-size:11px;line-height:1.5}
.highlight-key{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.highlight-key i{display:inline-block;width:11px;height:11px;border-radius:2px;border-bottom:2px solid #b47b16;background:#ffe4a0}
.highlight-key .removed-swatch{background:#ffcfc9;border-color:#c54b40}
.highlight-help{flex-basis:100%;font-size:10px;color:#737b68}
.highlight-limit{margin:0;padding:7px 23px;color:#8d4b13;font-size:11px;line-height:1.6}
.highlight-legend[hidden],.highlight-limit[hidden]{display:none}
@media(max-width:720px){.highlight-legend{padding-left:17px;padding-right:17px}.highlight-limit{padding-left:17px;padding-right:17px}}
@media(forced-colors:active){.input-highlights mark{forced-color-adjust:none}.highlight-key i{forced-color-adjust:none}}