@layer lp.reset{*{box-sizing:border-box;margin:0;padding:0}}@layer lp.tokens{:root{--lp-font-body:system-ui, -apple-system, sans-serif;--lp-font-display:system-ui, -apple-system, sans-serif;--lp-font-mono:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--lp-font-size:.875rem;--lp-line-height:1.6;--lp-font-weight-bold:700;--lp-font-weight-semibold:600;--lp-color-bg:#fff;--lp-color-text:#1a1a1a;--lp-color-text-secondary:#0009;--lp-color-text-faded:#0000005c;--lp-color-accent:#0078d4;--lp-color-selection:#0078d426;--lp-color-border:#0000001f;--lp-color-surface:#f5f5f5;--lp-color-caret:currentColor;--lp-radius:6px;--lp-syntax-keyword:#8839ef;--lp-syntax-string:#40a02b;--lp-syntax-number:#e64553;--lp-syntax-function:#1e66f5;--lp-syntax-comment:#8c8fa1;--lp-syntax-variable:#d20f39;--lp-syntax-type:#df8e1d;--lp-syntax-operator:#0d7680;--lp-syntax-property:#d20f39;--lp-syntax-tag:#d20f39;--lp-syntax-attribute:#df8e1d;--lp-syntax-escape:#0d7680;--lp-syntax-punctuation:#4c4f69}@media (prefers-color-scheme:dark){:root{--lp-color-bg:#1e1e2e;--lp-color-text:#cdd6f4;--lp-color-text-secondary:#cdd6f499;--lp-color-text-faded:#cdd6f45c;--lp-color-accent:#89b4fa;--lp-color-selection:#89b4fa33;--lp-color-border:#cdd6f41f;--lp-color-surface:#313244;--lp-syntax-keyword:#cba6f7;--lp-syntax-string:#a6e3a1;--lp-syntax-number:#fab387;--lp-syntax-function:#89b4fa;--lp-syntax-comment:#6c7086;--lp-syntax-variable:#f38ba8;--lp-syntax-type:#f9e2af;--lp-syntax-operator:#94e2d5;--lp-syntax-property:#f38ba8;--lp-syntax-tag:#f38ba8;--lp-syntax-attribute:#f9e2af;--lp-syntax-escape:#94e2d5;--lp-syntax-punctuation:#a6adc8}}}@layer lp.components{.lp-editor{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}@media (prefers-color-scheme:dark){.lp-editor{--lightningcss-light: ;--lightningcss-dark:initial}}.lp-popover-positioner{z-index:50}.lp-popover{border:1px solid var(--lp-color-border,#0000001f);border-radius:calc(var(--lp-radius,6px) + 2px)}.lp-popover-form{flex-direction:column;gap:1rem;width:22rem;padding:1.25rem;display:flex}.lp-popover-field{flex-direction:column;gap:.4rem;display:flex}.lp-popover-label{text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.lp-popover-input{border-radius:var(--lp-radius,6px);height:2.25rem;font:inherit;border:1px solid var(--lp-color-border,#0000001f);outline:none;padding:0 .75rem;font-size:.85rem}.lp-popover-input:focus{border-color:var(--lp-color-accent,#0078d4)}.lp-popover-actions{justify-content:space-between;align-items:center;padding-top:.375rem;display:flex}.lp-popover-actions-end{gap:.5rem;display:flex}.lp-popover-btn{border-radius:var(--lp-radius,6px);height:2rem;font:inherit;cursor:pointer;border:1px solid #0000;padding:0 .875rem;font-size:.8rem;font-weight:500}.lp-popover-btn:disabled{opacity:.5;cursor:not-allowed}.lp-popover-select{appearance:none;border-radius:var(--lp-radius,6px);height:2.25rem;font:inherit;border:1px solid var(--lp-color-border,#0000001f);color:inherit;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .75rem center no-repeat;outline:none;padding:0 2rem 0 .75rem;font-size:.85rem}.lp-popover-select:focus{border-color:var(--lp-color-accent,#0078d4)}.lp-toolbar{border-bottom:1px solid var(--lp-color-border,#0000001f);flex-shrink:0;align-items:center;gap:2px;padding:.25rem .5rem;display:flex}.lp-toolbar>span{display:contents}.lp-toolbar-group{align-items:center;gap:1px;display:flex}.lp-toolbar-btn{width:1.75rem;height:1.75rem;color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:.75rem;font-weight:600;display:inline-flex}.lp-toolbar-btn--active{color:var(--lp-color-accent,#0078d4);background:var(--lp-color-selection,#0078d426)}.lp-toolbar-btn svg{width:16px;height:16px;display:block}.lp-toolbar-separator{background:var(--lp-color-border,#0000001f);width:1px;height:1rem;margin:0 .25rem}.lp-floating-toolbar{z-index:100;pointer-events:auto;border-radius:6px;align-items:center;gap:2px;padding:.25rem;display:flex}.lp-floating-toolbar-btn{width:1.75rem;height:1.75rem;color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:.75rem;font-weight:600;display:inline-flex}.lp-floating-toolbar-btn--active{color:var(--lp-color-accent,#0078d4);background:var(--lp-color-selection,#0078d426)}.lp-floating-toolbar-btn svg{width:14px;height:14px;display:block}.lp-floating-toolbar-separator{background:var(--lp-color-border,#e0e0e0);width:1px;height:1rem;margin:0 .25rem}.lp-floating-toolbar-group{align-items:center;gap:1px;display:flex}.lp-preview h1,.lp-preview h2,.lp-preview h3,.lp-preview h4,.lp-preview h5,.lp-preview h6{line-height:1.3;font-family:var(--lp-font-display);margin-top:1.5em;margin-bottom:.5em}.lp-preview h1{font-size:2em;font-weight:700}.lp-preview h2{font-size:1.6em;font-weight:700}.lp-preview h3{font-size:1.3em;font-weight:600}.lp-preview h4{font-size:1.1em;font-weight:600}.lp-preview p{margin-top:.75em;margin-bottom:.75em}.lp-preview a{text-decoration:underline}.lp-preview del{text-decoration:line-through}.lp-preview code{font-family:var(--lp-font-mono,ui-monospace, monospace);font-size:.875em}.lp-preview .lp-code-block{border:1px solid var(--lp-color-border,#0000001f);border-radius:8px;margin:1em 0;overflow:hidden}.lp-preview .lp-code-header{font-family:var(--lp-font-mono,ui-monospace, monospace);border-bottom:1px solid var(--lp-color-border,#0000001f);letter-spacing:.05em;justify-content:space-between;padding:.4em 1em;font-size:.75rem;display:flex}.lp-preview .lp-code-header-lang{text-transform:uppercase}.lp-preview .lp-code-block pre{background:0 0;border-radius:0;margin:0}.lp-preview .lp-code-block code{display:table}.lp-preview .lp-code-row{line-height:1.5;display:table-row}.lp-preview .lp-code-line-number{text-align:right;-webkit-user-select:none;user-select:none;opacity:.5;white-space:nowrap;vertical-align:top;padding-right:1em;display:table-cell}.lp-preview .lp-code-line{white-space:pre;display:table-cell}.lp-preview pre{border-radius:8px;margin:1em 0;padding:1em;overflow-x:auto}.lp-preview pre code{background:0 0;padding:0;font-size:.875em}.lp-preview blockquote{border-left:3px solid var(--lp-color-border,#0000001f);margin:1em 0;padding-left:1em;font-style:italic}.lp-preview ul,.lp-preview ol{margin:.75em 0;padding-left:1.5em}.lp-preview ul{list-style-type:disc}.lp-preview ol{list-style-type:decimal}.lp-preview li{margin:.25em 0}.lp-preview hr{border:none;border-top:1px solid var(--lp-color-border,#0000001f);margin:1.5em 0}.lp-preview table{border-collapse:collapse;width:100%;margin:1em 0}.lp-preview th,.lp-preview td{border:1px solid var(--lp-color-border,#0000001f);text-align:left;padding:.5em .75em}.lp-preview img{max-width:100%}.lp-preview input[type=checkbox]{margin-right:.5em}.tok-keyword{color:var(--lp-syntax-keyword)}.tok-operator{color:var(--lp-syntax-operator)}.tok-variableName{color:var(--lp-syntax-variable)}.tok-typeName,.tok-className,.tok-definition,.tok-namespace{color:var(--lp-syntax-type)}.tok-propertyName{color:var(--lp-syntax-property)}.tok-comment{color:var(--lp-syntax-comment);font-style:italic}.tok-string,.tok-string2,.tok-attributeValue,.tok-regexp{color:var(--lp-syntax-string)}.tok-number,.tok-bool,.tok-null,.tok-atom{color:var(--lp-syntax-number)}.tok-function{color:var(--lp-syntax-function)}.tok-tagName{color:var(--lp-syntax-tag)}.tok-attributeName{color:var(--lp-syntax-attribute)}.tok-escape,.tok-link{color:var(--lp-syntax-escape)}.tok-punctuation{color:var(--lp-syntax-punctuation)}}@layer lp.theme{.lp-toolbar{background:var(--lp-color-bg)}.lp-toolbar-btn:hover{background:var(--lp-color-surface)}.lp-toolbar-btn:active{background:var(--lp-color-border)}.lp-floating-toolbar{background:var(--lp-color-bg);border:1px solid var(--lp-color-border);box-shadow:0 4px 12px #00000014,0 1px 3px #0000000f}.lp-floating-toolbar-btn:hover{background:var(--lp-color-surface)}.lp-floating-toolbar-btn:active{background:var(--lp-color-border)}.lp-popover{background:var(--lp-color-bg);box-shadow:0 8px 24px #0000001f,0 2px 6px #00000014}.lp-popover-label{color:var(--lp-color-text-secondary);font-weight:var(--lp-font-weight-semibold,600)}.lp-popover-input,.lp-popover-select{background:var(--lp-color-surface);color:var(--lp-color-text)}.lp-popover-input::placeholder{color:var(--lp-color-text-faded)}.lp-popover-input:focus,.lp-popover-select:focus{background:var(--lp-color-bg)}.lp-popover-btn--secondary{color:var(--lp-color-text-secondary);border-color:var(--lp-color-border);background:0 0}.lp-popover-btn--secondary:hover:not(:disabled){background:var(--lp-color-surface);color:var(--lp-color-text)}.lp-popover-btn--primary{background:var(--lp-color-accent);color:#fff}.lp-popover-btn--primary:hover:not(:disabled){filter:brightness(1.1)}.lp-popover-btn--danger{color:var(--lp-syntax-variable);background:0 0}.lp-popover-btn--danger:hover:not(:disabled){background:var(--lp-color-surface)}@media (prefers-color-scheme:dark){.lp-floating-toolbar{box-shadow:0 4px 12px #0000004d,0 1px 3px #0003}.lp-popover{box-shadow:0 8px 24px #00000059,0 2px 6px #00000040}}}html,body,#root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;height:100%}@media (prefers-color-scheme:dark){html,body,#root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--lp-color-bg,#fff);color:var(--lp-color-text,#1a1a1a);--lp-font-body:"DM Sans", system-ui, -apple-system, sans-serif;--lp-font-display:"Source Serif 4", Georgia, "Times New Roman", serif;--lp-font-mono:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;font-family:DM Sans,system-ui,-apple-system,sans-serif}.pg-layout{flex-direction:column;height:100%;display:flex}.pg-header{border-bottom:1px solid var(--lp-color-border,#0000001f);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.pg-brand{align-items:center;gap:.5rem;display:flex}.pg-logo{border-radius:6px}.pg-title{letter-spacing:-.02em;font-size:1rem;font-weight:700}.pg-tabs{gap:2px;display:flex}.pg-tab{color:var(--lp-color-text-secondary,#0009);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.375rem .75rem;font-family:inherit;font-size:.8rem;font-weight:500}.pg-tab:hover{background:var(--lp-toolbar-button-hover,#0000000f)}.pg-tab--active{color:var(--lp-color-text,#1a1a1a);background:var(--lp-toolbar-button-active,#0000001a)}.pg-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pg-preview-wrap{flex:1;width:100%;max-width:48rem;margin:0 auto;padding:1.5rem 2rem;overflow:auto}.pg-shortcuts-popover{background:var(--lp-color-bg,#fff);border:1px solid var(--lp-color-border,#0000001f);border-radius:8px;flex-direction:column;width:280px;max-height:400px;display:flex;box-shadow:0 4px 16px #0000001f}.pg-shortcuts-title{text-transform:uppercase;letter-spacing:.05em;color:var(--lp-color-text-secondary,#0009);flex-shrink:0;margin-bottom:.5rem;padding:.75rem .75rem 0;font-size:.75rem;font-weight:600}.pg-shortcuts-list{min-height:0;padding:0 .75rem .75rem;list-style:none;overflow-y:auto}.pg-shortcuts-row{justify-content:space-between;align-items:center;padding:.3rem 0;font-size:.8rem;display:flex}.pg-shortcuts-label{color:var(--lp-color-text,#1a1a1a)}.pg-shortcuts-keys{gap:3px;display:flex}.pg-shortcuts-kbd{min-width:1.5em;font-family:var(--lp-font-mono,ui-monospace, monospace);background:var(--lp-color-surface,#f5f5f5);border:1px solid var(--lp-color-border,#0000001f);border-radius:4px;justify-content:center;align-items:center;padding:.1em .4em;font-size:.7rem;display:inline-flex}