.quote-page-outer{grid-template-columns:minmax(0,380px) 1fr;align-items:stretch;gap:32px;max-width:2200px;height:calc(100vh - 120px);margin:0 auto;padding:0 100px;display:grid}.quote-outer{grid-template-columns:minmax(0,500px) 1fr;align-items:stretch;gap:32px;max-width:1320px;height:calc(100vh - 120px);margin:0 auto;display:grid}.quote-form-panel{flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.quote-form-fade-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.quote-form-fade-wrap:after{content:"";background:linear-gradient(to bottom, transparent, var(--dark));pointer-events:none;z-index:1;opacity:1;height:80px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.quote-form-fade-wrap.at-bottom:after{opacity:0}.quote-form-fade-wrap:before{content:"";background:linear-gradient(to top, transparent, var(--dark));pointer-events:none;z-index:1;opacity:0;height:60px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.quote-form-fade-wrap.scrolled:before{opacity:1}.quote-form-scroll{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding-top:4px;overflow-y:auto}.quote-form-scroll::-webkit-scrollbar{display:none}.quote-preview-panel{min-width:0;height:100%;overflow:hidden}.contract-outer{grid-template-columns:minmax(0,500px) 1fr;align-items:stretch;gap:32px;max-width:1320px;height:calc(100vh - 120px);margin:0 auto;display:grid}.contract-form-panel{flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.contract-preview-panel{min-width:0;height:100%;overflow:hidden}.form-page{max-width:1100px}.form-layout{flex-direction:column;gap:16px;margin-top:20px;display:flex}.form-col{flex-direction:column;gap:16px;display:flex}.form-section{background:var(--dark2);border:1px solid var(--dark4);border-radius:6px;flex-direction:column;gap:12px;padding:18px;display:flex}.form-section-title{letter-spacing:1px;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--dark4);padding-bottom:8px;font-size:11px;font-weight:500}.form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.img-preview{object-fit:cover;border:1px solid var(--dark4);border-radius:4px;width:100%;max-height:140px;margin-top:6px}.info-box{align-items:flex-start;gap:12px;flex-direction:row!important}.info-box-icon{color:var(--gold);flex-shrink:0;margin-top:2px;font-size:18px}.form-lang-bar{background:var(--dark2);border:1px solid var(--dark4);border-radius:6px;align-items:center;gap:14px;margin-bottom:4px;padding:10px 18px;display:flex}.form-lang-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);white-space:nowrap;font-size:11px;font-weight:700}.option-title{border-bottom:1px solid var(--dark4);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex!important}.bypass-label{color:var(--text-muted);cursor:pointer;letter-spacing:.5px;text-transform:none;align-items:center;gap:0;font-size:12px;font-weight:400;display:flex}.bypass-label:hover{color:var(--gold)}.form-error{color:#e74c3c;background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:4px;padding:10px 14px;font-size:13px}.mobile-preview-toggle{display:none}.ac-suggest{background:var(--dark3);border:1px solid var(--dark4);z-index:100;border-radius:4px;max-height:260px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0006}.ac-suggest-item{cursor:pointer;color:var(--text);border-bottom:1px solid var(--dark2);letter-spacing:.3px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:12px;transition:background .12s,color .12s;display:flex}.ac-suggest-item:last-child{border-bottom:none}.ac-suggest-item:hover{color:var(--gold);background:#c9a96e1f}.ac-suggest-cat{letter-spacing:.8px;color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:9.5px;font-weight:600}.ac-suggest-item:hover .ac-suggest-cat{color:var(--gold);opacity:.75}.preview-option-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.preview-option-tab{background:var(--dark2);border:1px solid var(--dark4);min-width:80px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:4px;flex:1;padding:7px 14px;font-size:11px;font-weight:700;transition:border-color .15s,color .15s}.preview-option-tab:hover{border-color:var(--gold);color:var(--gold)}.preview-option-tab.active{border-color:var(--gold);color:var(--gold);background:#d4af3714}.opt-subtitle{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--dark4);margin-top:6px;margin-bottom:2px;padding-bottom:6px;font-size:10px;font-weight:700}.opt-leg-label{color:var(--gold);letter-spacing:.5px;margin-top:4px;margin-bottom:4px;font-size:10px;font-weight:600}@media (width<=768px){.quote-page-outer,.quote-outer,.contract-outer{grid-template-columns:1fr;align-items:start;height:auto;padding:0}.quote-form-panel,.contract-form-panel{height:auto;padding-right:0;overflow-y:visible}.quote-form-fade-wrap{flex:none;height:auto;overflow:visible}.quote-form-fade-wrap:before,.quote-form-fade-wrap:after{display:none}.quote-form-scroll,.contract-form-panel{height:auto;overflow-y:visible}.quote-preview-panel,.contract-preview-panel{height:75vh;min-height:480px;margin-top:8px}.mobile-preview-toggle{z-index:200;background:var(--dark2);border:1px solid var(--gold);color:var(--gold);letter-spacing:.5px;cursor:pointer;border-radius:24px;padding:10px 20px;font-size:13px;font-weight:600;display:block;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 16px #00000080}.form-layout{grid-template-columns:1fr;gap:16px}.form-col,.form-section,.form-group,.form-row-2>*{min-width:0}.form-row-2{grid-template-columns:1fr}.form-section{padding:14px}.form-lang-bar{flex-wrap:wrap}}