*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f0f0f0;color:#333}.app{display:flex;flex-direction:row;height:100vh;overflow:hidden}.control-panel{width:350px;background-color:#fff;padding:20px;border-right:1px solid #ddd;overflow-y:auto}.preview-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9f9f9;padding:20px;overflow:auto}.section{margin-bottom:20px}.section-title{font-weight:700;margin-bottom:10px;font-size:16px}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-size:14px}input[type=number],select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.checkbox-group{display:flex;align-items:center}.checkbox-group input[type=checkbox]{margin-right:8px}.button-group{display:flex;gap:10px;margin-top:20px}button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:14px}button.primary{background-color:#007bff;color:#fff}button.secondary{background-color:#6c757d;color:#fff}.advanced-toggle{margin-bottom:15px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:700}.advanced-panel{background-color:#f5f5f5;padding:15px;border-radius:4px;margin-bottom:15px}.summary{background-color:#e9ecef;padding:15px;border-radius:4px;margin-top:20px}.summary-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.svg-container{border:1px solid #ddd;background-color:#fff;padding:20px;box-shadow:0 2px 4px #0000001a;max-width:100%;max-height:80vh;overflow:auto}.door-frame{stroke:#333;stroke-width:2;fill:none}.door-panel{stroke:#666;stroke-width:1;fill:none}.window{stroke:#007bff;stroke-width:1;fill:none}.wicket-door,.wicket-frame{stroke:#333;stroke-width:1;fill:none}.watermark{fill:#0000001a;font-size:48px;font-weight:700;text-anchor:middle}