:root{color-scheme:light;--paper:oklch(98% .007 84);--surface:oklch(96% .01 84);--inset:oklch(93% .013 84);--ink:oklch(28% .019 64);--muted:oklch(49% .017 64);--line:oklch(85% .017 84);--accent:oklch(43% .075 48);--accent-hover:oklch(37% .07 48);--selected:oklch(91% .033 68);--error:oklch(43% .145 26);--success:oklch(38% .069 147);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-size:16px;color:var(--ink);background:var(--surface)}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:7px;min-height:40px;padding:8px 15px;font-size:.875rem;font-weight:550;transition:background-color .15s ease-out,border-color .15s ease-out}button:hover{background:var(--inset);border-color:var(--muted)}button:active{background:var(--selected)}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--accent);color:var(--paper);border-color:var(--accent)}button.primary:hover{background:var(--accent-hover)}button.quiet{background:transparent;border-color:transparent;color:var(--muted)}button.quiet:hover{background:var(--inset)}button.compact{min-height:30px;padding:4px 10px;font-size:.75rem}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{position:fixed;z-index:5;top:12px;left:12px;padding:12px;background:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}[hidden]{display:none!important}.topbar{height:88px;max-width:1500px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.06rem;letter-spacing:-.025em;color:var(--ink);text-decoration:none}.brand svg{color:var(--accent);flex-shrink:0}.brand-secondary{font-weight:450;color:var(--muted)}.local-badge{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.75rem;white-space:nowrap}.local-badge span{font-size:1.35rem}.shell{max-width:1500px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{padding:46px 20px 32px 40px;border-right:1px solid var(--line);min-height:calc(100vh - 88px)}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.625rem;font-weight:650;color:var(--muted);margin:0 0 22px}.tool-tabs{display:flex;flex-direction:column;gap:7px}.tool-tabs button{display:flex;align-items:center;gap:13px;text-align:left;padding:13px 11px;border:1px solid transparent;background:transparent;font-size:.8125rem;line-height:1.4;font-weight:600;min-height:65px}.tool-tabs button[aria-selected="true"]{background:var(--selected);color:var(--accent)}.tool-tabs button:hover{background:var(--inset)}.tool-tabs button[aria-selected="true"]:hover{background:var(--selected)}.tool-tabs small{display:block;font-size:.65rem;font-weight:400;margin-top:4px;color:var(--muted)}.tool-icon{font:600 1rem ui-monospace,SFMono-Regular,Consolas,monospace;width:25px;flex-shrink:0;text-align:center}.sidebar-note{margin:90px 12px 0;display:flex;gap:9px;color:var(--muted);font-size:.75rem;line-height:1.7}.sidebar-note p{margin:0}.note-icon{font-size:1.5rem}main{padding:49px 46px 24px;min-width:0;outline:none}.section-heading{margin-bottom:34px}.section-heading .eyebrow{margin-bottom:12px}h1{font-size:2.125rem;font-weight:550;letter-spacing:-.045em;line-height:1.18;margin:0 0 14px}h2{font-size:1rem;font-weight:600;margin:30px 0 14px}.section-heading>p:last-child{font-size:.875rem;line-height:1.7;color:var(--muted);margin:0;max-width:68ch}.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.action-group{display:flex;gap:8px;flex-wrap:wrap}.editors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--paper)}.editor{min-width:0;background:var(--paper)}.editors .editor+.editor{border-left:1px solid var(--line)}.editor-heading{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);gap:10px}.editor-heading label{font-size:.75rem;font-weight:600}.editor-heading>span{font-size:.625rem;color:var(--muted)}textarea{display:block;width:100%;resize:vertical;border:0;outline-offset:-4px!important;border-radius:0;background:transparent;color:var(--ink);padding:20px;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:.8125rem;line-height:1.8;min-height:310px;tab-size:2}textarea::placeholder,input::placeholder{color:var(--muted);opacity:.8}textarea[readonly]{color:var(--muted);background:var(--surface)}.single{border:1px solid var(--line);border-radius:9px;overflow:hidden}.single textarea{min-height:250px}#notes-input{font-family:inherit;font-size:.9375rem;line-height:1.85;min-height:350px}.status{font-size:.75rem;line-height:1.65;margin:14px 0 8px;min-height:20px;color:var(--muted);overflow-wrap:anywhere}.status[data-state="error"]{color:var(--error)}.status[data-state="success"]{color:var(--success)}.helper{font-size:.7rem;line-height:1.75;color:var(--muted);max-width:75ch;margin:8px 0}.muted{font-size:.75rem;color:var(--muted)}.field-label{display:block;font-size:.75rem;font-weight:600;margin:22px 0 10px}.result-line{display:flex;gap:10px}.result-line input{min-width:0;flex:1;padding:12px 14px;min-height:46px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:.875rem}.result-line .mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8125rem}.details-list{display:grid;grid-template-columns:130px minmax(0,1fr);margin:0;border-top:1px solid var(--line);font-size:.8125rem;line-height:1.6}.details-list dt,.details-list dd{margin:0;padding:13px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;min-width:0}.details-list dt{color:var(--muted);padding-right:16px}.details-list dd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.confirm-strip{display:flex;flex-wrap:wrap;gap:8px;padding:15px;background:var(--selected);border-radius:7px}.confirm-strip p{flex-basis:100%;font-size:.8125rem;margin:0 0 4px}footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:21px;margin-top:58px;color:var(--muted);font-size:.6875rem;line-height:1.8}footer>p{margin:0;white-space:nowrap}footer details{max-width:65ch;text-align:right}footer summary{cursor:pointer}footer details p{text-align:left;margin:12px 0 0}.noscript{margin:20px 40px;padding:20px;border:1px solid var(--line)}
.tool-icon{white-space:nowrap}
@media(min-width:1450px){main{padding-left:65px;padding-right:65px}.editors textarea{min-height:380px}}
@media(max-width:1050px){.topbar{padding:0 24px}.shell{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding-left:20px;padding-right:14px}.tool-tabs button{gap:8px;padding-left:8px}.tool-tabs small{font-size:.6rem}main{padding:40px 26px 24px}h1{font-size:1.875rem}.editors{grid-template-columns:minmax(0,1fr)}.editors .editor+.editor{border-left:0;border-top:1px solid var(--line)}.editors textarea{min-height:220px}}
@media(max-width:700px){.topbar{height:74px;padding:0 20px}.brand{font-size:.9375rem;gap:10px}.brand svg{width:31px;height:31px}.local-badge{display:none}.shell{display:block}.sidebar{min-height:0;padding:20px 16px 15px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.eyebrow,.sidebar-note,.tool-tabs small{display:none}.tool-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tool-tabs button{min-height:45px;padding:10px;font-size:.75rem;gap:9px}.tool-icon{font-size:.875rem;width:20px}main{padding:31px 20px 20px}h1{font-size:1.75rem;letter-spacing:-.04em}.section-heading{margin-bottom:26px}.section-heading>p:last-child{font-size:.8125rem}.workspace-bar{align-items:flex-start;flex-wrap:wrap}button{padding:9px 12px;font-size:.8125rem}.workspace-bar>.quiet{padding-left:0}.editor-heading{padding:0 14px}.editor textarea{padding:16px}.result-line{flex-wrap:wrap}.result-line input{flex-basis:100%}.result-line button{min-width:110px}.details-list{grid-template-columns:95px minmax(0,1fr);font-size:.75rem}footer{margin-top:38px;display:block}footer details{text-align:left;margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}