:root{--accent: #00ff88;--glass: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--bg: #050505}body,html{margin:0;padding:0;height:100vh;background:var(--bg);color:#fff;font-family:Inter,-apple-system,sans-serif;overflow:hidden}.app-container{display:flex;width:100vw;height:100vh}.camera-section{position:relative;flex:1.6;background:#000;margin:12px;border-radius:24px;overflow:hidden;border:1px solid var(--glass-border)}.output_canvas{width:100%;height:100%;object-fit:cover}.mode-indicator{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);padding:10px 25px;border-radius:50px;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;letter-spacing:2px;z-index:100;pointer-events:none;transition:all .3s ease}.glow-pulse{animation:mode-flash .4s ease-out}@keyframes mode-flash{0%{background:var(--accent);box-shadow:0 0 30px var(--accent);color:#000}to{background:#ffffff1a;box-shadow:0 0 10px #0f83;color:var(--accent)}}.sidebar{flex:.6;background:linear-gradient(135deg,#141414cc,#0a0a0ae6);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-left:1px solid var(--glass-border);display:flex;flex-direction:column}.sidebar-header{padding:24px;font-size:11px;font-weight:800;letter-spacing:3px;color:var(--accent);border-bottom:1px solid var(--glass-border);text-transform:uppercase}.text-content{flex:1;padding:30px;font-size:19px;font-family:JetBrains Mono,monospace;line-height:1.7;overflow-y:auto;color:#f0f0f0;white-space:pre-wrap;word-break:break-all;scroll-behavior:smooth;overflow-anchor:auto}.cursor{display:inline-block;width:2px;height:1.2em;background:var(--accent);vertical-align:middle;margin-left:2px;box-shadow:0 0 10px var(--accent);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.settings-btn{position:absolute;bottom:25px;left:25px;width:44px;height:44px;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100}.settings-menu{position:absolute;bottom:80px;left:25px;width:200px;background:#0f0f0ff2;border:1px solid var(--glass-border);border-radius:16px;padding:15px;display:flex;flex-direction:column;z-index:100}.hidden{display:none!important}#clear-text{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f88;padding:10px;border-radius:8px;cursor:pointer;font-weight:700;transition:.2s}#clear-text:hover{background:#f443}.text-content::-webkit-scrollbar{width:6px}.text-content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}