/* Paystub Studio live-generator experience — staging only */
:root{--teal:#526fe8;--teal-dark:#3f58c8;--mint:#eef1ff}
.hero,.benefits{display:none!important}
.builder-section{padding:30px 22px 64px;background:#f3f4fa}
.builder-section>.section-heading{max-width:1100px;text-align:left;margin:0 auto 20px}
.builder-section>.section-heading .eyebrow{justify-content:flex-start}
.builder-section>.section-heading h2{font-size:clamp(26px,3vw,36px);margin:7px 0}
.builder-section>.section-heading p{margin:0}
.builder-grid{max-width:1320px;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:18px;align-items:start}
.form-panel,.live-panel{border:1px solid #e0e3ef;border-radius:9px;box-shadow:0 3px 15px #19244d0a}
.form-panel{padding:22px}
.live-panel{padding:0 22px 22px;position:sticky;top:90px;max-height:calc(100vh - 108px);overflow:auto}
.live-header{position:sticky;top:0;background:#fff;z-index:4;padding:16px 0 13px}
.live-header>span:first-child{font-size:10px;letter-spacing:.3px}
.live-dot{background:#42a56c}
.preview-tag{background:#eef1ff;color:#5264c9}
.template-picker{max-width:none;margin:12px 0;padding:12px;background:#f7f8fc;border-color:#e5e7f2}
.pay-document.classic-statement{position:relative!important;box-sizing:border-box!important;width:816px!important;height:1056px!important;min-height:1056px!important;max-width:none!important;margin:14px 0 0!important;padding:0!important;border:1px solid #bfc2cc;box-shadow:0 2px 10px #101a3410;transform-origin:top left!important}
.preview-lock-overlay{display:none!important}
.preview-locked{filter:none!important;opacity:1!important}
.preview-locked .pay-document{filter:none!important;pointer-events:auto!important}
.preview-locked .statement-watermark{color:rgba(82,111,232,.13);border-color:rgba(82,111,232,.13)}
.statement-footer{font-size:7px}
.statement-taxable{max-width:none}
.delivery-panel{background:#f7f8fd;border-color:#e1e4f2}
.primary{background:#ef8d12}
.primary:hover{background:#d97805}
.form-number,.step.active,.subsection-label{color:#526fe8}
.form-number{background:#eef1ff}
.form-grid input:focus,.form-grid select:focus,.delivery-panel>input[type=email]:focus{border-color:#7c8bef;box-shadow:0 0 0 3px #eef1ff}
/* Show the real interactive statement preview; hide only the redundant static sample card. */
.static-sample-panel-wrap>.static-sample-panel{display:none!important}
@media(max-width:950px){.builder-grid{grid-template-columns:1fr}.live-panel{position:static;max-height:none;overflow:visible;order:2}.form-panel{order:1}.builder-section{padding:24px 14px 45px}}
@media(max-width:600px){.builder-section>.section-heading{margin-bottom:18px}.form-panel{padding:18px 13px}.live-panel{padding:0 11px 15px}.pay-document.classic-statement{padding:12px 9px 38px;min-height:0}.statement-footer{left:9px;right:9px}}