:root{color-scheme:light;--paper:#f5f4ef;--surface:#fff;--ink:#182c3e;--muted:#4d6070;--blue:#164e84;--line:#c9d0d5;--pale:#edf3f8;--error:#8c2222}*{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-color:#8292a0 var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 ui-sans-serif,system-ui,sans-serif}::selection{background:#c4d9ec;color:var(--ink)}a{color:var(--blue);text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}:focus-visible{outline:3px solid #236bad;outline-offset:4px}header,footer{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 36px;gap:20px}header{border-bottom:1px solid var(--line)}header>span,footer{font-size:.82rem;color:var(--muted)}.wordmark{font-weight:750;font-size:1.07rem;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:9px}.brand-dot{height:8px;width:8px;background:var(--blue);display:inline-block}main{max-width:1220px;margin:auto;padding:0 36px}.intro{padding:58px 0 38px;max-width:760px}h1,h2,h3{line-height:1.16}h1{font:normal clamp(2.4rem,4.7vw,4.2rem)/1.08 Georgia,serif;letter-spacing:-.035em;margin:0 0 20px;text-wrap:balance}p{max-width:70ch}.intro p{max-width:61ch;font-size:1.1rem;color:var(--muted);margin:0 0 18px}.intro>a{font-size:.92rem}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 295px;align-items:start;gap:42px;border-top:1px solid var(--line);padding-top:28px}.work{padding:28px;background:var(--surface)}h2{font-size:1.25rem;margin:0 0 20px;font-weight:700}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-title h2{margin:0}.section-title span{font-size:.84rem;color:var(--muted)}button{cursor:pointer;border-radius:6px;min-height:44px;padding:10px 17px;font-weight:650;border:1px solid transparent;transition:background .16s ease,color .16s ease}button:disabled{opacity:.48;cursor:not-allowed}.primary{background:var(--blue);color:#fff}.primary:hover:not(:disabled){background:#103b66}.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.secondary:hover:not(:disabled){background:var(--pale)}.quiet{padding:4px 10px;background:transparent;color:var(--muted);font-size:.85rem}.quiet:hover{background:var(--pale)}.file-label{display:block;font-weight:650;margin-bottom:12px}input[type=file]{width:100%;padding:14px;border:1px dashed #8b9aa5;border-radius:6px;min-height:56px;color:var(--muted);font-size:.86rem}input::file-selector-button{border:0;padding:8px 12px;border-radius:4px;background:var(--pale);color:var(--ink);margin-right:12px;cursor:pointer;font-weight:650}.small{font-size:.8rem;color:var(--muted);margin:8px 0 0}.or{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 28px;font-size:.85rem;color:var(--muted)}.paste-label{display:flex;justify-content:space-between;font-weight:650;margin-bottom:9px}.paste-label span{font-weight:400;font-size:.8rem;color:var(--muted)}textarea{width:100%;height:124px;padding:12px;resize:vertical;background:#f8fafb;border:1px solid var(--line);border-radius:5px;font:12px/1.5 ui-monospace,monospace;color:var(--ink);caret-color:var(--blue)}textarea::placeholder{color:#596b79}#process{margin-top:22px}#status{font-size:.85rem;margin:12px 0 0;color:var(--muted);min-height:1.6em}#status.error{color:var(--error)}#result{margin-top:30px;padding-top:26px;border-top:1px solid var(--line);animation:reveal .35s cubic-bezier(.16,1,.3,1)}.notice{background:var(--pale);padding:14px;font-size:.86rem;margin-top:0}dl{display:grid;grid-template-columns:1fr auto;font-size:.88rem;margin:18px 0 28px}dt,dd{margin:0;padding:8px 0;border-bottom:1px solid #e4e8eb}dd{font-variant-numeric:tabular-nums;font-weight:700}table{width:100%;border-collapse:collapse;font-size:.8rem;white-space:nowrap;font-variant-numeric:tabular-nums}caption{text-align:left;font-size:.8rem;color:var(--muted);margin-bottom:8px}th,td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--line)}td:first-child{font-family:ui-monospace,monospace;font-size:.73rem}th{font-weight:650}.table-scroll{overflow-x:auto;scrollbar-width:thin}.review{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;line-height:1.5;margin:22px 0 18px}.review input{margin-top:4px;accent-color:var(--blue);width:17px;height:17px;flex:none}.downloads{display:flex;gap:10px;flex-wrap:wrap}aside{font-size:.88rem;padding-top:4px}aside h3{font-size:.9rem;margin:28px 0 10px}aside p{color:var(--muted)}aside ul{padding-left:18px;color:var(--muted)}aside li{margin:6px 0}details{border-top:1px solid var(--line);padding-top:16px;margin-top:24px}summary{cursor:pointer;font-weight:650}.reading{padding:48px 0 36px;max-width:780px}.reading h2{font-family:Georgia,serif;font-size:1.7rem;font-weight:400}.reading p{color:var(--muted);font-size:.93rem}nav{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:.85rem}footer{border-top:1px solid var(--line);margin-top:10px}@keyframes reveal{from{background-color:var(--pale)}to{background-color:transparent}}@media(max-width:850px){.workspace{grid-template-columns:minmax(0,1fr);gap:28px}aside{padding:22px 4px;border-top:1px solid var(--line)}aside p,aside ul{max-width:70ch}.intro{padding-top:38px}.work{padding:22px}}@media(max-width:520px){header,footer{padding:20px;align-items:flex-start;flex-direction:column;gap:5px}main{padding:0 20px}.intro{padding:32px 0}.work{padding:18px 14px}.or{align-items:flex-start;flex-direction:column;gap:8px}.primary{width:100%}.downloads>button{width:100%}.workspace{padding-top:18px}.section-title h2{font-size:1.1rem}input[type=file]{font-size:.75rem;padding:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
