:root{--bg-color: #020617;--card-bg: rgba(15, 23, 42, .6);--accent-color: #38bdf8;--accent-glow: rgba(56, 189, 248, .3);--text-main: #f1f5f9;--text-dim: #94a3b8;--glass-border: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);height:100vh;overflow:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(56,189,248,.05),transparent),radial-gradient(circle at 90% 80%,rgba(139,92,246,.05),transparent)}#app{height:100vh;display:flex;flex-direction:column}header{padding:1rem 2.5rem;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;z-index:100}.logo{font-size:1.5rem;font-weight:900;letter-spacing:-.5px}.logo span{color:var(--accent-color)}.status-indicator{font-size:.8rem;padding:.4rem 1rem;border-radius:20px;background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.2)}.status-indicator.connected{background:#4ade801a;color:#4ade80;border-color:#4ade8033}.hub-grid{flex:1;display:grid;grid-template-columns:350px 1fr;gap:1.5rem;padding:1.5rem;overflow:hidden}.control-panel{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;border-radius:24px}.master-input-wrapper{background:#0000004d;border:1px solid var(--glass-border);border-radius:16px;padding:1rem;position:relative}#ocr-status{position:absolute;top:1rem;right:1rem;background:var(--accent-color);color:#020617;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:800;z-index:10;animation:pulse-anim 1s infinite}.hidden{display:none!important}#global-input{width:100%;height:200px;background:transparent;border:none;color:var(--text-main);resize:none;outline:none;font-size:1rem;line-height:1.6}#send-btn{width:100%;padding:1rem;background:var(--accent-color);color:#020617;border:none;border-radius:12px;font-weight:800;cursor:pointer;margin-top:1rem;transition:transform .2s}#send-btn:hover{transform:scale(1.02);box-shadow:0 0 20px var(--accent-glow)}.live-feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;overflow-y:auto;padding-right:.5rem}.ai-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;height:100%}.ai-card-header{padding:.75rem 1.25rem;background:#ffffff08;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:.9rem}.ai-content{flex:1;padding:1.25rem;font-size:.95rem;line-height:1.6;color:#cbd5e1;overflow-y:auto;white-space:pre-wrap}.mini-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-main);padding:.5rem 1rem;border-radius:8px;cursor:pointer}.pulse{width:8px;height:8px;background:#4ade80;border-radius:50%;margin-left:auto;box-shadow:0 0 10px #4ade80;animation:pulse-anim 2s infinite}@keyframes pulse-anim{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.instructions{margin-top:auto;font-size:.85rem;color:var(--text-dim);background:#ffffff05;padding:1rem;border-radius:12px}.instructions p{margin-bottom:.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}