.builder-page{max-width:1400px;margin:0 auto;padding:16px 20px 80px}.builder-header{margin-bottom:28px}.builder-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.progress-container{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);background:#fff;border-radius:14px;margin-bottom:24px;padding:16px 24px}.progress-header{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.progress-track{background:#e2e8f0;border-radius:6px;height:10px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#00e676);border-radius:6px;height:100%;transition:width .4s ease-in-out}.steps-nav{justify-content:space-between;gap:8px;margin-top:14px;padding-bottom:4px;display:flex;overflow-x:auto}.step-chip{min-width:100px;color:var(--text-secondary);text-align:center;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #0000;border-radius:8px;flex:1;padding:6px 10px;font-size:.775rem;font-weight:600;transition:all .2s}.step-chip:hover{color:var(--text-primary);background:#e2e8f0}.step-chip.active{color:#fff;background:#3b82f6;border-color:#2563eb;box-shadow:0 2px 4px #3b82f64d}.step-chip.completed{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.builder-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (max-width:1280px){.builder-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}}@media (max-width:1024px){.builder-grid{grid-template-columns:1fr}}.template-carousel-section{color:#fff;background:linear-gradient(135deg,#0a1128 0%,#001f54 50%,#034078 100%);border-radius:20px;margin-bottom:28px;padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 15px 30px #0a11284d}.carousel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.carousel-filter-tabs{gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.filter-pill{cursor:pointer;color:#fffc;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;padding:6px 16px;font-size:.8rem;font-weight:600;transition:all .2s}.filter-pill:hover,.filter-pill.active{color:#0a1128;background:#fff;border-color:#fff;box-shadow:0 4px 12px #ffffff40}.carousel-track-wrapper{align-items:center;display:flex;position:relative}.carousel-arrow{z-index:10;color:#0a1128;cursor:pointer;background:#00e676;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 15px #00e67680}.carousel-arrow:hover{background:#00f0ff;transform:translateY(-50%)scale(1.1);box-shadow:0 6px 20px #00f0ff99}.carousel-arrow.left{left:-16px}.carousel-arrow.right{right:-16px}.carousel-cards-container{scroll-behavior:smooth;scrollbar-width:none;gap:20px;padding:10px 4px 20px;display:flex;overflow-x:auto}.carousel-cards-container::-webkit-scrollbar{display:none}.template-picker-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:14px;flex:0 0 240px;height:330px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 8px 20px #0003}.template-picker-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #00000059}.template-picker-card.active{border-color:#00e676;box-shadow:0 0 0 4px #00e67666,0 15px 35px #00e6764d}.template-card-preview-area{background:#f1f5f9;height:270px;position:relative;overflow:hidden}.template-card-overlay-btn{color:#0a1128;pointer-events:none;white-space:nowrap;background:#00e676;border-radius:20px;padding:8px 20px;font-size:.85rem;font-weight:700;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00e67699}.template-card-footer{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;justify-content:center;align-items:center;height:60px;padding:8px 12px;display:flex}.template-card-name{color:#0f172a;margin:0;font-size:.9rem;font-weight:700}.template-card-tag{color:#64748b;margin:2px 0 0;font-size:.725rem}.customizer-bar{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);background:#fff;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:18px 20px;display:grid}.customizer-group{flex-direction:column;gap:6px;display:flex}.customizer-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.color-swatch-row{gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;transition:transform .2s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:#0f172a;transform:scale(1.2);box-shadow:0 0 0 2px #fff}.form-section-card{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);background:#fff;border-radius:16px;margin-bottom:24px;padding:24px}.form-section-title{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 18px;font-size:1.15rem;font-weight:700;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.form-grid-2{grid-template-columns:1fr}}.form-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field-label{color:var(--text-primary);font-size:.85rem;font-weight:600}.field-input,.field-select,.field-textarea{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#fff;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.field-textarea{resize:vertical;min-height:110px}.suggestions-drawer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:10px;padding:14px}.suggestion-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;font-size:.825rem;transition:all .2s;display:flex}.suggestion-pill:hover{color:#1e40af;background:#eff6ff;border-color:#93c5fd}.custom-section-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:14px;padding:16px}.preview-sticky-pane{height:fit-content;position:sticky;top:24px}.preview-container-box{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);background:#fff;border-radius:16px;overflow:hidden}.preview-top-header{border-bottom:1px solid var(--glass-border);background:#f8fafc;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.preview-scroll-viewport{background:#cbd5e1;max-height:750px;padding:14px;overflow:hidden auto}.preview-paper{box-sizing:border-box;background:#fff;width:100%;max-width:100%;min-height:840px;overflow:hidden;box-shadow:0 10px 25px #00000026}@media screen{.print-only{display:none!important}}@media print{@page{size:A4 portrait;margin:0}html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important}main{margin:0!important;padding:0!important}.navbar,footer,.builder-header,.progress-container,.builder-grid{display:none!important}.print-only{color:#000!important;box-sizing:border-box!important;background:#fff!important;width:100%!important;min-height:100%!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;top:0!important;left:0!important}}