:root{--bg-color: #121212;--card-bg: #1e1e1e;--text-primary: #ffffff;--text-secondary: #aaaaaa;--accent-color: #646cff;--accent-hover: #535bf2;--success-color: #2ecc71;--error-color: #e74c3c}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh}.container{max-width:800px;margin:0 auto;padding:20px;text-align:center}.card{background-color:var(--card-bg);padding:2rem;border-radius:16px;box-shadow:0 10px 30px #0000004d;margin-top:2rem;border:1px solid #333}h1{font-size:2.5rem;margin-bottom:.5rem;background:-webkit-linear-gradient(45deg,#646cff,#42b883);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}button{background-color:var(--accent-color);color:#fff;border:none;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}input[type=text]{background:#2a2a2a;border:1px solid #444;color:#fff;padding:12px;border-radius:8px;font-size:1rem;width:70%;margin-right:10px}.status-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:700;margin-bottom:20px}.status-connected{background:#2ecc7133;color:var(--success-color)}.status-waiting{background:#f1c40f33;color:#f1c40f}.upload-zone{border:2px dashed #444;border-radius:12px;padding:40px;margin-top:20px;transition:border-color .3s;cursor:pointer}.upload-zone:hover{border-color:var(--accent-color);background:#646cff0d}.progress-container{background:#333;height:10px;border-radius:5px;margin-top:15px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-color),#42b883);transition:width .1s linear}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:12px 24px;border-radius:50px;box-shadow:0 5px 15px #0000004d;display:flex;align-items:center;gap:10px;animation:slideUp .3s ease-out;z-index:1000;border:1px solid #444}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.main-layout{display:flex;justify-content:center;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding-top:20px}.content-area{flex:1;max-width:800px;min-width:300px}.ad-sidebar{width:160px;min-width:160px;height:600px;background:#1a1a1a;border:1px dashed #333;display:flex;align-items:center;justify-content:center;color:#444;border-radius:8px;position:sticky;top:100px}@media(max-width:1000px){.ad-sidebar{display:none}}