:root{--bg-color: #0d1117;--panel-bg: #161b22;--border-color: #30363d;--text-primary: #c9d1d9;--text-secondary: #8b949e;--accent-color: #58a6ff;--accent-hover: #3182ce;--danger-color: #f85149;--danger-hover: #e5534b;--success-color: #2ea043;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.text-appender-wrapper *{box-sizing:border-box;margin:0;padding:0}.text-appender-wrapper{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 60px;gap:3rem;width:100%}.text-appender-wrapper .app-container{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:2000px;padding:2rem;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;gap:1.5rem}.text-appender-wrapper .header{text-align:center;margin-bottom:1rem}.text-appender-wrapper .header h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.text-appender-wrapper .header p{color:var(--text-secondary)}.text-appender-wrapper .workspace{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}@media (min-width: 768px){.text-appender-wrapper .workspace{flex-direction:row;align-items:stretch}}.text-appender-wrapper .panel{flex:1;display:flex;flex-direction:column;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.text-appender-wrapper .panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:#0003}.text-appender-wrapper .panel-header h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.text-appender-wrapper .stats{display:flex;gap:.5rem}.text-appender-wrapper .stat-badge{background:#ffffff1a;color:var(--text-primary);padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500}.text-appender-wrapper .text-input{flex:1;min-height:280px;padding:1.25rem;border:none;resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.5;color:var(--text-primary);background:transparent}.text-appender-wrapper .text-input:focus{outline:none;background:#ffffff05}.text-appender-wrapper .text-input::placeholder{color:var(--text-secondary);opacity:.7}.text-appender-wrapper .panel-controls{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:#0003}.text-appender-wrapper .control-row{display:flex;align-items:center;gap:.75rem}.text-appender-wrapper .append-input{flex:1;background:#ffffff1a;border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .75rem;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;outline:none}.text-appender-wrapper .append-input:focus{border-color:var(--accent-color);background:#ffffff26}.text-appender-wrapper .toggle-group{display:flex;background:#0000004d;border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.text-appender-wrapper .toggle-btn{flex:1;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.text-appender-wrapper .toggle-btn.active{background:var(--accent-color);color:#fff}.text-appender-wrapper .toggle-btn:not(.active):hover{background:#ffffff0d;color:var(--text-primary)}.text-appender-wrapper .panel-actions{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:#0003}.text-appender-wrapper .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;user-select:none}.text-appender-wrapper .checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent-color);cursor:pointer}.text-appender-wrapper .btn{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.text-appender-wrapper .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.text-appender-wrapper .btn-primary{background-color:var(--success-color);color:#fff}.text-appender-wrapper .btn-primary:hover:not(:disabled){background-color:#2c974b;transform:translateY(-1px)}
