:root{color:#172033;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{width:min(1180px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:32px 0}.login-shell{display:grid;place-items:center}.login-panel,.control-panel,.output-panel,.fatal-panel{border:1px solid #d8e0eb;border-radius:8px;background:#fff;box-shadow:0 20px 60px #151f3314}.login-panel{width:min(100%,520px);padding:32px}.fatal-panel{width:min(100%,560px);padding:32px}.fatal-panel p{margin:12px 0 0;color:#4b5563;line-height:1.5}.brand-lockup,.dashboard-header,.output-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-lockup{justify-content:flex-start;margin-bottom:28px}.brand-mark{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;border-radius:8px;background:#111827;color:#fff;font-weight:800;letter-spacing:0}.eyebrow{margin:0 0 6px;color:#697489;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2{margin:0;color:#101827;line-height:1.12;letter-spacing:0}h1{font-size:clamp(2rem,4vw,3rem)}.login-panel h1{font-size:clamp(1.7rem,7vw,2.3rem)}h2{font-size:1.45rem}.login-form,.control-panel{display:grid;gap:18px}label{display:block;margin-bottom:8px;color:#2d3748;font-size:.92rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input,select{min-height:46px;padding:0 13px}textarea{min-height:124px;resize:vertical;padding:12px 13px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.primary-button,.login-form button,.secondary-button,.output-actions button{min-height:42px;border-radius:8px;font-weight:800}.primary-button,.login-form button{width:100%;background:#1057c8;color:#fff}.secondary-button,.output-actions button{border:1px solid #cbd5e1;background:#fff;color:#1f2937;padding:0 14px}.primary-button:hover:not(:disabled),.login-form button:hover:not(:disabled){background:#0b49ad}.secondary-button:hover:not(:disabled),.output-actions button:hover:not(:disabled){background:#f5f7fb}.status{border-radius:8px;padding:12px 14px;font-size:.92rem;font-weight:700}.status.success{border:1px solid #b9e4c9;background:#edf9f1;color:#166534}.status.error{border:1px solid #f2b8bd;background:#fff1f2;color:#9f1239}.dashboard-header{margin-bottom:26px}.dashboard-grid{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.control-panel,.output-panel{padding:24px}.output-panel{display:grid;min-height:720px;gap:18px}.output-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.output-box{min-height:585px;margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc;color:#1f2937;padding:18px;font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:1rem;line-height:1.62}.output-box.empty{color:#697489}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.output-panel{min-height:auto}.output-box{min-height:360px}}@media(max-width:640px){.app-shell{width:min(100% - 20px,1180px);padding:18px 0}.login-panel,.control-panel,.output-panel{padding:18px}.brand-lockup,.dashboard-header,.output-header{align-items:flex-start;flex-direction:column}.secondary-button{width:100%}.output-actions{display:grid;width:100%;grid-template-columns:1fr}}