:root{--bg:#f7f5f0;--fg:#1a1a1a;--muted:#8c8780;--accent:#c45d3e;--accent-hover:#a84d32;--border:#d6d1c9;--card:#fff;--success:#2d7d46;--warning:#b8860b;--error:#c45d3e;--mono:"SF Mono", "Fira Code", "JetBrains Mono", ui-monospace, monospace;--serif:Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--serif);background:var(--bg);color:var(--fg);min-height:100vh;line-height:1.6}#root{max-width:720px;margin:0 auto;padding:32px 16px 64px}.header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:24px}.header h1{font-family:var(--serif);letter-spacing:.05em;color:var(--fg);margin-bottom:4px;font-size:28px;font-weight:400}.header .subtitle{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:24px;display:flex}.tab{font-family:var(--mono);letter-spacing:.05em;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:13px;transition:all .15s}.tab:hover{color:var(--fg)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:24px}.form-group{margin-bottom:16px}.form-group label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;font-family:var(--mono);border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}.form-group textarea{resize:vertical;min-height:60px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-group .hint{font-family:var(--sans);color:var(--muted);margin-top:4px;font-size:12px}.btn{font-family:var(--mono);letter-spacing:.05em;cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px 24px;font-size:13px;transition:all .15s}.btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:hover{background:#333}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.status{font-family:var(--mono);border-radius:6px;margin-top:16px;padding:12px 16px;font-size:13px}.status.success{color:var(--success);background:#e8f5e9;border:1px solid #c8e6c9}.status.error{color:var(--error);background:#fbe9e7;border:1px solid #ffccbc}.status.loading{color:var(--warning);background:#fff8e1;border:1px solid #ffecb3}.build-list{list-style:none}.build-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.build-item:last-child{border-bottom:none}.build-name{font-family:var(--mono);font-size:14px;font-weight:600}.build-meta{font-family:var(--mono);color:var(--muted);margin-top:2px;font-size:12px}.build-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:11px}.badge-python,.badge-node{color:#2d7d46;background:#e8f5e9}.badge-ruby{color:#c62828;background:#fce4ec}.badge-java{color:#e65100;background:#fff3e0}.badge-dotnet{color:#283593;background:#e8eaf6}.badge-cplusplus{color:#1565c0;background:#e3f2fd}.badge-custom{color:#6a1b9a;background:#f3e5f5}.empty-state{text-align:center;color:var(--muted);padding:48px 0;font-style:italic}.refresh-btn{font-family:var(--mono);color:var(--muted);border:1px solid var(--border);cursor:pointer;float:right;background:0 0;border-radius:4px;margin-bottom:8px;padding:4px 10px;font-size:11px}.refresh-btn:hover{border-color:var(--accent);color:var(--accent)}.lang-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid}.lang-option{font-family:var(--mono);border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;text-align:center;border-radius:6px;padding:8px;font-size:12px;transition:all .15s}.lang-option:hover{border-color:var(--fg);color:var(--fg)}.lang-option.selected{border-color:var(--accent);color:var(--accent);background:#fef0ed}