body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.config-panel{background:#fff;font-family:Arial,sans-serif;padding:20px;width:300px}.section-title{margin:16px 0 8px}.config-select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:8px 10px;width:100%}.side-buttons{display:flex;gap:10px}.side-btn{background:#ddd;border:none;border-radius:6px;color:#000;cursor:pointer;flex:1 1;padding:10px;transition:.2s}.side-btn.active{background:#000;color:#fff}.side-btn:hover{background:#bbb}.addon-btn{background:#fff;border:2px solid #ccc;border-radius:10px;cursor:pointer;margin-top:10px;padding:12px;text-align:center;transition:all .2s ease;width:100%}.addon-btn.selected{background:#f0f0f0;border:2px solid #000}.addon-btn:hover{box-shadow:0 4px 10px #00000014}.addon-img{height:70px;object-fit:contain;width:100%}.addon-text{font-size:13px;margin-top:6px}.tooltip-wrapper:hover span{opacity:1!important;transform:translateX(0)}.cm-overlay{align-items:center;animation:cmFadeIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f0f8c;height:100%;justify-content:center;left:0;position:fixed;top:0;z-index:9999999998}.cm-modal,.cm-overlay{display:flex;width:100%}.cm-modal{animation:cmScaleIn .25s ease;background:#fff;border-radius:20px;box-shadow:0 30px 80px #00000040;flex-direction:column;max-width:520px;overflow:hidden}.cm-header{align-items:center;display:flex;justify-content:space-between;padding:22px 24px 10px}.cm-title{font-size:18px;font-weight:600;margin:0}.cm-close{background:#f2f2f2;border:none;border-radius:50%;cursor:pointer;font-size:16px;height:36px;transition:.2s;width:36px}.cm-close:hover{background:#e5e5e5}.cm-body{color:#333;font-size:14px;max-height:350px;overflow-y:auto;padding:20px 24px}.cm-footer{background:#fafafa;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.cm-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;min-height:36px;padding:0 16px;transition:.2s}.cm-btn.primary{background:#000;color:#fff}.cm-btn.primary:hover{background:#222}.cm-btn.secondary{background:#e5e5e5;color:#000}.cm-btn.secondary:hover{background:#d6d6d6}.cm-btn.danger{background:#e74c3c;color:#fff}.cm-btn.danger:hover{background:#c0392b}@keyframes cmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cmScaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.loader-overlays{align-items:center;animation:loaderFadeIn .35s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;bottom:0;display:flex;justify-content:center;left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease,background .35s ease;z-index:999999}@keyframes loaderFadeIn{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:1}}.pergola-canvas-container{height:100%;overflow:hidden;position:relative;width:100%}.viewer-container{height:100vh;position:relative;width:100%}.loader-content{color:#333;font-family:sans-serif;text-align:center}.dot-loader{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.dot-loader span{animation:bounce 1.2s ease-in-out infinite;border:2px solid #333;border-radius:50%;height:10px;width:10px}.dot-loader span:nth-child(2){animation-delay:.2s}.dot-loader span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.loader-content p{color:#444;font-size:14px}.section-title{font-size:14px;font-weight:600;margin:16px 0 10px}.size-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.size-btn{background:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;padding:10px}.size-btn.active{background:#f5e6e6;border-color:#e0bcbc}.side-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.side-card{background:#fff;border:1px solid #ddd;border-radius:12px;cursor:pointer;padding:12px;position:relative;transition:.2s}.side-card:hover{border-color:#aaa}.side-card.active{background:#f5e6e6;border-color:#e0bcbc}.side-label{color:#666}.side-key,.side-label{font-size:13px}.side-status{background:#000;border-radius:6px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:8px;top:8px}.addon-card{border:1px solid #ddd;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:10px}.addon-card.selected{border-color:#000}.addon-card img{height:50px;width:50px}.dim-label{align-items:center;background:#111827;border-radius:6px;color:#fff;font-size:12px;padding:4px 8px;width:30px}.confirm-fixed-wrapper{bottom:30px;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:9999}.confirm-btn{background:#000;border:none;border-radius:999px;box-shadow:0 4px 20px #0003;color:#fff;cursor:pointer;font-size:14px;padding:12px 28px;pointer-events:auto;transition:all .2s ease}.confirm-btn:hover{transform:scale(1.05)}
/*# sourceMappingURL=main.f5eb327f.css.map*/