.runtime-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;width:100%}.runtime-main{min-width:0}.runtime-side{position:sticky;top:20px;height:max-content}.summary-panel{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0000000d}.sticky-navigation{position:sticky;bottom:0;display:flex;justify-content:space-between;background:#fff;border-top:1px solid #e5e7eb;padding:16px;z-index:100}.mobile-summary{display:none}@media (max-width:1024px){.runtime-layout{grid-template-columns:1fr}.runtime-side{display:none}.mobile-summary{display:block}}.summary-section{margin-bottom:16px}.summary-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.summary-step{width:100%;margin-bottom:8px;padding:10px 12px;border:none;border-radius:10px;background:#f1f5f9;cursor:pointer;text-align:left}.summary-step:hover{background:#dcfce7}.runtime-progress{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.runtime-progress button{border:none;border-radius:14px;padding:10px 16px;cursor:pointer}.progress-pending{background:#e5e7eb}.progress-active{background:#15803d;color:#fff}.progress-done{background:#dcfce7;color:#166534}.sticky-navigation{position:sticky;bottom:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 16px #0000000d}.sticky-navigation button:disabled{background:#cbd5e1;cursor:not-allowed}.sticky-navigation{position:sticky;bottom:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 16px #0000000d}.sticky-step-info{font-weight:600;color:#475569}.sticky-navigation button{border:none;border-radius:12px;padding:10px 18px;cursor:pointer;background:#15803d;color:#fff}.sticky-navigation button:hover:not(:disabled){background:#166534}.sticky-navigation button:disabled{opacity:.5;background:#cbd5e1;cursor:not-allowed}.summary-step.active{background:#15803d;color:#fff}.otp-wrapper{margin-top:20px}.otp-inputs{display:flex;gap:10px}.otp-inputs input{width:52px;height:60px;border-radius:12px;border:1px solid #cbd5e1;text-align:center;font-size:24px;font-weight:700}.otp-inputs input:focus{outline:none;border-color:#15803d;box-shadow:0 0 0 3px #15803d33}.otp-meta{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.otp-wrapper{margin-top:24px}.otp-inputs{display:flex;gap:12px}.otp-inputs input{width:56px;height:64px;border-radius:12px;border:1px solid #cbd5e1;text-align:center;font-size:24px;font-weight:700}.otp-inputs input:focus{outline:none;border-color:#15803d;box-shadow:0 0 0 3px #15803d26}.otp-meta{margin-top:16px;display:flex;justify-content:space-between;align-items:center}.otp-meta button{border:none;border-radius:10px;padding:8px 14px;cursor:pointer;background:#15803d;color:#fff}.otp-meta button:disabled{opacity:.5;cursor:not-allowed}