*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#eef1f4;color:#20242a;overflow:hidden}.config-header{height:72px;background:#fff;border-bottom:3px solid #e15200;display:flex;align-items:center;padding:0 22px;gap:28px;position:relative;z-index:20}.brand{color:#262b31;font-weight:900;text-decoration:none;font-size:20px;min-width:190px}.brand small{display:block;color:#e15200;font-size:9px;letter-spacing:1.5px}.wizard-stepper{display:flex;gap:8px;flex:1;overflow-x:auto}.step-tab{border:0;background:transparent;padding:10px 12px;white-space:nowrap;color:#7b8188;font-weight:700;cursor:pointer}.step-tab span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d8dde2;margin-right:7px}.step-tab.active{color:#e15200}.step-tab.active span,.step-tab.done span{background:#e15200;color:#fff}.config-layout{display:grid;grid-template-columns:440px minmax(0,1fr);height:calc(100vh - 72px)}.wizard-sidebar{background:#fff;border-right:1px solid #dfe3e7;overflow-y:auto;padding:22px 20px 110px;position:relative;z-index:10}.wizard-sidebar h2{font-size:26px;margin:0 0 6px}.step-copy{color:#737980;line-height:1.5;margin:0 0 22px}.field-block{margin:0 0 19px}.field-block>label{display:block;font-size:18px;margin-bottom:8px}.number-control{height:58px;border:1px solid #cbd0d5;border-radius:10px;display:grid;grid-template-columns:54px 1fr auto 54px;align-items:center;overflow:hidden}.number-control button{height:100%;border:0;background:#fff;font-size:25px;cursor:pointer}.number-control output{text-align:right;font-size:17px}.number-control span{padding:0 8px;color:#8b9197}.choice-grid{display:grid;gap:10px}.choice-grid.compact{grid-template-columns:1fr 1fr}.choice-card{width:100%;min-height:86px;border:1px solid #bfc5ca;border-radius:10px;background:#fff;display:flex;align-items:center;gap:14px;text-align:left;padding:15px;cursor:pointer;transition:.18s}.choice-card:hover{transform:translateY(-1px);box-shadow:0 5px 16px #1f293712}.choice-card.selected{border:2px solid #e15200;background:#fff8f4}.choice-card strong,.choice-card small{display:block}.choice-card small{font-weight:400;color:#737980;margin-top:5px}.side-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.side-selector button{padding:13px 8px;border:1px solid #c9ced3;border-radius:9px;background:white;font-weight:700;cursor:pointer}.side-selector button.active{border:2px solid #e15200;color:#e15200}.side-selector small{display:block;font-weight:400;color:#777;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.wizard-nav{position:fixed;bottom:0;left:0;width:440px;padding:16px 20px;background:#fff;border-top:1px solid #e1e4e7;display:grid;grid-template-columns:1fr 1fr;gap:10px;z-index:30}.wizard-nav button,.night-preview,.confirm-config{padding:14px;border-radius:8px;border:1px solid #e15200;background:white;color:#e15200;font-weight:700;cursor:pointer}.wizard-nav #nextStep,.confirm-config{background:#e15200;color:#fff}.wizard-nav button:disabled{opacity:.35}.viewer-section{padding:18px;height:100%;overflow:hidden}.viewer-header{display:none}.viewer-shell{height:100%;position:relative}.viewer-tools{position:absolute;right:16px;top:16px;z-index:8;display:flex;gap:8px}.tool-btn{border:1px solid #ffffff80;background:#ffffffdc;border-radius:10px;padding:10px 13px;font-weight:700;cursor:pointer}.tool-btn.active{background:#e15200;color:white}#viewer{width:100%;height:100%;border-radius:14px;overflow:hidden;background:linear-gradient(#d9e7f1,#f7f9fa)}#viewer.night-mode{background:radial-gradient(circle at 50% 15%,#334155,#020617 72%)}.legacy-controls{display:none}.summary-list{border-top:1px solid #ddd}.summary-list div{display:flex;justify-content:space-between;gap:20px;padding:13px 6px;border-bottom:1px solid #ddd}.summary-list span{color:#5f656b}.confirm-config{width:100%;margin-top:22px}.night-preview{width:100%;margin-top:18px}dialog{width:min(860px,92vw);max-height:86vh;border:0;border-radius:15px;padding:28px;box-shadow:0 25px 80px #0005}dialog::backdrop{background:#111827aa}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:32px;cursor:pointer}.dialog-actions{text-align:right;margin-top:22px}.dialog-actions button,.request-link{display:inline-block;padding:13px 30px;border:0;border-radius:8px;background:#e15200;color:white;text-decoration:none;font-weight:700}.success-mark{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#e15200;color:#fff;font-size:36px;margin:auto}#confirmationDialog{text-align:center}@media(max-width:900px){body{overflow:auto}.config-header{height:auto;min-height:70px;flex-wrap:wrap;padding:10px}.wizard-stepper{order:2;width:100%}.config-layout{display:flex;flex-direction:column;height:auto}.viewer-section{order:1;height:52vh;padding:8px}.wizard-sidebar{order:2;overflow:visible;padding-bottom:100px}.wizard-nav{width:100%}.config-layout{min-height:calc(100vh - 70px)}}