.lp-editor{--lp-font-sans:"Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--lp-font-mono:"Geist Mono","SF Mono","Menlo","Consolas",monospace;--lp-accent:oklch(0.57 0.18 256);--lp-accent-soft:color-mix(in srgb,var(--lp-accent),transparent 88%);--lp-danger:oklch(0.58 0.2 24);--lp-success:oklch(0.63 0.18 151);--lp-radius:8px;--lp-radius-sm:6px;--lp-bg:var(--theme-elevation-0,#fff);--lp-panel:var(--theme-elevation-50,#fafafa);--lp-panel-alt:var(--theme-elevation-100,#f5f5f5);--lp-border:var(--theme-border-color,#e5e5e5);--lp-text:var(--theme-text,#171717);--lp-muted:color-mix(in srgb,var(--lp-text),transparent 55%);background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:var(--lp-radius);color:var(--lp-text);display:grid;font-family:var(--lp-font-sans);overflow:hidden}.lp-editor__sr-only-file-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.lp-editor--fullscreen{display:flex;flex-direction:column;inset:0;position:fixed;z-index:10000;border-radius:0;border:none}.lp-editor--dragging{cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lp-editor__header{align-items:center;border-bottom:1px solid var(--lp-border);display:flex;gap:12px;justify-content:space-between;padding:10px 16px}.lp-editor__title{font-size:13px;font-weight:600}.lp-editor__header-actions{display:flex;gap:4px}.lp-editor__icon-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;border-radius:var(--lp-radius-sm);color:var(--lp-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background .1s,border-color .1s,color .1s;width:32px}.lp-editor__icon-btn:hover{background:var(--lp-panel-alt);border-color:var(--lp-border);color:var(--lp-text)}.lp-editor__icon-btn:focus-visible{outline:2px solid var(--lp-accent-soft);outline-offset:1px}.lp-editor__icon-btn:disabled{cursor:not-allowed;opacity:.35}.lp-editor__icon-btn[aria-pressed=true]{background:var(--lp-accent-soft);color:var(--lp-accent)}.lp-editor__shell{display:grid;grid-template-columns:1fr minmax(280px,340px);min-height:560px;overflow:hidden}.lp-editor--fullscreen .lp-editor__shell{flex:1;min-height:0}.lp-editor__shell--no-sidebar{grid-template-columns:1fr}.lp-editor__studio{background:var(--lp-bg);display:grid;grid-template-rows:auto 1fr auto;min-width:0}.lp-editor__toolbar{align-items:center;border-bottom:1px solid var(--lp-border);display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;padding:6px 12px}.lp-editor__mode-group{align-items:center;background:var(--lp-panel);border:1px solid var(--lp-border);border-radius:var(--lp-radius-sm);display:inline-flex;overflow:hidden}.lp-editor__mode-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--lp-muted);cursor:pointer;font-family:var(--lp-font-sans);font-size:12px;font-weight:500;line-height:1;padding:6px 12px;transition:background .1s,color .1s}.lp-editor__mode-btn:hover{color:var(--lp-text)}.lp-editor__mode-btn[aria-pressed=true]{background:var(--lp-bg);color:var(--lp-text);font-weight:600}.lp-editor__formatting{align-items:center;display:flex;gap:2px}.lp-editor__divider{background:var(--lp-border);display:inline-block;height:16px;margin:0 4px;width:1px}.lp-editor__workspace{display:grid;min-height:400px;position:relative}.lp-editor__workspace--preview,.lp-editor__workspace--source{grid-template-columns:1fr}.lp-editor__pane{min-width:0;overflow:auto}.lp-editor__pane--editor{border-right:1px solid var(--lp-border)}.lp-editor__workspace--preview .lp-editor__pane--editor,.lp-editor__workspace--source .lp-editor__pane--editor{border-right:0}.lp-editor__source{display:grid;grid-template-columns:44px 1fr;height:100%;min-height:400px}.lp-editor__gutter{border-right:1px solid var(--lp-border);overflow:hidden;padding:16px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lp-editor__line-number{color:var(--lp-muted);display:block;font-size:12px;opacity:.6;padding-right:12px;text-align:right}.lp-editor__line-number,.lp-editor__textarea{font-family:var(--lp-font-mono);line-height:1.6}.lp-editor__textarea{background:transparent;border:0;color:var(--lp-text);font-size:13px;min-height:400px;outline:none;padding:16px;resize:vertical;width:100%}.lp-editor__textarea::-moz-placeholder{color:var(--lp-muted);opacity:.6}.lp-editor__textarea::placeholder{color:var(--lp-muted);opacity:.6}.lp-editor__resizer-bar{align-items:center;cursor:col-resize;display:flex;justify-content:center;position:relative;width:8px;z-index:2}.lp-editor__resizer-bar:before{background:var(--lp-border);content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);transition:background .15s;width:1px}.lp-editor--dragging .lp-editor__resizer-bar:before,.lp-editor__resizer-bar:hover:before{background:var(--lp-accent);width:2px}.lp-editor__resizer-grip{background:var(--lp-border);border-radius:2px;height:24px;position:relative;transition:background .15s;width:4px;z-index:1}.lp-editor--dragging .lp-editor__resizer-grip,.lp-editor__resizer-bar:hover .lp-editor__resizer-grip{background:var(--lp-accent)}.lp-editor__pane--preview{background:var(--lp-panel);overflow:auto}.lp-editor__preview-pane{height:100%;padding:24px 32px}.lp-editor__empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:200px;padding:48px 24px;text-align:center}.lp-editor__empty-title{color:var(--lp-text);font-size:14px;font-weight:500;margin:0}.lp-editor__empty-hint{color:var(--lp-muted);font-size:13px;line-height:1.5;margin:0;max-width:280px}.lp-editor__prose{color:var(--lp-text);font-family:var(--lp-font-sans);font-size:16px;line-height:1.75;margin:0 auto;max-width:680px}.lp-editor__prose h1{font-size:32px;font-weight:700;letter-spacing:-.03em;margin:0 0 16px}.lp-editor__prose h2{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:32px 0 12px}.lp-editor__prose h3{font-size:20px;font-weight:600;margin:24px 0 8px}.lp-editor__prose h4{font-size:16px;font-weight:600;margin:20px 0 8px}.lp-editor__prose ol,.lp-editor__prose p,.lp-editor__prose ul{margin:0 0 16px}.lp-editor__prose ol,.lp-editor__prose ul{padding-left:24px}.lp-editor__prose li{margin:4px 0}.lp-editor__prose code{background:var(--lp-panel-alt);border-radius:4px;font-family:var(--lp-font-mono);font-size:.875em;padding:2px 6px}.lp-editor__prose pre{background:var(--lp-panel-alt);border:1px solid var(--lp-border);border-radius:var(--lp-radius);margin:0 0 16px;overflow-x:auto;padding:16px}.lp-editor__prose pre code{background:none;border-radius:0;padding:0}.lp-editor__prose blockquote{border-left:3px solid var(--lp-accent);color:var(--lp-muted);margin:16px 0;padding:4px 0 4px 16px}.lp-editor__prose blockquote p{margin:0 0 8px}.lp-editor__prose table{border-collapse:collapse;margin:0 0 16px;width:100%}.lp-editor__prose td,.lp-editor__prose th{border:1px solid var(--lp-border);padding:8px 12px;text-align:left}.lp-editor__prose th{background:var(--lp-panel-alt);font-weight:600}.lp-editor__prose img{border-radius:var(--lp-radius);max-width:100%}.lp-editor__prose a{color:var(--lp-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--lp-accent),transparent 60%);text-underline-offset:2px}.lp-editor__prose a:hover{text-decoration-color:var(--lp-accent)}.lp-editor__prose hr{border:none;border-top:1px solid var(--lp-border);margin:32px 0}.lp-editor__stats{align-items:center;border-top:1px solid var(--lp-border);color:var(--lp-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:0;letter-spacing:.02em;padding:8px 16px}.lp-editor__stats>span{white-space:nowrap}.lp-editor__stats-dot{background:var(--lp-border);border-radius:50%;display:inline-block;height:3px;margin:0 8px;width:3px}.lp-editor__stats-spacer{flex:1}.lp-editor__stats-shortcut{opacity:.6}.lp-browser{background:var(--lp-panel);border-left:1px solid var(--lp-border);display:grid;gap:0;grid-template-rows:auto auto auto 1fr auto auto;max-height:76vh;overflow:hidden;position:relative}.lp-editor--fullscreen .lp-browser{max-height:none}.lp-browser__header{align-items:center;border-bottom:1px solid var(--lp-border);display:flex;gap:8px;justify-content:space-between;padding:10px 16px}.lp-browser__title{font-size:11px;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}.lp-browser__header-actions{display:flex;gap:6px}.lp-browser__header-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:var(--lp-radius-sm);color:var(--lp-text);cursor:pointer;font-family:var(--lp-font-sans);font-size:11px;font-weight:500;min-height:26px;padding:4px 8px;transition:border-color .1s}.lp-browser__header-btn:hover{border-color:color-mix(in srgb,var(--lp-border),var(--lp-text) 20%)}.lp-browser__header-btn:disabled{cursor:not-allowed;opacity:.45}.lp-browser__filters{border-bottom:1px solid var(--lp-border);display:grid;gap:8px;padding:12px 16px}.lp-browser__kind-filter,.lp-browser__search{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:var(--lp-radius-sm);color:var(--lp-text);font-family:var(--lp-font-sans);font-size:12px;min-height:32px;padding:6px 10px;width:100%}.lp-browser__kind-filter:focus,.lp-browser__search:focus{border-color:var(--lp-accent);outline:none}.lp-browser__search::-moz-placeholder{color:var(--lp-muted)}.lp-browser__search::placeholder{color:var(--lp-muted)}.lp-browser__grid{display:grid;gap:6px;grid-template-columns:repeat(2,1fr);overflow:auto;padding:12px 16px}.lp-browser__card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:var(--lp-radius-sm);color:var(--lp-text);cursor:pointer;display:grid;gap:2px;padding:10px;text-align:left;transition:border-color .1s,box-shadow .1s}.lp-browser__card:hover{border-color:color-mix(in srgb,var(--lp-border),var(--lp-text) 20%)}.lp-browser__card[aria-pressed=true]{border-color:var(--lp-accent);box-shadow:0 0 0 1px var(--lp-accent)}.lp-browser__card-name{font-size:12px;font-weight:500;line-height:1.3}.lp-browser__card-meta{align-items:center;color:var(--lp-muted);display:flex;flex-wrap:wrap;font-family:var(--lp-font-mono);font-size:10px;gap:4px}.lp-browser__kind-badge{background:var(--lp-accent-soft);border-radius:3px;color:var(--lp-accent);font-family:var(--lp-font-sans);font-size:9px;font-weight:600;letter-spacing:.03em;padding:1px 5px;text-transform:uppercase}.lp-browser__card-props{color:var(--lp-muted);font-size:10px;margin-top:2px}.lp-browser__hint{color:var(--lp-muted);font-size:12px;margin:0}.lp-browser__hint--padded{grid-column:1/-1;padding:12px 0;text-align:center}.lp-browser__config{border-top:1px solid var(--lp-border);display:grid;gap:0;overflow:auto}.lp-browser__section-header{align-items:center;border-bottom:1px solid var(--lp-border);cursor:pointer;display:flex;font-size:10px;font-weight:600;gap:6px;letter-spacing:.06em;list-style:none;padding:8px 16px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lp-browser__section-header::-webkit-details-marker{display:none}.lp-browser__section-header:before{border:4px solid transparent;border-left:5px solid;content:"";display:inline-block;transition:transform .12s}details[open]>.lp-browser__section-header:before{transform:rotate(90deg)}.lp-browser__section-body{padding:12px 16px}.lp-browser__component-name{font-size:13px;font-weight:600;margin:0 0 4px}.lp-browser__component-desc{color:var(--lp-muted);font-size:12px;line-height:1.5;margin:0}.lp-browser__props{display:grid;gap:10px}.lp-browser__field{display:grid;gap:4px}.lp-browser__label{align-items:center;color:var(--lp-muted);display:flex;font-size:11px;font-weight:600;gap:4px}.lp-browser__required-dot{background:var(--lp-danger);border-radius:50%;display:inline-block;flex-shrink:0;height:5px;width:5px}.lp-browser__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:var(--lp-radius-sm);color:var(--lp-text);font-family:var(--lp-font-sans);font-size:12px;min-height:32px;padding:6px 10px;width:100%}.lp-browser__input:focus{border-color:var(--lp-accent);outline:none}.lp-browser__input--textarea{line-height:1.4;resize:vertical}.lp-browser__input--invalid{border-color:color-mix(in srgb,var(--lp-danger),transparent 40%)}.lp-browser__input--invalid:focus{border-color:var(--lp-danger)}.lp-browser__token-preview{background:var(--lp-panel-alt);border:1px solid var(--lp-border);border-radius:var(--lp-radius-sm);color:var(--lp-text);font-family:var(--lp-font-mono);font-size:11px;line-height:1.4;padding:8px 10px;resize:none;width:100%}.lp-browser__warning{color:var(--lp-danger);font-size:11px;margin:0;padding:0 16px 8px}.lp-browser__actions{border-top:1px solid var(--lp-border);display:flex;gap:6px;justify-content:flex-end;padding:12px 16px}.lp-browser__insert-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--lp-accent);border:1px solid var(--lp-accent);border-radius:var(--lp-radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--lp-font-sans);font-size:12px;font-weight:600;gap:4px;line-height:1;min-height:32px;padding:6px 14px;transition:opacity .1s}.lp-browser__insert-btn:hover{opacity:.9}.lp-browser__insert-btn:disabled{cursor:not-allowed;opacity:.45}.lp-browser__copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:var(--lp-radius-sm);color:var(--lp-text);cursor:pointer;font-family:var(--lp-font-sans);font-size:12px;font-weight:500;line-height:1;min-height:32px;padding:6px 14px;transition:border-color .1s}.lp-browser__copy-btn:hover{border-color:color-mix(in srgb,var(--lp-border),var(--lp-text) 20%)}.lp-browser__copy-btn:disabled{cursor:not-allowed;opacity:.45}.lp-browser__error-box{align-items:center;background:color-mix(in srgb,var(--lp-danger),transparent 90%);border:1px solid color-mix(in srgb,var(--lp-danger),transparent 60%);border-radius:var(--lp-radius-sm);display:flex;gap:8px;justify-content:space-between;margin:12px 16px;padding:10px}.lp-browser__error-box p{color:var(--lp-danger);font-size:12px;margin:0}.lp-browser__retry-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--lp-bg);border:1px solid var(--lp-border);color:var(--lp-text);cursor:pointer;font-size:11px;padding:4px 10px}.lp-browser__retry-btn,.lp-browser__toast{border-radius:var(--lp-radius-sm);font-weight:500}.lp-browser__toast{align-items:center;animation:lp-toast-in .2s ease-out;bottom:16px;display:flex;font-size:12px;gap:6px;left:16px;padding:8px 12px;position:absolute;right:16px;z-index:10}.lp-browser__toast--success{background:color-mix(in srgb,var(--lp-success),transparent 85%);color:color-mix(in srgb,var(--lp-success),var(--lp-text) 30%)}.lp-browser__toast--error{background:color-mix(in srgb,var(--lp-danger),transparent 85%);color:color-mix(in srgb,var(--lp-danger),var(--lp-text) 30%)}@keyframes lp-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1180px){.lp-editor__shell{grid-template-columns:1fr minmax(260px,300px)}}@media (max-width:980px){.lp-editor__shell,.lp-editor__shell--no-sidebar{grid-template-columns:1fr}.lp-browser{border-left:0;border-top:1px solid var(--lp-border);max-height:none}.lp-browser__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.lp-editor__header{flex-wrap:wrap}.lp-editor__toolbar{flex-direction:column;align-items:flex-start}.lp-editor__workspace{grid-template-columns:1fr!important}.lp-editor__pane--editor{border-bottom:1px solid var(--lp-border);border-right:0}.lp-editor__resizer-bar{display:none}.lp-browser__grid{grid-template-columns:repeat(2,1fr)}}