.container{display:flex;justify-content:space-between;align-items:stretch;gap:20px;padding:20px;height:100vh;box-sizing:border-box}.controls-box,.preview-box,.upload-box{flex:1;border:1px solid #ccc;padding:20px;border-radius:10px;background:#fdfdfd;display:flex;flex-direction:column;box-shadow:0 0 10px #0000000d}.controls-box h2{margin-bottom:20px;font-size:22px}.controls-box label{font-size:16px;font-weight:700;margin-bottom:5px;display:block}.controls-box input,.controls-box select,.controls-box textarea{width:100%;padding:10px;margin-bottom:15px;font-size:16px;border:1px solid #ccc;border-radius:5px}textarea{height:80px;resize:none}.preview-box{align-items:center;justify-content:center;position:relative}.mockup{position:relative;width:100%;height:100%}.main-image{width:100%;height:100%;object-fit:contain;border-radius:10px}.mockup-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;text-align:center;font-size:24px;font-weight:700;text-transform:uppercase;text-shadow:2px 2px 6px rgba(0,0,0,.7);pointer-events:none;white-space:pre-line}.upload-box{text-align:center;justify-content:center;align-items:center;position:relative}.upload-box input[type=file]{margin-top:10px}.thumbnail-preview{margin-top:15px;max-width:100%;max-height:200px;object-fit:cover;border-radius:8px}.container{display:flex;justify-content:space-between;padding:20px;height:100vh}.controls-box,.preview-box,.upload-box{flex:1;padding:20px;margin:10px;border-radius:10px}.form-version-1 .controls-box{background-color:#f5f5f5;color:#333}.form-version-2 .controls-box{background-color:#dbeafe;color:#1e3a8a}.form-version-3 .controls-box{background-color:#ecfdf5;color:#065f46}