:root{--fr-primary:#8b5cf6;--fr-primary-light:#a78bfa;--fr-primary-dark:#7c3aed;--fr-primary-bg:#8b5cf614;--fr-bg:#fff;--fr-bg-secondary:#f8fafc;--fr-bg-tertiary:#f1f5f9;--fr-bg-input:#fff;--fr-header-bg:#f8fafc;--fr-text:#0f172a;--fr-text-secondary:#475569;--fr-text-muted:#64748b;--fr-text-placeholder:#94a3b8;--fr-border:#e2e8f0;--fr-border-light:#f1f5f9;--fr-shadow-sm:0 1px 2px #0000000a;--fr-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;--fr-shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--fr-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--fr-shadow-focus:0 0 0 3px #8b5cf626;--fr-success:#10b981;--fr-success-bg:#10b9811a;--fr-error:#ef4444;--fr-error-bg:#ef444414;--fr-warning:#f59e0b;--fr-warning-bg:#f59e0b1a;--fr-highlight:#fbbf2473;--fr-highlight-current:#fbbf24b3;--fr-highlight-replace:#10b98159;--fr-radius:1rem;--fr-radius-md:.75rem;--fr-radius-sm:.5rem;--fr-radius-xs:.375rem}._fr-container{flex-direction:column;gap:1.25rem;width:100%;max-width:2000px;margin:0 auto;padding-left:1rem;padding-right:1rem;display:flex}@media (max-width:768px){._fr-container{gap:1rem;padding-left:1rem;padding-right:1rem}}._fr-editor-section{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:4.5rem;display:grid}._fr-panel{background:var(--fr-bg);border-radius:var(--fr-radius);border-style:solid;border-width:1px;border-color:var(--fr-border);box-shadow:var(--fr-shadow-md);flex-direction:column;display:flex;overflow:hidden}._fr-panel-header{background:var(--fr-header-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--fr-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}._fr-panel-title{color:var(--fr-text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}._fr-panel-title svg{width:14px;height:14px;color:var(--fr-primary);opacity:.8}._fr-panel-actions{align-items:center;gap:.375rem;display:flex}._fr-panel-btn{background:var(--fr-bg);border-style:solid;border-width:1px;border-color:var(--fr-border);border-radius:var(--fr-radius-xs);width:1.75rem;height:1.75rem;color:var(--fr-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}._fr-panel-btn:hover{color:var(--fr-primary);border-color:var(--fr-primary);background:var(--fr-primary-bg)}._fr-panel-btn svg{width:14px;height:14px}._fr-btn-primary{background:var(--fr-primary-bg);border-color:var(--fr-primary);color:var(--fr-primary)}._fr-btn-primary:hover{background:var(--fr-primary);color:#fff}._fr-btn-success{background:var(--fr-success-bg);border-color:var(--fr-success);color:var(--fr-success)}._fr-btn-success:hover{background:var(--fr-success);color:#fff}._fr-panel-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}._fr-minimap{z-index:50;opacity:.8;pointer-events:auto;cursor:pointer;width:16px;height:100%;position:absolute;top:0;right:0}._fr-editor-wrapper{min-height:300px;max-height:900px;position:relative;overflow:auto}._fr-highlight-layer{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;pointer-events:none;color:#0000;background:var(--fr-bg);box-sizing:border-box;-moz-tab-size:4;tab-size:4;width:100%;min-height:300px;padding:1rem;font-family:Fira Code,SF Mono,Consolas,monospace;font-size:.9375rem;line-height:1.7}._fr-highlight-layer mark{background:var(--fr-highlight);color:#0000;border-radius:2px}._fr-highlight-preview{background:var(--fr-bg-secondary)}._fr-highlight-preview mark{background:var(--fr-highlight-replace);color:#0000;border-radius:2px;box-shadow:0 0 0 1px #10b98133}._fr-textarea{resize:none;width:100%;height:100%;color:var(--fr-text);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;-moz-tab-size:4;tab-size:4;z-index:1;background:0 0;border:none;padding:1rem;font-family:Fira Code,SF Mono,Consolas,monospace;font-size:.9375rem;line-height:1.7;position:absolute;top:0;left:0;overflow:hidden}._fr-textarea:focus{outline:none}._fr-textarea::placeholder{color:var(--fr-text-placeholder)}._fr-textarea-preview{cursor:default;background:0 0}@media (max-width:768px){._fr-editor-section{grid-template-columns:1fr;margin-bottom:6rem}._fr-editor-wrapper{min-height:150px;max-height:500px}._fr-highlight-layer{min-height:150px}}@media (max-width:480px){._fr-editor-section{margin-bottom:7rem}._fr-panel-header{padding:.5rem .75rem}._fr-textarea,._fr-highlight-layer{padding:.75rem;font-size:.875rem}}._fr-toolbar{z-index:100;background:linear-gradient(135deg,#4c1d95 0%,#5b21b6 50%,#6d28d9 100%);border-top:1px solid #ffffff26;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 32px #5b21b64d,0 -2px 8px #00000026}._fr-toolbar-inner{align-items:center;gap:.75rem;max-width:1100px;margin:0 auto;padding:.75rem 1rem;display:flex}._fr-toolbar-inputs{flex:1;gap:.5rem;min-width:0;display:flex}._fr-toolbar-field{border-radius:var(--fr-radius-sm);background:#fffffff2;border:1px solid #ffffff4d;flex:1;align-items:flex-start;min-width:0;transition:all .15s;display:flex;position:relative}._fr-toolbar-field:focus-within{background:#fff;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff26}._fr-field-icon{width:2rem;height:32px;color:var(--fr-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}._fr-field-icon svg{width:12px;height:12px}._fr-toolbar-input{min-width:0;height:32px;min-height:32px;max-height:80px;color:var(--fr-text);resize:none;background:0 0;border:none;flex:1;padding:.375rem 1.75rem .375rem .25rem;font-family:Fira Code,SF Mono,Consolas,monospace;font-size:.8125rem;line-height:1.5;overflow-y:auto}._fr-toolbar-input:focus{outline:none}._fr-toolbar-input::placeholder{color:var(--fr-text-placeholder)}._fr-field-history{width:1.25rem;height:1.25rem;color:var(--fr-text-muted);cursor:pointer;border-radius:var(--fr-radius-xs);opacity:0;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .15s,color .15s,background .15s;display:flex;position:absolute;top:.375rem;right:.375rem}._fr-toolbar-field:hover ._fr-field-history,._fr-toolbar-field:focus-within ._fr-field-history,._fr-field-history.is-active{opacity:1}._fr-field-history:hover,._fr-field-history.is-active{color:var(--fr-primary);background:#8b5cf61a}._fr-field-history svg{width:12px;height:12px}._fr-history-menu{background:var(--fr-bg);border:1px solid var(--fr-border);border-radius:var(--fr-radius-sm);box-shadow:var(--fr-shadow-lg);z-index:101;max-height:200px;padding:.25rem;display:none;position:absolute;bottom:calc(100% + .5rem);left:0;right:0;overflow-y:auto}._fr-history-menu.is-open{display:block}._fr-history-item{width:100%;color:var(--fr-text);text-align:left;cursor:pointer;border-radius:var(--fr-radius-xs);white-space:pre-wrap;word-break:break-all;background:0 0;border:none;padding:.5rem .625rem;font-family:Fira Code,SF Mono,Consolas,monospace;font-size:.8125rem;display:block}._fr-history-item:hover{background:var(--fr-bg-secondary);color:var(--fr-primary)}._fr-history-empty{text-align:center;color:var(--fr-text-muted);padding:.5rem;font-size:.75rem;font-style:italic}._fr-toolbar-options{gap:.25rem;display:flex}._fr-opt{border-radius:var(--fr-radius-xs);cursor:pointer;color:#ffffffb3;background:#ffffff26;justify-content:center;align-items:center;width:2rem;height:2rem;font-family:Fira Code,SF Mono,Consolas,monospace;font-size:.6875rem;font-weight:700;transition:all .15s;display:flex}._fr-opt:hover{color:#fff;background:#ffffff40}._fr-opt:has(input:checked){color:#7c3aed;background:#fffffff2}._fr-opt input{display:none}._fr-opt svg{width:12px;height:12px}._fr-toolbar-patterns{position:relative}._fr-patterns-trigger{border-radius:var(--fr-radius-xs);color:#ffffffb3;cursor:pointer;background:#ffffff26;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .15s;display:flex}._fr-patterns-trigger:hover,._fr-patterns-trigger.is-open{color:#7c3aed;background:#fffffff2}._fr-patterns-trigger svg{width:14px;height:14px}._fr-patterns-menu{background:var(--fr-bg);border-style:solid;border-width:1px;border-color:var(--fr-border);border-radius:var(--fr-radius-sm);min-width:140px;box-shadow:var(--fr-shadow-lg);z-index:100;padding:.375rem;display:none;position:absolute;bottom:calc(100% + .5rem);right:0}._fr-patterns-menu.is-open{flex-direction:column;gap:.125rem;display:flex}._fr-pattern-btn{width:100%;color:var(--fr-text-secondary);text-align:left;cursor:pointer;border-radius:var(--fr-radius-xs);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}._fr-pattern-btn:hover{background:var(--fr-primary-bg);color:var(--fr-primary)}._fr-pattern-btn svg{opacity:.7;width:12px;height:12px}._fr-toolbar-nav{border-radius:var(--fr-radius-sm);background:#ffffff26;align-items:center;display:flex;overflow:hidden}._fr-nav-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:1.75rem;height:2rem;transition:all .15s;display:flex}._fr-nav-btn:hover:not(:disabled){color:#fff;background:#fff3}._fr-nav-btn:disabled{opacity:.35;cursor:not-allowed}._fr-nav-btn svg{width:12px;height:12px}._fr-nav-counter{color:#fff9;justify-content:center;align-items:center;min-width:3rem;padding:0 .5rem;font-family:Fira Code,SF Mono,Consolas,monospace;font-size:.75rem;font-weight:600;display:flex}._fr-nav-counter #_fr-match-current{color:#fbbf24}._fr-nav-counter.has-matches #_fr-match-current{color:#34d399}._fr-toolbar-error{color:#fff;text-align:center;background:#ef4444e6;padding:.5rem 1rem;font-size:.75rem;display:none}._fr-toolbar-error.is-visible{display:block}@media (max-width:768px){._fr-toolbar-inner{flex-wrap:wrap;gap:.5rem;padding:.625rem .75rem}._fr-toolbar-inputs{flex:0 0 100%;order:1}._fr-toolbar-options{order:2}._fr-toolbar-patterns{order:3}._fr-toolbar-nav{order:4;margin-left:auto}}@media (max-width:480px){._fr-toolbar-inputs{flex-direction:column;gap:.375rem}._fr-opt{width:1.75rem;height:1.75rem}}