:root{--app-color-primary: #8b7cd8;--app-color-background: #ffffff;--app-color-surface: #f8f9fb;--app-color-border: #e1e5e9;--app-color-text: #2c3e50;--app-color-text-muted: #64748b;--app-border-radius: 12px;--app-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--app-transition: all .2s ease-in-out}.app--dark{--app-color-background: #1a1b23;--app-color-surface: #252631;--app-color-border: #3a3b47;--app-color-text: #e2e8f0;--app-color-text-muted: #94a3b8;--app-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--app-color-background);color:var(--app-color-text);transition:var(--app-transition)}.app{min-height:100vh;background:var(--app-color-background);transition:var(--app-transition)}.app__header{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,var(--app-color-primary),#a898e8);color:#fff}.app__title{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem}.app__title-icon{font-size:2rem}.app__subtitle{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.5}.app__controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;padding:1rem;background:var(--app-color-surface);border-bottom:1px solid var(--app-color-border)}.app__control-group{display:flex;align-items:center;gap:.5rem}.app__button{padding:.5rem 1rem;background:var(--app-color-background);border:1px solid var(--app-color-border);border-radius:8px;color:var(--app-color-text);cursor:pointer;font-size:.875rem;font-weight:500;transition:var(--app-transition)}.app__button:hover:not(:disabled){background:var(--app-color-primary);color:#fff;border-color:var(--app-color-primary)}.app__button:disabled{opacity:.5;cursor:not-allowed}.app__checkbox,.app__select{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--app-color-text)}.app__checkbox input,.app__select select{margin:0}.app__select select{padding:.25rem .5rem;border:1px solid var(--app-color-border);border-radius:4px;background:var(--app-color-background);color:var(--app-color-text)}.app__main{display:grid;grid-template-columns:1fr 300px;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}.app__editor-container{min-height:500px}.app__editor{height:500px;resize:vertical;overflow:hidden}.app__sidebar{display:flex;flex-direction:column;gap:1rem}.app__info-panel{background:var(--app-color-surface);border:1px solid var(--app-color-border);border-radius:var(--app-border-radius);padding:1rem;box-shadow:var(--app-shadow)}.app__info-panel h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--app-color-text)}.app__info-item{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.app__info-item:last-child{margin-bottom:0}.app__shortcut{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.app__shortcut:last-child{margin-bottom:0}.app__shortcut kbd{background:var(--app-color-background);border:1px solid var(--app-color-border);border-radius:4px;padding:.125rem .25rem;font-size:.75rem;font-family:monospace;color:var(--app-color-text-muted)}.app__footer{text-align:center;padding:2rem 1rem;background:var(--app-color-surface);border-top:1px solid var(--app-color-border);color:var(--app-color-text-muted);font-size:.875rem}@media (max-width: 768px){.app__main{grid-template-columns:1fr;gap:1rem;padding:1rem}.app__controls{flex-direction:column;align-items:stretch}.app__control-group{justify-content:center}.app__title{font-size:2rem}.app__subtitle{font-size:1rem}.app__editor{height:400px}}.lilac-toolbar{display:flex;align-items:center;gap:2px;padding:8px 12px;background:var(--lilac-color-surface, #f8f9fb);border-bottom:1px solid var(--lilac-color-border, #e1e5e9);border-radius:var(--lilac-border-radius, 12px) var(--lilac-border-radius, 12px) 0 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;position:sticky;top:0;z-index:10;flex-shrink:0}.lilac-toolbar::-webkit-scrollbar{display:none}.lilac-toolbar--disabled{opacity:.6;pointer-events:none}.lilac-toolbar__button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--lilac-color-text, #2c3e50);cursor:pointer;transition:var(--lilac-transition, all .2s ease-in-out);font-size:0;outline:none;position:relative}.lilac-toolbar__button:hover:not(:disabled):not(.lilac-toolbar__button--disabled){background:var(--lilac-color-background, #ffffff);border-color:var(--lilac-color-border, #e1e5e9);color:var(--lilac-color-primary, #8b7cd8)}.lilac-toolbar__button:focus-visible{outline:2px solid var(--lilac-color-primary, #8b7cd8);outline-offset:1px}.lilac-toolbar__button--active{background:var(--lilac-color-primary, #8b7cd8);border-color:var(--lilac-color-primary, #8b7cd8);color:#fff}.lilac-toolbar__button--active:hover:not(:disabled){background:var(--lilac-color-primary-dark, #6d5ac8);border-color:var(--lilac-color-primary-dark, #6d5ac8)}.lilac-toolbar__button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.lilac-toolbar__button svg{flex-shrink:0}.lilac-toolbar__button:before{content:attr(title);position:absolute;bottom:-36px;left:50%;transform:translate(-50%);background:var(--lilac-color-text, #2c3e50);color:var(--lilac-color-background, #ffffff);padding:4px 8px;border-radius:4px;font-size:12px;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:10}.lilac-toolbar__button:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--lilac-color-text, #2c3e50);opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:10}.lilac-toolbar__button:hover:before,.lilac-toolbar__button:hover:after{opacity:1}.lilac-toolbar__separator{width:1px;height:20px;background:var(--lilac-color-border, #e1e5e9);margin:0 4px;flex-shrink:0}@media (max-width: 768px){.lilac-toolbar{padding:6px 8px;gap:1px}.lilac-toolbar__button{width:28px;height:28px}.lilac-toolbar__button svg{width:14px;height:14px}.lilac-toolbar__button:before,.lilac-toolbar__button:after{display:none}}.lilac-editor--dark .lilac-toolbar{background:var(--lilac-color-surface, #252631);border-bottom-color:var(--lilac-color-border, #3a3b47)}.lilac-editor--dark .lilac-toolbar__button:hover:not(:disabled):not(.lilac-toolbar__button--disabled){background:var(--lilac-color-background, #1a1b23);border-color:var(--lilac-color-border, #3a3b47)}.lilac-editor--dark .lilac-toolbar__separator{background:var(--lilac-color-border, #3a3b47)}.lilac-editor--dark .lilac-toolbar__button:before{background:var(--lilac-color-text, #e2e8f0);color:var(--lilac-color-background, #1a1b23)}.lilac-editor--dark .lilac-toolbar__button:after{border-bottom-color:var(--lilac-color-text, #e2e8f0)}@media (prefers-contrast: high){.lilac-toolbar__button{border-width:2px}.lilac-toolbar__button:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.lilac-toolbar__button,.lilac-toolbar__button:before,.lilac-toolbar__button:after{transition:none}}.lilac-toolbar__button--plugin{position:relative}.lilac-toolbar__button--plugin:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--lilac-color-tooltip-bg, rgba(0, 0, 0, .9));color:var(--lilac-color-tooltip-text, white);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;pointer-events:none}.lilac-toolbar__button--plugin:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:3px solid transparent;border-top-color:var(--lilac-color-tooltip-bg, rgba(0, 0, 0, .9));opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:1001}.lilac-toolbar__button--plugin:hover:before{opacity:1}.lilac-editor{--lilac-color-primary: #8b7cd8;--lilac-color-primary-light: #a898e8;--lilac-color-primary-dark: #6d5ac8;--lilac-color-background: #ffffff;--lilac-color-surface: #f8f9fb;--lilac-color-border: #e1e5e9;--lilac-color-border-focus: #8b7cd8;--lilac-color-text: #2c3e50;--lilac-color-text-muted: #64748b;--lilac-color-text-placeholder: #9ca3af;--lilac-border-radius: 12px;--lilac-border-radius-small: 8px;--lilac-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--lilac-shadow-focus: 0 0 0 3px rgba(139, 124, 216, .1);--lilac-transition: all .2s ease-in-out;--lilac-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lilac-font-size: 16px;--lilac-line-height: 1.6;--lilac-letter-spacing: -.01em}.lilac-editor--dark{--lilac-color-background: #1a1b23;--lilac-color-surface: #252631;--lilac-color-border: #3a3b47;--lilac-color-border-focus: #a898e8;--lilac-color-text: #e2e8f0;--lilac-color-text-muted: #94a3b8;--lilac-color-text-placeholder: #64748b;--lilac-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2)}.lilac-editor{position:relative;display:flex;flex-direction:column;background:var(--lilac-color-background);border:1px solid var(--lilac-color-border);border-radius:var(--lilac-border-radius);box-shadow:var(--lilac-shadow);font-family:var(--lilac-font-family);font-size:var(--lilac-font-size);line-height:var(--lilac-line-height);letter-spacing:var(--lilac-letter-spacing);color:var(--lilac-color-text);transition:var(--lilac-transition);overflow:hidden;height:100%;max-height:100%}.lilac-editor:focus-within{border-color:var(--lilac-color-border-focus);box-shadow:var(--lilac-shadow),var(--lilac-shadow-focus)}.lilac-editor--readonly{background:var(--lilac-color-surface);cursor:default}.lilac-editor__toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--lilac-color-surface);border-bottom:1px solid var(--lilac-color-border);font-size:14px}.lilac-editor__toolbar-placeholder{color:var(--lilac-color-text-muted);font-style:italic}.lilac-editor__content-wrapper{position:relative;flex:1;min-height:120px;display:flex;flex-direction:column;overflow:hidden}.lilac-editor__placeholder{position:absolute;top:16px;left:16px;color:var(--lilac-color-text-placeholder);pointer-events:none;font-size:var(--lilac-font-size);line-height:var(--lilac-line-height);-webkit-user-select:none;user-select:none;z-index:1}.lilac-editor__content{padding:16px;flex:1;outline:none;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;position:relative;z-index:2;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--lilac-color-border) transparent}.lilac-editor__content::-webkit-scrollbar{width:8px}.lilac-editor__content::-webkit-scrollbar-track{background:transparent}.lilac-editor__content::-webkit-scrollbar-thumb{background:var(--lilac-color-border);border-radius:4px}.lilac-editor__content::-webkit-scrollbar-thumb:hover{background:var(--lilac-color-text-muted)}.lilac-editor__content:empty:before{content:"";display:block;height:1em}.lilac-editor__content h1,.lilac-editor__content h2,.lilac-editor__content h3,.lilac-editor__content h4,.lilac-editor__content h5,.lilac-editor__content h6{margin:1.5em 0 .75em;font-weight:600;line-height:1.4;color:var(--lilac-color-text)}.lilac-editor__content h1:first-child,.lilac-editor__content h2:first-child,.lilac-editor__content h3:first-child,.lilac-editor__content h4:first-child,.lilac-editor__content h5:first-child,.lilac-editor__content h6:first-child{margin-top:0}.lilac-editor__content h1{font-size:2em}.lilac-editor__content h2{font-size:1.5em}.lilac-editor__content h3{font-size:1.25em}.lilac-editor__content h4{font-size:1.1em}.lilac-editor__content h5{font-size:1em}.lilac-editor__content h6{font-size:.9em}.lilac-editor__content p{margin:0 0 1em}.lilac-editor__content p:last-child{margin-bottom:0}.lilac-editor__content strong{font-weight:600}.lilac-editor__content em{font-style:italic}.lilac-editor__content u{text-decoration:underline}.lilac-editor__content s{text-decoration:line-through}.lilac-editor__content blockquote{margin:1em 0;padding:.5em 0 .5em 1em;border-left:3px solid var(--lilac-color-primary);background:var(--lilac-color-surface);border-radius:0 var(--lilac-border-radius-small) var(--lilac-border-radius-small) 0;color:var(--lilac-color-text-muted)}.lilac-editor__content ul,.lilac-editor__content ol{margin:1em 0;padding-left:2em}.lilac-editor__content li{margin:.25em 0}.lilac-editor__content code{background:var(--lilac-color-surface);padding:.125em .25em;border-radius:var(--lilac-border-radius-small);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875em}.lilac-editor__content pre{background:var(--lilac-color-surface);padding:1em;border-radius:var(--lilac-border-radius-small);overflow-x:auto;margin:1em 0}.lilac-editor__content pre code{background:none;padding:0}.lilac-editor__footer{display:flex;justify-content:flex-end;align-items:center;padding:8px 16px;background:var(--lilac-color-surface);border-top:1px solid var(--lilac-color-border);font-size:12px;position:sticky;bottom:0;z-index:10;flex-shrink:0}.lilac-editor__char-count{color:var(--lilac-color-text-muted);font-variant-numeric:tabular-nums}.lilac-editor__content:focus{outline:none}.lilac-editor__content::selection,.lilac-editor__content *::selection{background:rgba(139,124,216,.2)}@media (max-width: 768px){.lilac-editor{--lilac-font-size: 16px;border-radius:var(--lilac-border-radius-small)}.lilac-editor__content{padding:12px}.lilac-editor__placeholder{top:12px;left:12px}.lilac-editor__toolbar{padding:8px 12px}}@keyframes lilac-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.lilac-editor__content{animation:lilac-fade-in .2s ease-out}@media (prefers-contrast: high){.lilac-editor{border-width:2px}.lilac-editor:focus-within{outline:2px solid var(--lilac-color-border-focus);outline-offset:2px}}@media (prefers-reduced-motion: reduce){.lilac-editor,.lilac-editor__content{transition:none;animation:none}}