.container{justify-content:flex-start;padding:56px 1rem 76px;height:100dvh;min-height:unset;box-sizing:border-box;overflow:hidden}.back-nav{margin-bottom:.35rem;flex-shrink:0;max-width:1100px;width:100%}.step-indicator{max-width:1100px;justify-content:space-between;padding-left:0;padding-right:0;width:100%;margin-bottom:.65rem;flex-shrink:0;box-sizing:border-box}.config-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:1.25rem 1.75rem 1.5rem;width:100%;max-width:1100px;border:1px solid var(--border);position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;box-sizing:border-box;flex:1;min-height:0;max-height:660px;overflow:hidden}.config-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.selection-panel{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.selection-panel h1{font-size:1.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;text-align:left;text-transform:uppercase;flex-shrink:0}.form-group-row{display:grid;grid-template-columns:1fr 100px;gap:1rem;margin-bottom:1.25rem;flex-shrink:0;min-width:0}.form-group{min-width:0}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-main);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}select{width:100%;padding:.65rem .85rem;border:2px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;font-family:'Franklin Gothic Demi','Franklin Gothic Heavy','Libre Franklin',sans-serif!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") right .65rem center/.9rem no-repeat #f8fafc;color:var(--text-main);cursor:pointer;transition:.2s;appearance:none;box-sizing:border-box}select option{font-family:'Franklin Gothic Demi','Franklin Gothic Heavy','Libre Franklin',sans-serif!important;font-size:.9rem;font-weight:600;color:var(--text-main);background-color:#fff;padding:.5rem .85rem}select:focus{outline:0;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 3px rgba(206,14,45,.08)}.variation-group{margin-top:.25rem;display:flex;flex-direction:column;gap:1.25rem}.variation-section{margin-bottom:0}.variation-group label,.variation-section>label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--text-main);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.variation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.variation-option{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:.2s cubic-bezier(.4, 0, .2, 1);background:#fff}.variation-option:hover{background:#f8fafc;border-color:var(--text-secondary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.variation-option input[type=radio]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.variation-option label{margin-bottom:0!important;cursor:pointer;font-weight:600;font-size:.78rem;color:var(--text-main);flex:1;text-transform:none!important;letter-spacing:0}.variation-option.selected{border-color:var(--primary);background:rgba(206,14,45,.04);border-width:2px}.image-panel{display:flex;flex-direction:column;gap:.85rem;min-height:0;justify-content:center}.visual-display{width:100%;aspect-ratio:16/9;min-height:180px;border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden;background:linear-gradient(145deg,#f0f4f8 0,#e8edf2 100%);display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.van-display{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .5s cubic-bezier(.175, .885, .32, 1.275);display:block;max-height:100%}.no-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.no-image-placeholder i{font-size:2.25rem;color:#94a3b8}.spec-box{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;background:#fff;border:1px solid var(--border);padding:.65rem .85rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-shrink:0}.spec-item{display:flex;flex-direction:column;gap:.15rem}.spec-label{font-size:.68rem;text-transform:uppercase;font-weight:700;color:var(--text-secondary);letter-spacing:.05em}.spec-value{font-size:.88rem;font-weight:600;color:var(--text-main)}.submit-btn{padding:.85rem 1rem;width:150px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:.6rem;text-transform:uppercase}.submit-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(206,14,45,.3)}@media (max-width:950px){.container{height:auto;min-height:100dvh;overflow:auto;padding-bottom:120px}.config-card{grid-template-columns:1fr;gap:1rem;padding:1rem 1.25rem;flex:none;max-height:none;overflow:clip;margin-bottom:1.5rem}.selection-panel{overflow:visible;overflow-y:visible;min-height:auto;min-width:0}.form-group-row{grid-template-columns:1fr auto;min-width:0}.image-panel{order:-1}.visual-display{flex:none;width:100%;aspect-ratio:16/9;max-height:unset;min-height:unset;padding:0}.van-display{width:100%;height:100%;object-fit:cover;object-position:center center}}@media (max-width:768px){.container{padding-bottom:120px}.visual-display{flex:none;width:100%;aspect-ratio:16/9;max-height:unset;min-height:unset;padding:0}.van-display{width:100%;height:100%;object-fit:cover;object-position:center center}.step-indicator{padding-left:.5rem;padding-right:.5rem;gap:0;margin-bottom:.5rem;justify-content:space-between;width:100%;box-sizing:border-box}.step span{display:none}.step{display:flex;align-items:center}.step:not(:last-child){flex:1}.step:last-child{flex:0 0 auto}.step:not(:last-child)::after{content:'';display:block;flex:1;height:2px;background:#e2e8f0;margin:0 .35rem;position:static;transform:none;width:auto;left:auto;top:auto}.config-card{padding:.85rem 1rem;margin-bottom:1.25rem}.selection-panel h1{font-size:1.2rem;margin-bottom:.5rem}.form-group-row{grid-template-columns:1fr;gap:.5rem;margin-bottom:.5rem}.variation-grid{grid-template-columns:1fr}}@media (max-height:780px) and (min-width:951px){.container{height:auto;min-height:100dvh;overflow:visible;padding-bottom:100px}.config-card{flex:none;max-height:none;overflow:visible;margin-bottom:1.5rem}.selection-panel{overflow-y:visible;overflow:visible;min-height:auto}}@media (max-height:600px) and (min-width:951px){.container{padding-top:3.5rem;padding-bottom:100px}.back-nav{margin-bottom:.2rem}.step-indicator{margin-bottom:.35rem}.config-card{padding:.85rem 1.25rem 1rem;gap:1.25rem}.selection-panel h1{font-size:1.1rem;margin-bottom:.5rem}.form-group-row{margin-bottom:.65rem;gap:.65rem}.variation-group{gap:.75rem}.visual-display{min-height:140px}}@media (max-width:480px){.container{padding-bottom:125px}.config-card{border-radius:var(--radius-md);padding:.75rem .85rem;margin-bottom:1rem}.selection-panel h1{font-size:1rem;margin-bottom:.4rem}.variation-option{padding:.45rem .6rem}}