*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--surface: #f7f8fa;--border: #dde1e7;--text: #1a1a2e;--text-muted: #6b7a8d;--accent: #e94560;--accent-hover: #c73350;--accent-3d: #3498db;--accent-3d-hover: #2980b9;--input-bg: #eef0f4}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}#app{display:flex;flex-direction:column;height:100vh}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:6px 14px;border-radius:4px;font-size:13px;transition:background .15s}button:hover{background:var(--input-bg)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}input[type=number],input[type=text]{background:var(--input-bg);border:1px solid var(--border);color:var(--text);padding:5px 8px;border-radius:4px;font-size:13px;width:100%}select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:4px;font-size:13px;width:100%;cursor:pointer}select option,select optgroup{background:var(--surface);color:var(--text)}label{font-size:13px;color:var(--text-muted)}input[type=range]{width:100%;accent-color:var(--accent-3d)}