:root{color-scheme:dark;--bg: #0e0506;--bg-2: #180a0c;--bg-3: #23100f;--fg: #f3e6e3;--muted: #a8918e;--blood: #c23a46;--cyan: #3ef2e6;--blood-hi: #ce5b65;--blood-lo: #a5313c;--paper: #e6d9c6;--paper-ink: #140708;--gothic: "Grenze Gotisch", serif;--mono: "Space Mono", ui-monospace, monospace;--gutter: clamp(16px, 4vw, 48px);--line: color-mix(in srgb, var(--fg) 22%, transparent)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:url(/img/grain-light.webp) var(--bg);color:var(--fg);font-family:var(--mono);font-size:.95rem;line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit}img,svg,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}button:disabled{cursor:default}::selection{background:var(--cyan);color:var(--bg)}:focus-visible{outline:2px solid currentColor;outline-offset:3px}[hidden]{display:none!important}.skip{position:absolute;left:var(--gutter);top:-100px;z-index:60;background:var(--cyan);color:var(--bg);padding:.5rem .9rem;text-decoration:none;font-weight:700}.skip:focus{top:8px}.skip:focus-visible{outline:2px solid var(--fg);outline-offset:2px}main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.red{color:var(--blood-hi)}.cyan{color:var(--cyan)}.lang-switch{display:inline-flex;align-items:center}.lang-select{appearance:none;border:0;border-radius:0;margin:0;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;width:calc(7ch + 7 * .16em + 1.2em);min-height:26px;padding:0 1.2em 0 0;background:linear-gradient(45deg,transparent 50%,var(--accent, var(--cyan)) 50%) calc(100% - .5em) 55% / .3em .3em no-repeat,linear-gradient(135deg,var(--accent, var(--cyan)) 50%,transparent 50%) calc(100% - .2em) 55% / .3em .3em no-repeat}.lang-select:hover{color:var(--accent, var(--cyan))}.lang-select option{background:var(--bg);color:var(--fg);text-transform:none;letter-spacing:0}@media(forced-colors:active){.lang-select{appearance:auto;width:auto;padding:0}}.root-page{display:grid;place-items:center}.root-page a{color:var(--cyan)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Kit Mono;src:url(/fonts/kit-mono-400.0eb1116b.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Kit Mono;src:url(/fonts/kit-mono-600.d0d6a904.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-700.28cb1d49.woff2) format("woff2");font-weight:700;font-display:swap}:root{color-scheme:light dark;--code: "Kit Mono", ui-monospace, monospace;--display: "Space Mono", ui-monospace, monospace;--radius: 3px;--bg: light-dark(#e9e7e1, #18191b);--bar: light-dark(#e2e0d9, #141517);--surface: light-dark(#f6f5f1, #1e1f22);--ink: light-dark(#1f2023, #e8e6e1);--muted: light-dark(#56585c, #a19f99);--line: light-dark(#cdc9c0, #34353a);--field: light-dark(#807c75, #6f7076);--accent: light-dark(#a8370a, #ff8a4c);--on-accent: light-dark(#ffffff, #18191b);--ok: light-dark(#1d4f91, #8cb8ff);--err: light-dark(#a8201a, #ff8f87);--mark: light-dark(#f4c9a8, #6b3a1c);--shadow: light-dark(rgb(60 50 40 / .12), rgb(0 0 0 / .4))}:root[data-scheme=light]{color-scheme:light}:root[data-scheme=dark]{color-scheme:dark}:root,[data-theme=standard]{--c-key: light-dark(#1d4f91, #8cb8ff);--c-str: light-dark(#2d6a2d, #9fd49a);--c-num: light-dark(#9a3412, #ffb07a);--c-lit: light-dark(#7a2e8e, #d7a6ff);--c-type: light-dark(#7d5300, #f2cc6b);--c-punct: light-dark(#64666a, #9a9893);--c-key-weight: 400;--c-lit-style: normal;--code-bg: var(--surface);--code-ink: var(--ink)}[data-theme=ink]{--c-key: var(--ink);--c-str: var(--ink);--c-num: var(--ink);--c-lit: var(--ink);--c-type: var(--ink);--c-punct: light-dark(#64666a, #9a9893);--c-key-weight: 600;--c-lit-style: italic}[data-theme=okabe]{--c-key: light-dark(#0072b2, #56b4e9);--c-str: light-dark(#b04a00, #f07a2a);--c-num: light-dark(#a3437a, #cc79a7);--c-lit: light-dark(#00725a, #00b386);--c-type: light-dark(#8a5f00, #e69f00);--c-punct: light-dark(#64666a, #9a9893)}[data-theme=contrast]{--code-bg: light-dark(#ffffff, #000000);--code-ink: light-dark(#000000, #ffffff);--c-key: light-dark(#002f7a, #a6cfff);--c-str: light-dark(#004d12, #a6f2a0);--c-num: light-dark(#8a1500, #ffbf8a);--c-lit: light-dark(#5a007d, #e8bfff);--c-type: light-dark(#5c3a00, #ffe08a);--c-punct: var(--code-ink);--c-key-weight: 600}.t-key{color:var(--c-key);font-weight:var(--c-key-weight, 400)}.t-str{color:var(--c-str)}.t-num{color:var(--c-num)}.t-lit{color:var(--c-lit);font-style:var(--c-lit-style, normal)}.t-type{color:var(--c-type)}.t-punct,.t-com{color:var(--c-punct)}.t-com{font-style:italic}body{display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr);background:var(--bg);color:var(--ink);font-family:var(--code);font-size:.92rem}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.skip{background:var(--ink);color:var(--bg)}.skip:focus-visible{outline-color:var(--accent)}.top{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap;padding:10px var(--gutter);border-bottom:1px solid var(--line);background:var(--bar)}.logo{font-family:var(--display);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin-right:auto}.logo a{text-decoration:none;display:inline-block;padding:2px 0}.prompt{color:var(--accent)}.cursor{color:var(--muted)}.search-btn{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:0 5px 0 12px;background:var(--surface);border:1px solid var(--field);border-radius:var(--radius);color:var(--ink);font-size:.85rem}.search-btn:hover{border-color:var(--ink)}kbd{font-family:var(--code);font-size:.75rem;padding:1px 6px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted)}.theme-pick{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.lang{font-size:.85rem;color:var(--muted)}.top-break{display:none}.noscript{padding:12px var(--gutter);color:var(--err)}.shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:0}.sidebar{border-right:1px solid var(--line);padding:16px 0;background:var(--bar)}.sidebar ul{list-style:none;position:sticky;top:16px}.sidebar a{display:block;padding:6px 16px 6px 20px;text-decoration:none;font-size:.88rem;color:var(--muted)}.sidebar a:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}.sidebar a[aria-current]{color:var(--ink);font-weight:600;box-shadow:inset 3px 0 var(--accent)}.sidebar a:focus-visible{outline-offset:-3px}main{padding:24px var(--gutter) 48px;min-width:0}.tool{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1280px}.tool-head{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}h2{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere}h2:focus{outline:none}h2:focus-visible{outline:2px solid var(--ink)}.desc{color:var(--muted);max-width:72ch;font-size:.9rem}.not-found{display:grid;gap:20px;max-width:48rem;margin:0 auto;padding-block:48px 72px}.not-found h1{font-family:var(--display);font-weight:700;font-size:clamp(3.5rem,12vw,6rem);line-height:1;letter-spacing:-.03em;color:var(--accent)}.not-found .output{min-height:0;padding:12px 14px}.not-found-links{display:flex;flex-wrap:wrap;gap:12px 20px}.not-found-links a{display:inline-block;padding:6px 14px;border:1px solid var(--field);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-decoration:none}.not-found-links a:first-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.options{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:.86rem}.options label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}.options select{max-width:100%}.options .check{min-height:24px}.check input{accent-color:var(--accent);width:16px;height:16px}select,input[type=text],input[type=number]{background:var(--surface);border:1px solid var(--field);border-radius:var(--radius);padding:3px 8px;min-height:32px}input[type=number]{width:6em}select:focus-visible,input:focus-visible{outline-offset:1px}button{background:var(--surface);border:1px solid var(--field);border-radius:var(--radius);color:var(--ink);padding:0 12px;min-height:32px;font-size:.84rem}button:hover:not(:disabled){border-color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,var(--surface))}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,var(--ink))}.seg{display:inline-flex;flex-wrap:wrap;max-width:100%}.seg button{border-radius:0}.seg button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.seg button:last-child{border-radius:0 var(--radius) var(--radius) 0}.seg button+button{border-left:0}.icon{display:inline-block;flex:none;width:1.3em;height:1.3em;background:currentColor;mask:var(--icon) center / contain no-repeat}.icon-btn{display:inline-grid;place-items:center;width:34px;min-height:34px;padding:0;font-size:1rem}#scheme .icon{--icon: url("data:image/svg+xml,%3Csvg height=%2221%22 viewBox=%220 0 21 21%22 width=%2221%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22m7.5.5c1.3280962 0 2.5698071.36985953 3.6277499 1.01219586-3.14075981.19184303-5.6277499 2.79938976-5.6277499 5.98780414 0 3.1884144 2.48699009 5.7959611 5.6269199 5.9885898-1.0571128.6415507-2.2988237 1.0114102-3.6269199 1.0114102-3.86599325 0-7-3.1340068-7-7 0-3.86599325 3.13400675-7 7-7z%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 transform=%22translate%284 3%29%22/%3E%3C/svg%3E")}#scheme[data-next=light] .icon{--icon: url("data:image/svg+xml,%3Csvg height=%2221%22 viewBox=%220 0 21 21%22 width=%2221%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 stroke=%22currentColor%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 transform=%22translate%28-210 -1%29%22%3E%3Cpath d=%22m220.5 2.5v2%22/%3E%3Cpath d=%22m227 5-1.5 1.5%22/%3E%3Ccircle cx=%22220.5%22 cy=%2211.5%22 r=%224%22/%3E%3Cpath d=%22m214 5 1.5 1.5%22/%3E%3Cpath d=%22m220.5 20.5v-2%22/%3E%3Cpath d=%22m227 18-1.5-1.5%22/%3E%3Cpath d=%22m214 18 1.5-1.5%22/%3E%3Cpath d=%22m211.5 11.5h2%22/%3E%3Cpath d=%22m227.5 11.5h2%22/%3E%3C/g%3E%3C/svg%3E")}.has-tip{position:relative}.tip{--dx: 0px;position:absolute;top:calc(100% + 8px);left:50%;translate:-50% -4px;z-index:30;padding:5px 10px;border-radius:var(--radius);background:var(--ink);color:var(--surface);font-size:.78rem;line-height:1.3;width:max-content;max-width:min(16rem,calc(100vw - 32px));opacity:0;pointer-events:none;transition:opacity .15s,translate .15s;transform:translate(var(--dx))}.tip:before{content:"";position:absolute;bottom:100%;left:calc(50% - var(--dx));translate:-50% 0;border:5px solid transparent;border-bottom-color:var(--ink)}.has-tip:is(:hover,:focus-visible) .tip{opacity:1;translate:-50% 0;pointer-events:auto}.has-tip.tip-dismissed .tip{opacity:0;pointer-events:none}#scheme .tip{left:auto;right:0;translate:0 -4px}#scheme:is(:hover,:focus-visible) .tip{translate:0 0}#scheme .tip:before{left:auto;right:12px;translate:0 0}.seg button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px 2px var(--shadow)}.pane-label{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:36px;padding:2px 4px 2px 12px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}.pane-label:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--field)}.panes .panel:last-child .pane-label:before{background:var(--accent)}.pane-label button{margin-left:auto;min-height:28px;text-transform:none;letter-spacing:0}textarea,.output,.hl{width:100%;min-height:46vh;border:0;margin:0;padding:12px 14px;font-family:var(--code);font-size:.85rem;line-height:1.6;tab-size:2;white-space:pre;overflow:auto;background:transparent;border-radius:0 0 var(--radius) var(--radius)}textarea{resize:vertical;display:block}textarea:focus-visible,.output:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}textarea.short{min-height:6.5rem;white-space:pre-wrap;word-break:break-all}.output{min-height:12rem;white-space:pre-wrap;word-break:break-word}.output.code{min-height:46vh;white-space:pre}#jwt-h,#jwt-p,#uuid-out{min-height:12rem}.panes.stacked{grid-template-columns:minmax(0,1fr)}.panes.stacked textarea{min-height:9rem;white-space:pre-wrap;word-break:break-all}.editor{position:relative;display:grid;min-width:0}.editor,.output.code{background:var(--code-bg);color:var(--code-ink);border-radius:0 0 var(--radius) var(--radius)}.editor .hl{position:absolute;inset:0;min-height:0;overflow:hidden;pointer-events:none}.editor.live textarea{color:transparent;caret-color:var(--code-ink)}.editor.live textarea::selection{color:transparent;background:color-mix(in srgb,var(--accent) 35%,transparent)}.editor:not(.live) .hl{display:none}.status{font-size:.84rem;color:var(--ok);min-height:1.4em}.status.error{color:var(--err)}.rows{display:grid;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.panel .rows{border:0}.rows div{display:grid;grid-template-columns:minmax(10rem,16rem) minmax(0,1fr);gap:12px;padding:10px 14px;align-items:center}.rows div+div{border-top:1px solid var(--line)}.rows dt{color:var(--muted);font-size:.82rem}.rows dd{display:flex;gap:12px;align-items:center;justify-content:space-between;min-width:0}.rows code{font-family:var(--code);overflow-wrap:anywhere}.rows button{flex-shrink:0}.table-scroll{overflow-x:auto}.table-scroll:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;padding:8px 14px;border-bottom:1px solid var(--line);vertical-align:top}tr:first-child th[scope=col]{color:var(--muted);font-weight:400;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}th[scope=row]{color:var(--c-key);font-weight:400;white-space:nowrap}td{overflow-wrap:anywhere}.regex-line{display:flex;align-items:center;gap:4px;font-size:1.1rem;color:var(--muted)}.regex-line input{font-size:.95rem}.regex-line .line-input{flex:1;min-width:0}.flags{width:5em}mark{background:var(--mark);color:var(--ink);border-radius:2px;box-shadow:0 0 0 1px var(--accent)}mark:nth-of-type(2n){background:color-mix(in srgb,var(--ok) 25%,var(--surface));box-shadow:0 0 0 1px var(--ok)}.regex-list{list-style:decimal-leading-zero inside;font-size:.84rem;display:grid;gap:4px}.regex-list code{font-family:var(--code);color:var(--c-str)}.groups{display:block;color:var(--muted);padding-left:3.2em}.line-input{min-width:0}#tool-time .line-input{flex:1;max-width:32rem}.palette{margin:12vh auto auto;width:min(560px,calc(100% - 32px));padding:0;background:var(--surface);color:var(--ink);border:1px solid var(--field);border-radius:6px;box-shadow:0 12px 40px var(--shadow)}.palette::backdrop{background:#14141673}.palette-input{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--line);color:var(--accent)}.palette-input input{flex:1;min-width:0;border:0;background:transparent;font-size:1rem;min-height:36px}.palette-input input:focus-visible{outline-offset:1px}.palette-input .close{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:.8rem;padding-right:5px}#palette-list:focus-visible{outline-offset:-2px}#palette-list{list-style:none;max-height:50vh;overflow:auto;padding:6px}#palette-list li{padding:7px 12px;cursor:pointer;border-radius:var(--radius)}#palette-list li[aria-selected=true]{background:var(--ink);color:var(--surface)}.palette-empty{padding:12px 16px;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding:12px var(--gutter);border-top:1px solid var(--line);color:var(--muted);background:var(--bar);font-size:.8rem;letter-spacing:0;text-transform:none}.site-footer a{color:var(--ink)}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0;overflow-x:auto;scroll-padding-inline:12px}.sidebar ul{display:flex;position:static;padding-inline:4px}.sidebar a{white-space:nowrap;padding:10px 12px}.sidebar a[aria-current]{box-shadow:inset 0 -3px var(--accent)}.panes{grid-template-columns:minmax(0,1fr)}textarea,.output.code{min-height:30vh}.rows div{grid-template-columns:minmax(0,1fr);gap:4px}.search-btn,.theme-pick{flex-wrap:wrap;max-width:100%}.theme-pick select{max-width:100%;min-width:0}#scheme{order:1}.lang{order:2}.top-break{display:block;order:3;flex-basis:100%;height:0}.search-btn{order:4;flex:1 1 auto;justify-content:space-between}.theme-pick{order:5;flex:1 1 auto}.theme-pick select{flex:1}}@media(pointer:coarse){.search-btn kbd{display:none}}@media(forced-colors:active){.editor .hl{display:none}.editor.live textarea{color:CanvasText}.pane-label:before,.panes .panel:last-child .pane-label:before{background:CanvasText}.sidebar a[aria-current]{text-decoration:underline 2px;text-underline-offset:4px}.seg button[aria-pressed=true]{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.icon{forced-color-adjust:none;background:ButtonText}.tip{border:1px solid CanvasText}#palette-list li[aria-selected=true]{forced-color-adjust:none;background:Highlight;color:HighlightText}}