:root{--omm-text: rgb(248, 248, 248);--omm-text-muted: rgb(165, 165, 165);--omm-surface: #121212;--omm-surface-inverted: #e5e5e5;--omm-on-surface-inverted: #171717;--omm-surface-success: #1f3a2b;--omm-on-surface-success: #b8e0c8;--omm-surface-warning: #3a2f1f;--omm-on-surface-warning: #f1d7a3;--omm-surface-error: #3a1f24;--omm-on-surface-error: #f0b4bd;--omm-outline: rgb(94, 94, 94);--omm-outline-muted: rgb(45, 45, 45);--omm-spacing-xl: 2rem;--omm-spacing-l: 1.5rem;--omm-spacing: 1rem;--omm-spacing-s: .5rem;--omm-spacing-xs: .25rem;--omm-accent: #ffba60;--omm-on-accent: #0c0c0c;--omm-corner-xl: 1.5rem;--omm-corner-l: 1rem;--omm-corner: .5rem;--omm-corner-s: .35rem;--omm-corner-xs: .2rem;--omm-pane-surface: rgb(26, 26, 26);--omm-pane-surface-outline: var(--omm-outline-muted);--omm-pane-radius: var(--omm-corner);--omm-active-background: color-mix(in srgb, var(--omm-text) 5%, transparent);--omm-selected-background: color-mix(in srgb, var(--omm-accent) 11%, transparent);--omm-input: #ffffff10;--omm-input-outline: #ffffff26;--omm-input-corner: var(--omm-corner-s);--omm-input-padding: .35rem;--omm-button: var(--omm-input);--omm-button-hover: rgb(from var(--omm-button) r g b / .1);--omm-on-button: var(--omm-text);--omm-button-outline: var(--omm-input-outline);--omm-button-primary: var(--omm-surface-inverted);--omm-button-on-primary: var(--omm-on-surface-inverted);--omm-button-primary-outline: transparent;--omm-scrollbar-outer-size: 22px;--omm-scrollbar-inner-size: 4px;--omm-scrollbar-thumb-color: color-mix(in srgb, var(--omm-outline-muted) 50%, transparent);--omm-scrollbar-track-color: transparent;--omm-scrollbar-thumb-color-hover: var(--omm-outline-muted);--omm-divider: var(--omm-outline-muted)}html{background-color:var(--omm-surface);color:var(--omm-text);-webkit-tap-highlight-color:rgb(from var(--omm-accent) r g b/.2)}::selection{color:var(--omm-on-accent);background-color:color-mix(in srgb,var(--omm-accent) 60%,transparent)}.tag{display:inline-flex}.tag:before{content:"#";margin-inline-end:.15em}:root{--font-base-size: 1em;--scale-ratio: 1.25;--h4: var(--font-base-size);--h3: calc(var(--h4) * var(--scale-ratio));--h2: calc(var(--h3) * var(--scale-ratio));--h1: calc(var(--h2) * var(--scale-ratio));--omm-font-size: var(--font-base-size);--omm-font-size-muted: calc(var(--font-base-size) * .875)}*{font-family:Poppins,sans-serif;font-size:var(--omm-font-size)}p{max-width:50ch}p.muted{color:var(--omm-text-muted)}h1{font-size:var(--h1);font-weight:400}h2{font-size:var(--h2);font-weight:400}h3{font-size:var(--h3);font-weight:400}h4{font-size:var(--h4)}:root{--breakpoint-tablet-portrait: 600px;--breakpoint-tablet-landscape: 900px;--breakpoint-desktop: 1200px;--breakpoint-desktop-large: 1800px}button{color:var(--omm-text);font-family:monospace;border:1px solid currentColor;background-color:transparent;display:inline-flex;align-items:center;cursor:pointer;transition:all .2s ease;white-space:nowrap;color:var(--omm-on-button);background-color:var(--omm-button);border:1px solid var(--omm-button-outline);font-weight:700;border-radius:var(--omm-corner-xs);padding:var(--omm-input-padding)}button:not(.icon){padding-inline:calc(var(--omm-input-padding) * 2)}button:hover{background-color:var(--omm-button-hover)}button.primary{--omm-button: var(--omm-button-primary);--omm-on-button: var(--omm-button-on-primary);--omm-button-outline: var(--omm-button-primary-outline);--omm-button-hover: rgb(from var(--omm-button-primary) r g b / .9)}button:disabled{opacity:.5;cursor:default}button.icon{border:0}button.icon:not(:hover){background-color:transparent}textarea{overflow:hidden}.dox-input,input,textarea{color:var(--omm-text);font-family:monospace;font-size:1rem;border:1px solid var(--omm-input-outline);background-color:var(--omm-input);border-radius:var(--omm-input-corner);padding:var(--omm-input-padding);resize:none;outline:0}.dox-input:focus,.dox-input:focus-visible,.dox-input:focus-within,input:focus,input:focus-visible,input:focus-within,textarea:focus,textarea:focus-visible,textarea:focus-within{border-color:var(--omm-text)}label:not(.checkbox){--border-color: var(--omm-outline);--label-gap: .25em;--line-height: 1.7em;display:flex;flex-direction:column;justify-content:start;position:relative;line-height:1em;row-gap:var(--label-gap);padding:0;padding-inline-start:var(--omm-spacing-s);font-size:var(--omm-font-size-muted);color:var(--omm-text-muted)}label:not(.checkbox):has(.ng-invalid){--border-color: var(--omm-on-surface-error);color:var(--border-color)}label:not(.checkbox)>*{padding-inline-start:0}label:not(.checkbox):focus-within{--border-color: var(--omm-text)}label:not(.checkbox):focus-within:before{box-shadow:0 2px 0 var(--border-color)}label:not(.checkbox):before{content:"";position:absolute;inset-inline:0;inset-block-end:-2px;pointer-events:none;height:1px;background-color:var(--border-color);transition:background-color .2s ease-in;z-index:-1}label:not(.checkbox) textarea,label:not(.checkbox) input{padding:0;line-height:var(--line-height);border:0;background-color:transparent;border-radius:0}label.checkbox{display:flex;align-items:center;gap:1em}footer.form-footer{flex:0 0 auto;display:flex;flex-direction:row;padding:var(--omm-spacing);align-items:center;justify-content:end;gap:var(--omm-spacing)}dialog{background-color:var(--omm-pane-surface);color:var(--omm-text);font-family:monospace;border-radius:var(--omm-input-corner);padding:0;border:1px solid rgb(from var(--omm-outline) r g b/.75);outline:4px solid rgb(from var(--omm-outline) r g b/.3);box-shadow:0 0 1000px 200px var(--omm-surface);min-width:40ch;max-width:90vw}dialog::backdrop{background-color:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog form[method=dialog].confirm-dialog main{max-width:50ch;line-height:1.5em}dialog>*{display:flex;flex-direction:column;row-gap:var(--omm-spacing);padding:var(--omm-spacing)}dialog header{flex:0 0 auto}dialog header h2{margin:0;padding:0}dialog main{flex:1;overflow-y:auto}dialog main.form-elements label{margin-block-end:var(--omm-spacing-xl)}dialog footer{flex:0 0 auto;display:flex;flex-flow:row nowrap;padding-block-start:var(--omm-spacing-s);align-items:center;justify-content:end;gap:var(--omm-spacing)}.popup{width:100%;margin-top:8px;padding:.5rem;max-height:11rem;border-radius:.5rem;background-color:var(--omm-surface);font-size:.9rem}[popover]{background-color:var(--omm-surface);border:1px solid var(--omm-outline-muted);color:var(--omm-text);font-family:monospace}.toast{--toast-surface: var(--omm-surface-inverted);--toast-on-surface: var(--omm-on-surface-inverted);position:fixed;inset-block-end:var(--omm-spacing);margin:auto;background-color:var(--toast-surface);color:var(--toast-on-surface);min-width:20ch;max-width:40ch;padding:var(--omm-spacing-s) var(--omm-spacing);border-radius:var(--omm-corner);border:1px solid rgb(from var(--toast-on-surface) r g b/.3);opacity:0;transform:translateY(1rem);transition:opacity .15s ease,transform .15s ease;z-index:1000;display:flex;flex-flow:row nowrap;align-items:start;gap:var(--omm-spacing)}.toast>p{margin:0;line-height:1.7em}.toast button{color:var(--toast-on-surface)}.toast .toast-action{font-weight:600;text-decoration:underline;cursor:pointer;white-space:nowrap}.toast.show{opacity:1;transform:translateY(0)}.toast.toast-success{--toast-surface: var(--omm-surface-success);--toast-on-surface: var(--omm-on-surface-success)}.toast.toast-warning{--toast-surface: var(--omm-surface-warning);--toast-on-surface: var(--omm-on-surface-warning)}.toast.toast-error{--toast-surface: var(--omm-surface-error);--toast-on-surface: var(--omm-on-surface-error)}[ngTabs]{overflow:hidden}[ngTabList]{grid-area:list;padding:0;display:flex;list-style:none;position:relative}[ngTab]{flex:1;outline:none;padding:.75rem 0;cursor:pointer;text-align:center;position:relative;border-block-end:1px solid var(--omm-outline)}[ngTab]:after{position:absolute;content:"";inset-block-end:-1px;inset-inline:0;height:2px}[ngTab][aria-selected=false]:focus{outline-offset:-8px;border-radius:.7rem;outline:2px solid var(--omm-accent)}[ngTab]:hover:after{background-color:rgb(from var(--omm-outline) r g b/.6)}[ngTab][aria-selected=true]:after{background-color:var(--omm-accent)}[ngTabPanel]{height:100%;flex:1}[ngTabPanel][inert]{display:none}::-webkit-scrollbar{height:var(--omm-scrollbar-outer-size);width:var(--omm-scrollbar-outer-size)}::-webkit-scrollbar-track{background-color:transparent;outline:calc(var(--omm-scrollbar-inner-size) / 2) solid var(--omm-scrollbar-track-color);outline-offset:calc((var(--omm-scrollbar-outer-size) - var(--omm-scrollbar-inner-size)) * -1)}::-webkit-scrollbar-thumb{background-color:transparent;outline:calc(var(--omm-scrollbar-inner-size) / 2) solid var(--omm-scrollbar-thumb-color);outline-offset:calc((var(--omm-scrollbar-outer-size) - var(--omm-scrollbar-inner-size)) * -1);transition:outline-color .2s ease-in-out}::-webkit-scrollbar-thumb:hover{outline-color:var(--omm-scrollbar-thumb-color-hover);background-color:transparent}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-corner{background-color:transparent}.dox-pane{background-color:var(--omm-pane-surface);border:1px solid var(--omm-pane-surface-outline);border-radius:var(--omm-pane-radius);box-sizing:border-box}tool-tip{--_p-inline: 1ch;--_p-block: .5ch;--_triangle-size: 6px;--_bg: var(--omm-surface-inverted);--_color: var(--omm-on-surface-inverted);--_shadow-alpha: 50%;--isRTL: -1;--_bottom-tip: conic-gradient(from -30deg at bottom, #0000, #000 1deg 60deg, #0000 61deg) bottom / 100% 50% no-repeat;--_top-tip: conic-gradient(from 150deg at top, #0000, #000 1deg 60deg, #0000 61deg) top / 100% 50% no-repeat;--_right-tip: conic-gradient(from -120deg at right, #0000, #000 1deg 60deg, #0000 61deg) right / 50% 100% no-repeat;--_left-tip: conic-gradient(from 60deg at left, #0000, #000 1deg 60deg, #0000 61deg) left / 50% 100% no-repeat;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transform:translate(var(--_x, 0)) translateY(var(--_y, 0));transition:opacity .2s ease,transform .2s ease;position:absolute;z-index:1;inline-size:max-content;max-inline-size:25ch;text-align:start;font-size:.85rem;font-weight:400;line-height:initial;padding:var(--_p-block) var(--_p-inline);margin:0;border-radius:var(--omm-corner-s);background:var(--_bg);color:var(--_color);will-change:filter;filter:drop-shadow(0 3px 3px hsl(0,0%,0%,var(--_shadow-alpha))) drop-shadow(0 12px 12px hsl(0,0%,0%,var(--_shadow-alpha)))}tool-tip:dir(rtl){--isRTL: 1}tool-tip:before{content:"; Has tooltip: ";clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}tool-tip:after{content:"";background:var(--_bg);position:absolute;z-index:-1;inset:0;-webkit-mask:var(--_tip);mask:var(--_tip)}tool-tip:is([tip-position=top],[tip-position=block-start],:not([tip-position]),[tip-position=bottom],[tip-position=block-end]){text-align:center}tool-tip:is([tip-position=top],[tip-position=block-start],:not([tip-position])){inset-inline-start:50%;inset-block-end:calc(100% + var(--_p-block) + var(--_triangle-size));--_x: calc(50% * var(--isRTL))}tool-tip:is([tip-position=top],[tip-position=block-start],:not([tip-position])):after{--_tip: var(--_bottom-tip);inset-block-end:calc(var(--_triangle-size) * -1);border-block-end:var(--_triangle-size) solid transparent}tool-tip:is([tip-position=right],[tip-position=inline-end]){inset-inline-start:calc(100% + var(--_p-inline) + var(--_triangle-size));inset-block-end:50%;--_y: 50%}tool-tip:is([tip-position=right],[tip-position=inline-end]):after{--_tip: var(--_left-tip);inset-inline-start:calc(var(--_triangle-size) * -1);border-inline-start:var(--_triangle-size) solid transparent}tool-tip:is([tip-position=right],[tip-position=inline-end]):dir(rtl):after{--_tip: var(--_right-tip)}tool-tip:is([tip-position=bottom],[tip-position=block-end]){inset-inline-start:50%;inset-block-start:calc(100% + var(--_p-block) + var(--_triangle-size));--_x: calc(50% * var(--isRTL))}tool-tip:is([tip-position=bottom],[tip-position=block-end]):after{--_tip: var(--_top-tip);inset-block-start:calc(var(--_triangle-size) * -1);border-block-start:var(--_triangle-size) solid transparent}tool-tip:is([tip-position=left],[tip-position=inline-start]){inset-inline-end:calc(100% + var(--_p-inline) + var(--_triangle-size));inset-block-end:50%;--_y: 50%}tool-tip:is([tip-position=left],[tip-position=inline-start]):after{--_tip: var(--_right-tip);inset-inline-end:calc(var(--_triangle-size) * -1);border-inline-end:var(--_triangle-size) solid transparent}tool-tip:is([tip-position=left],[tip-position=inline-start]):dir(rtl):after{--_tip: var(--_left-tip)}:has(>tool-tip){position:relative}:has(>tool-tip):is(:hover,:focus-visible,:active)>tool-tip{opacity:1;transition-delay:.2s}@media(prefers-reduced-motion:no-preference){:has(>tool-tip:is([tip-position=top],[tip-position=block-start],:not([tip-position]))):not(:hover,:active)>tool-tip{--_y: 3px}:has(>tool-tip:is([tip-position=right],[tip-position=inline-end])):not(:hover,:active)>tool-tip{--_x: calc(var(--isRTL) * -3px * -1)}:has(>tool-tip:is([tip-position=bottom],[tip-position=block-end])):not(:hover,:active)>tool-tip{--_y: -3px}:has(>tool-tip:is([tip-position=left],[tip-position=inline-start])):not(:hover,:active)>tool-tip{--_x: calc(var(--isRTL) * 3px * -1)}}:root{--dox-fab-size: calc(var(--omm-spacing) * 2 + 24px);--dox-footer-height: calc(var(--dox-fab-size));--dox-offset: 21vw}.premium-badge{display:inline-flex;align-items:center;font-size:.65em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15em .45em;border-radius:3px;background:color-mix(in srgb,var(--omm-accent) 15%,transparent);color:var(--omm-accent);margin-inline-start:.4em}.readonly-banner{padding:var(--omm-spacing-s) var(--omm-spacing);background:var(--omm-surface-warning);color:var(--omm-on-surface-warning);border-radius:var(--omm-corner-s);font-size:.9em}omm-list [ngOption] .tile{flex:1;cursor:pointer;border-block-end:1px solid var(--omm-outline-muted)}omm-list [ngOption] .tile .subtle{color:var(--omm-text-muted);font-size:var(--omm-font-size-muted)}omm-list [ngOption] .actions{display:flex;align-items:center;transition:opacity .2s ease-in-out;opacity:.3}omm-list [ngOption][data-active=true] .actions,omm-list [ngOption]:hover .actions{opacity:1}.as-split-gutter{--_as-gutter-background-color: var(--omm-divider);--shade-gutter-size: 5px;position:relative}.as-split-gutter:hover:after{opacity:.5}.as-split-gutter:after{content:"";position:absolute;inset:0 0 0 calc(var(--shade-gutter-size) / -2 + 1px);width:var(--shade-gutter-size);opacity:0;transition:opacity .2s ease-in-out;background-color:var(--omm-accent)}footer.app-footer{border-block-start:1px solid var(--omm-outline-muted);background-color:var(--omm-surface);position:relative;inset-inline:0;inset-block-end:0;height:var(--dox-footer-height);display:flex;align-items:stretch;padding-inline-start:calc(var(--dox-offset) + var(--omm-spacing) + var(--dox-fab-size));padding-inline-end:var(--omm-spacing)}footer.app-footer button.fab{position:absolute;background-color:var(--omm-surface);inset-block-start:calc(var(--dox-fab-size) / -2);inset-inline-start:var(--dox-offset);width:var(--dox-fab-size);height:var(--dox-fab-size);display:flex;align-items:center;justify-content:center;border-radius:var(--omm-corner);box-shadow:0 0 0 3px rgb(from var(--omm-button-outline) r g b/.1)}footer.app-footer button.fab:hover,footer.app-footer button.fab:focus-visible{border-color:var(--omm-outline);box-shadow:0 0 0 4px rgb(from var(--omm-button-outline) r g b/.15)}footer.app-footer button.fab:focus-visible{box-shadow:0 0 0 5px rgb(from var(--omm-button-outline) r g b/.15)}footer.app-footer button.secondary{background:none;border:none;color:var(--omm-text-muted);padding:var(--omm-spacing);margin-left:auto;display:flex;align-items:center}footer.app-footer button.secondary:hover,footer.app-footer button.secondary:focus-visible{color:var(--omm-text)}html,body{padding:0;margin:0;width:100vw;height:100vh;overflow:hidden}lucide-icon{display:inline-flex;vertical-align:middle;line-height:0}lucide-icon svg{display:block}