:root{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f8fafc;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fff,#f1f5f9 60%);color:inherit}#root{min-height:100vh}.app-shell{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.hero{text-align:left;display:flex;flex-direction:column;gap:.25rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:#64748b;margin:0}h1{margin:0;font-size:clamp(1.75rem,4vw,2.5rem)}.subhead{margin:0;color:#475569}.mode-switch{display:flex;gap:1rem;flex-wrap:wrap}.mode-button{flex:1;padding:.8rem 1rem;border-radius:999px;border:1px solid #cbd5f5;background:#fff;color:#0f172a;cursor:pointer;font-weight:600;transition:background .2s ease,color .2s ease,border-color .2s ease}.mode-button.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8;box-shadow:0 10px 30px #0f172a1f}.panel{background:#fff;border-radius:1.25rem;padding:1.75rem;box-shadow:0 10px 40px #0f172a14;display:flex;flex-direction:column;gap:1rem}.panel h2{margin:0}.panel-description{margin:0;color:#475569}.panel-step{display:flex;flex-direction:column;gap:.9rem}.panel-step-actions{display:flex;flex-wrap:wrap;gap:.75rem}.field-grid{display:grid;gap:1rem;margin-top:.75rem}label span{display:block;font-size:.9rem;color:#475569;margin-bottom:.25rem}input{width:100%;padding:.75rem .85rem;border-radius:.75rem;border:1px solid #cbd5f5;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #3b82f659}.actions-row{display:flex;justify-content:flex-end}.primary{border:none;background:#2563eb;color:#fff;padding:.85rem 1.5rem;border-radius:.85rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 15px #2563eb40}.primary.wide{width:100%;justify-content:center}.summary{background:#f8fafc;border-radius:.85rem;padding:.9rem 1rem;border:1px dashed #cbd5f5}.summary p{margin:.2rem 0}.field{display:flex;flex-direction:column;gap:.25rem}.status{padding:.85rem 1rem;background:#eef2ff;border-radius:.85rem;border:1px solid #c7d2fe;color:#1e1b4b}.status.success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}@media(max-width:640px){.panel{padding:1.25rem}.mode-switch{flex-direction:column}.actions-row{justify-content:stretch}}