@font-face{font-family:Krona Sans;src:url(/krona/fonts/KronaSans-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--ui-font:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--ui-font-brand:"Krona Sans", var(--ui-font);--ui-bg:#0b0e14;--ui-bg-raised:#11151f;--ui-bg-sunken:#070910;--ui-bg-hover:#1a2030;--ui-border:#222a3a;--ui-border-strong:#33405a;--ui-fg:#d7dde8;--ui-fg-muted:#7d8799;--ui-fg-dim:#5a6478;--ui-accent:#5ccfe6;--ui-accent-fg:#06121a;--ui-added:#7ee787;--ui-removed:#ff7b72;--ui-radius:8px;--ui-radius-sm:5px;--ui-gap:.75rem;--ui-shadow:0 1px 2px #0006, 0 8px 24px -12px #0009}:root[data-ui-theme=light]{--ui-bg:#f6f7f9;--ui-bg-raised:#fff;--ui-bg-sunken:#eceef2;--ui-bg-hover:#e6e9ef;--ui-border:#d8dee9;--ui-border-strong:#b8c1d1;--ui-fg:#1f2430;--ui-fg-muted:#5b6478;--ui-fg-dim:#838da1;--ui-accent:#1f7f95;--ui-accent-fg:#fff;--ui-added:#1a7f37;--ui-removed:#cf222e;--ui-shadow:0 1px 2px #1018280f, 0 8px 24px -12px #10182833}*,:before,:after{box-sizing:border-box}.ui-button{all:unset;box-sizing:border-box;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-bg-raised);color:var(--ui-fg);font:inherit;cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.8125rem;transition:background .1s linear,border-color .1s linear;display:inline-flex}.ui-button:hover{background:var(--ui-bg-hover);border-color:var(--ui-border-strong)}.ui-button:focus-visible,.ui-segment button:focus-visible,.ui-sample:focus-visible,.ui-switch:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.ui-segment{border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-bg-sunken);gap:2px;min-width:0;margin:0;padding:2px;display:inline-flex}.ui-segment legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ui-segment button{all:unset;box-sizing:border-box;font:inherit;color:var(--ui-fg-muted);cursor:pointer;border-radius:3px;padding:.3rem .75rem;font-size:.8125rem;transition:background .1s linear,color .1s linear}.ui-segment button:hover{color:var(--ui-fg)}.ui-segment button[aria-pressed=true]{background:var(--ui-accent);color:var(--ui-accent-fg);font-weight:500}.ui-switch{all:unset;box-sizing:border-box;cursor:pointer;color:var(--ui-fg-muted);align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.ui-switch:hover{color:var(--ui-fg)}.ui-switch-track{background:var(--ui-bg-sunken);border:1px solid var(--ui-border-strong);border-radius:999px;flex:none;width:30px;height:17px;transition:background .12s linear,border-color .12s linear;position:relative}.ui-switch-track:after{content:"";background:var(--ui-fg-dim);border-radius:50%;width:11px;height:11px;transition:transform .12s,background .12s linear;position:absolute;top:2px;left:2px}.ui-switch[aria-checked=true]{color:var(--ui-fg)}.ui-switch[aria-checked=true] .ui-switch-track{background:color-mix(in srgb, var(--ui-accent) 30%, transparent);border-color:var(--ui-accent)}.ui-switch[aria-checked=true] .ui-switch-track:after{background:var(--ui-accent);transform:translate(13px)}.ui-panel{background:var(--ui-bg-raised);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);overflow:hidden}.ui-panel-head{align-items:center;gap:var(--ui-gap);border-bottom:1px solid var(--ui-border);background:var(--ui-bg-sunken);flex-wrap:wrap;padding:.6rem .85rem;display:flex}.ui-panel-title{color:var(--ui-fg);margin:0;font-size:.8125rem;font-weight:500}.ui-spacer{margin-left:auto}.ui-badge{border:1px solid var(--ui-border-strong);background:var(--ui-bg-sunken);color:var(--ui-fg-muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.1rem .4rem;font-size:.6875rem;display:inline-block}.ui-samples{flex-direction:column;gap:2px;margin:0;padding:4px;list-style:none;display:flex}.ui-sample{all:unset;box-sizing:border-box;border-radius:var(--ui-radius-sm);cursor:pointer;border-left:2px solid #0000;width:100%;padding:.5rem .6rem;display:block}.ui-sample:hover{background:var(--ui-bg-hover)}.ui-sample[aria-current=true]{background:var(--ui-bg-hover);border-left-color:var(--ui-accent)}.ui-sample-name{color:var(--ui-fg);align-items:center;gap:.4rem;font-size:.8125rem;display:flex}.ui-sample-note{color:var(--ui-fg-dim);margin-top:.15rem;font-size:.6875rem;line-height:1.4;display:block}.ui-code{background:var(--ui-bg-sunken);color:var(--ui-fg);white-space:pre;tab-size:2;margin:0;padding:.85rem;font-size:.75rem;line-height:1.6;overflow-x:auto}.ui-code .tag{color:var(--ui-accent)}.ui-code .attr{color:var(--ui-added)}.ui-code .str{color:#ffd479}:root[data-ui-theme=light] .ui-code .str{color:#a04a00}.ui-code .punct{color:var(--ui-fg-dim)}.ui-fields{flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.ui-field{grid-template-columns:minmax(0,1fr) minmax(120px,160px);align-items:center;gap:.75rem;display:grid}.ui-field-label{color:var(--ui-fg-muted);text-align:right;font-size:.75rem;line-height:1.3}.ui-field-control{display:flex}.ui-select,.ui-number{width:100%;font:inherit;border-radius:var(--ui-radius-sm);border:1px solid var(--ui-border);background:var(--ui-bg-sunken);color:var(--ui-fg);padding:.3rem .4rem;font-size:.8125rem}.ui-select:hover,.ui-number:hover{border-color:var(--ui-border-strong)}.ui-select:focus-visible,.ui-number:focus-visible,.ui-checkbox input:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.ui-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .75rem;padding:0 .85rem .85rem;display:grid}.ui-checkbox{color:var(--ui-fg-muted);cursor:pointer;align-items:flex-start;gap:.4rem;min-width:0;font-size:.75rem;line-height:1.35;display:flex}.ui-checkbox:hover{color:var(--ui-fg)}.ui-checkbox input{accent-color:var(--ui-accent);cursor:pointer;flex:none;width:14px;height:14px;margin:1px 0 0}.ui-checkbox span{overflow-wrap:anywhere}.ui-note{color:var(--ui-fg-dim);margin:0;padding:0 .85rem .85rem;font-size:.75rem;line-height:1.6}.ui-note code{color:var(--ui-fg-muted)}.ui-install{background:var(--ui-bg-sunken);color:var(--ui-fg);margin:0;padding:.85rem;font-size:.75rem;line-height:1.8;overflow-x:auto}.ui-link{color:var(--ui-accent)}html,body,#root{height:100%}body{background:var(--ui-bg);color:var(--ui-fg);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}.app{flex-direction:column;gap:1rem;max-width:1600px;min-height:100%;margin:0 auto;padding:1.25rem;display:flex}.app-head{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{flex:none;width:60px;height:57px}.brand-name{font-family:var(--ui-font-brand);letter-spacing:.01em;margin:0;font-size:1.2rem;font-weight:700}.brand-tagline{color:var(--ui-fg-muted);margin:.1rem 0 0;font-size:.75rem}.brand-formats{letter-spacing:.04em;color:var(--ui-fg-dim);margin:.15rem 0 0;font-size:.7rem}.presets{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ui-button.preset--on,.ui-button.preset--on:hover{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-accent-fg)}.presets-note{color:var(--ui-fg-dim);font-size:.75rem}.paste{border-bottom:1px solid var(--ui-border);gap:.75rem;padding:.75rem;display:flex}.paste-field{flex-direction:column;flex:1 1 0;gap:.25rem;min-width:0;display:flex}.paste-head{justify-content:space-between;align-items:center;gap:.5rem;min-height:1.6rem;display:flex}.paste-head .ui-button{padding:.1rem .45rem;font-size:.7rem}.paste-label{letter-spacing:.04em;color:var(--ui-fg-muted);font-size:.7rem}.paste-input{font:inherit;color:var(--ui-fg);background:var(--ui-bg-sunken);border:1px solid var(--ui-border);resize:vertical;white-space:pre;border-radius:6px;min-height:6.5rem;padding:.5rem;font-size:12.5px;line-height:1.5;overflow:auto}.paste-input:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-1px}.head-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.head-controls a.ui-button{text-decoration:none}.app-body{flex:auto;grid-template-columns:minmax(0,1fr) minmax(280px,330px);align-items:start;gap:1rem;min-height:0;display:grid}.options{flex-direction:column;gap:1rem;display:flex;position:sticky;top:1.25rem}.stage{flex-direction:column;gap:1rem;min-width:0;display:flex}.stage-note{color:var(--ui-fg-dim);margin-left:.6rem;font-size:.75rem;font-weight:400}.stage-krona{--krona-height:min(68vh, 720px);--krona-font-family:var(--ui-font);--krona-font-size:12.5px;border:none;border-radius:0}.app-foot{color:var(--ui-fg-dim);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:.5rem;font-size:.75rem;display:flex}@media (width<=1100px){.app-body{grid-template-columns:minmax(0,1fr)}.options{position:static}}.plain-page{flex-direction:column;gap:.75rem;max-width:1100px;margin:0 auto;padding:1.25rem;display:flex}.plain-page h2{margin:1rem 0 0;font-size:1rem}.plain-page krona-viewer,.plain-page krona-diff{--krona-height:22rem}