:root{--background:#eef4f0;--panel:#fff;--ink:#0b1220;--muted:#667085;--line:#0f172a1f;--dark:#020617;--green:#047857;--green-soft:#dff4ea;--blue-soft:#edf4ff}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--ink);font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.keyword-app{min-height:100vh;padding:18px}.keyword-topbar{border:1px solid var(--line);background:#ffffffeb;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex;box-shadow:0 10px 28px #0f172a0f}.workspace-kicker{color:var(--green);font-size:12px;font-weight:800}h1,h2,p{margin:0}h1{margin-top:4px;font-size:28px;line-height:1.05}h2{margin-bottom:12px;font-size:15px}.topbar-actions,.settings-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{border:1px solid var(--line);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:850;display:inline-flex}.button-light{color:var(--ink);background:#fff}.button-dark{background:var(--dark);color:#fff}.button-green{background:var(--green);color:#fff;border-color:#0000}.workspace-grid{grid-template-columns:380px minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.control-column,.main-column{flex-direction:column;gap:14px;min-width:0;display:flex}.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:14px;box-shadow:0 8px 24px #0f172a0d}.file-box{background:#f8fafc;border:1px dashed #0f172a2e;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.file-box strong,.file-box span{display:block}.file-box span{color:var(--muted);margin-top:3px;font-size:12px}.field{flex-direction:column;gap:6px;margin-top:12px;display:flex}.field:first-child{margin-top:0}.field span,.language-group>span{color:#344054;font-size:12px;font-weight:850}.field select,.field input,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:0;padding:10px 11px}.field textarea{resize:vertical;min-height:84px}.field.compact{width:150px;margin-top:0}.column-chip-grid{border:1px solid var(--line);background:#f8fafc;border-radius:8px;flex-wrap:wrap;gap:6px;max-height:150px;padding:8px;display:flex;overflow:auto}.column-chip,.chip{border:1px solid var(--line);color:#344054;background:#fff;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.column-chip-active,.chip-active{border-color:var(--dark);background:var(--dark);color:#fff}.language-group{flex-direction:column;flex:1;gap:6px;min-width:240px;display:flex}.language-group div{flex-wrap:wrap;gap:6px;display:flex}.progress-card{background:var(--blue-soft);border-radius:8px;margin-top:14px;padding:12px}.progress-header{justify-content:space-between;gap:10px;font-size:13px;display:flex}.progress-header span,.progress-card p{color:var(--muted)}.progress-card p{margin-top:9px;font-size:12px;line-height:1.45}.progress-track{background:#0f172a1a;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--green);height:100%;transition:width .2s;display:block}.table-wrap{border:1px solid var(--line);border-radius:8px;max-height:calc(100vh - 270px);overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #0f172a14;padding:10px}th{z-index:1;text-transform:uppercase;background:#f8fafc;font-size:11px;position:sticky;top:0}td{color:#182230;max-width:280px;line-height:1.35}.toast,.run-indicator{z-index:10;border-radius:999px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:850;display:flex;position:fixed;right:18px;box-shadow:0 12px 34px #0f172a2e}.toast{background:#fff;bottom:18px}.toast-error{color:#b42318}.toast-success{color:#047857}.run-indicator{background:var(--dark);color:#fff;bottom:66px}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:980px){.keyword-topbar,.workspace-grid{grid-template-columns:1fr}.keyword-topbar{flex-direction:column;align-items:flex-start}.workspace-grid{flex-direction:column;display:flex}.control-column{width:100%}}
