*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f1a;--surface:#1a1a2e;--primary:#00d4aa;--danger:#ff4757;--warning:#ffa502;--text:#e8e8e8;--text-dim:#88a;--radius:12px}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;height:100%;display:flex}button{cursor:pointer;border-radius:var(--radius);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:opacity .2s}button:active{opacity:.7}.btn-primary{background:var(--primary);color:#000}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid #333}.btn-danger{background:var(--danger);color:#fff}.btn-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:1.4rem;display:flex}input[type=file]{display:none}