:root{--bg: #140c0c;--panel-bg: rgba(255, 255, 255, .03);--accent: #fca5a5;--text: #f7f1f1}body{margin:0;font-family:Outfit,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}.app-container{height:100vh;display:flex;flex-direction:column}.app-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.status-badge{display:flex;align-items:center;gap:.8rem;font-size:.75rem;font-weight:600;letter-spacing:1px}.status-dot{width:8px;height:8px;background:#ffffff1a;border-radius:50%}.status-dot.active{background:var(--accent);box-shadow:0 0 10px var(--accent)}.workspace{flex:1;display:flex;gap:1.5rem;padding:0 2rem 2rem}.pane{flex:1;background:var(--panel-bg);border-radius:24px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:hidden}.pane-header{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.pane-header h2{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;opacity:.6}.pane-content{padding:2rem;overflow-y:auto}.placeholder{opacity:.2;text-align:center;margin-top:2rem}.controls{padding:2rem;display:flex;justify-content:center;align-items:center;gap:2rem}.main-btn{background:linear-gradient(135deg,#fca5a5,#f9a8d4);border:none;padding:1rem 3rem;border-radius:100px;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #0003}.main-btn.active{background:#93c5fd}.icon-btn{background:transparent;border:none;color:#fff6;cursor:pointer}.brand{position:absolute;bottom:.8rem;left:2rem;font-size:.6rem;opacity:.2;letter-spacing:2px}