:root{color-scheme:dark;--bg: #101418;--panel: #161c22;--border: #242d35;--text: #dce3ea;--muted: #8b98a5;--accent: #ff5c5c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;max-width:1200px;margin:0 auto;padding:16px 20px;gap:12px}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.title{font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}select,.btn{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:14px;cursor:pointer}select:disabled{opacity:.5;cursor:default}.btn:hover{border-color:var(--muted)}.presets{display:flex;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:3px}.chip{background:transparent;color:var(--muted);border:0;border-radius:6px;padding:5px 10px;font-size:13px;cursor:pointer}.chip:hover{color:var(--text)}.chip.active{background:#ff5c5c2e;color:var(--accent);font-weight:600}main{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px}main>div{flex:1;min-height:320px}footer{color:var(--muted);font-size:12.5px;text-align:center}.muted{color:var(--muted)}.error{background:#ff5c5c1f;border:1px solid rgba(255,92,92,.4);color:#ffb0b0;border-radius:8px;padding:10px 14px;margin-bottom:10px}.center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}