*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--background: hsl(240 10% 3.9%);--foreground: hsl(0 0% 98%);--card: hsl(240 10% 3.9%);--card-foreground: hsl(0 0% 98%);--popover: hsl(240 10% 3.9%);--popover-foreground: hsl(0 0% 98%);--primary: hsl(142, 100%, 78%);--primary-foreground: hsl(144.9 80.4% 10%);--secondary: hsl(240 3.7% 15.9%);--secondary-foreground: hsl(0 0% 98%);--muted: hsl(240 3.7% 15.9%);--muted-foreground: hsl(240 5% 64.9%);--accent: hsl(240 3.7% 15.9%);--accent-foreground: hsl(0 0% 98%);--destructive: hsl(0 62.8% 30.6%);--destructive-foreground: hsl(0 0% 98%);--border: hsl(240 3.7% 15.9%);--input: hsl(240 3.7% 15.9%);--ring: hsl(142.1 70.6% 45.3%);--radius: .5rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem}body,html,#root{height:100%;background-color:var(--background);color:var(--foreground);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.main-container{display:flex;flex-direction:column;width:100%;height:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-4);background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.anonimize-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);background-color:var(--secondary);border:1px solid var(--border);border-radius:var(--radius)}.text-area-container{display:flex;gap:var(--spacing-4);flex-grow:1;width:100%;min-height:0}.text-input,.text-output{flex:1;display:flex;flex-direction:column}textarea,.tokens-input{width:40%;padding:var(--spacing-3);background-color:var(--input);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;transition:all .2s;margin-right:auto}textarea{height:100%;line-height:1.5;resize:none}.button,.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);font-size:.875rem;font-weight:500;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);background-color:#3c3c44;color:var(--foreground)}.button:hover,.modal-close-btn:hover{background-color:#464653;transform:translateY(-1px)}.button:active{background-color:#2e2e38;transform:translateY(0)}.green-button{background-color:#265939}.green-button:hover{background-color:#267342}.orange-button{background-color:#53362d}.orange-button:hover{background-color:#6b3d2e}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:fadeIn .15s ease-out}.modal-content{background-color:var(--card);padding:var(--spacing-6);width:min(90vw,800px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;animation:slideIn .15s cubic-bezier(.16,1,.3,1)}.row{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(12,1fr)}.five{grid-column:span 5}.four{grid-column:span 4}.three{grid-column:span 3}.cm-line{font-size:1em;font-family:Courier New,Courier,monospace;line-height:1.5}.cm-gutter,.cm-editor{border-radius:var(--radius)}.cm-highlight{background-color:green}.fa-space{margin-right:var(--spacing-2)}:focus-visible,.button:focus-visible,.modal-close-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--secondary);border-radius:var(--radius)}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-2%)}to{opacity:1;transform:translateY(0)}}