.okpanel-configurator{max-width:1100px;margin:0 auto;padding:2rem 1rem;font-family:inherit}.okpanel-fullscreen{position:relative}.okpanel-fullscreen.is-active{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;background:#f8fafc;overflow:auto}.okpanel-fullscreen.is-active .okpanel-configurator{max-width:none;width:100%;min-height:100%;padding:1rem 2rem 2rem}body.okpanel-fullscreen-active{overflow:hidden}.okpanel-fullscreen__toggle{padding:.45rem .6rem;display:inline-flex;align-items:center;gap:6px}.okpanel-fullscreen__toggle [data-fullscreen-icon=collapse]{display:none}.okpanel-fullscreen.is-active .okpanel-fullscreen__toggle [data-fullscreen-icon=expand]{display:none}.okpanel-fullscreen.is-active .okpanel-fullscreen__toggle [data-fullscreen-icon=collapse]{display:inline-flex}.okpanel-step{display:none}.okpanel-step.is-active{display:block}.okpanel-step--documents.is-active{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain}.okpanel-step__title{margin-bottom:1.5rem;font-size:1.75rem;font-weight:600;text-align:center}.okpanel-step__intro{margin-bottom:2rem;text-align:center}.okpanel-step__intro h2{margin:0 0 .75rem;font-size:1.85rem;font-weight:700;color:#0f172a}.okpanel-step__intro p{margin:0;font-size:1rem;color:#475569}.okpanel-installation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px, 1fr));gap:1.25rem}.okpanel-installation-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.75rem 1rem;border:2px solid #d1d5db;border-radius:12px;background-color:#fff;color:inherit;text-align:center;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;cursor:pointer}.okpanel-installation-card:hover,.okpanel-installation-card:focus{border-color:#0094ff;box-shadow:0 8px 20px rgba(0,148,255,.15);transform:translateY(-3px);outline:none}.okpanel-installation-card.is-selected{border-color:#006fd6;box-shadow:0 10px 24px rgba(0,111,214,.18)}.okpanel-installation-card__icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#0094ff,#00c2ff);color:#fff;font-size:32px}.okpanel-installation-card__icon .dashicons{font-size:32px;width:32px;height:32px}.okpanel-installation-card__label{font-size:1rem;font-weight:600;line-height:1.4}.okpanel-installation-card.is-disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.okpanel-installation-card.is-disabled:hover,.okpanel-installation-card.is-disabled:focus{border-color:#d1d5db;box-shadow:none;transform:none}.okpanel-installation-card__status{display:block;margin-top:.35rem;font-size:.85rem;font-weight:600;color:#64748b}.okpanel-roof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px, 1fr));gap:1.25rem}.okpanel-roof-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1rem;border:2px solid #d1d5db;border-radius:12px;background-color:#fff;color:inherit;text-align:center;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;cursor:pointer}.okpanel-roof-card:hover,.okpanel-roof-card:focus{border-color:#0094ff;box-shadow:0 8px 20px rgba(0,148,255,.15);transform:translateY(-3px);outline:none}.okpanel-roof-card.is-selected{border-color:#006fd6;box-shadow:0 10px 24px rgba(0,111,214,.18)}.okpanel-roof-card__icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:16px;background:#f3f4f6;padding:.75rem;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04)}.okpanel-roof-card__icon img{width:100%;height:100%;object-fit:contain}.okpanel-roof-card__label{font-size:.95rem;font-weight:600;line-height:1.35}.okpanel-actions{margin-top:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.okpanel-button{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2.5rem;border-radius:999px;border:none;background:linear-gradient(135deg,#0094ff,#00c2ff);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.okpanel-button:hover,.okpanel-button:focus{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,148,255,.2);outline:none}.okpanel-button:disabled,.okpanel-button[disabled]{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.okpanel-button.is-loading{opacity:.75;pointer-events:none}.okpanel-button .okpanel-spinner{display:inline-block;width:1rem;height:1rem;margin-right:.6rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:okpanel-spin .9s linear infinite}@keyframes okpanel-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.okpanel-button--secondary{background:#f3f4f6;color:#111827;border:1px solid #d1d5db}.okpanel-button--secondary:hover,.okpanel-button--secondary:focus{box-shadow:0 6px 18px rgba(17,24,39,.15)}.okpanel-step__summary{margin:0 auto 2rem;max-width:520px;text-align:center;color:#4b5563;line-height:1.6}.okpanel-step__summary p{margin:.25rem 0}.okpanel-step__summary strong{color:#111827}.okpanel-step__summary-roof.is-hidden{display:none}.okpanel-dimensions-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.okpanel-roof-params{padding:1.75rem;border-radius:18px;border:1px solid #d1d5db;background:linear-gradient(135deg,rgba(0,148,255,.08),rgba(0,194,255,.05));box-shadow:0 8px 30px rgba(15,23,42,.08)}.okpanel-roof-params.is-hidden{display:none}.okpanel-configurator--pergola [data-pergola-hide]{display:none !important}.okpanel-roof-params h3{margin:0 0 1.25rem;font-size:1.25rem;font-weight:600;color:#0f172a;text-align:center}.okpanel-roof-params__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px, 1fr));gap:1.25rem}.okpanel-surfaces{display:flex;flex-direction:column;gap:1.5rem}.okpanel-surface{padding:1.5rem;border-radius:16px;border:1px solid #d1d5db;background-color:#fff;box-shadow:0 6px 24px rgba(15,23,42,.06)}.okpanel-surface__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.okpanel-surface__title{flex:1;margin-right:1rem}.okpanel-surface__title label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;color:#111827}.okpanel-surface__title input{padding:.65rem .85rem;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.okpanel-surface__title input:focus{border-color:#0094ff;box-shadow:0 0 0 3px rgba(0,148,255,.15);outline:none}.okpanel-surface__remove{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(145deg,#fef2f2,#fee2e2);color:#dc2626;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 8px 16px rgba(220,38,38,.15)}.okpanel-surface__remove.is-hidden{display:none}.okpanel-surface__remove:hover,.okpanel-surface__remove:focus{transform:translateY(-1px);box-shadow:0 10px 22px rgba(220,38,38,.25);background:linear-gradient(145deg,#fde8e8,#fecaca);outline:none}.okpanel-surface__remove:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.okpanel-surface__stats{margin:0 0 1.25rem;padding:1rem 1.25rem;border-radius:14px;background:linear-gradient(135deg,rgba(0,148,255,.08),rgba(14,165,233,.05));border:1px solid rgba(14,165,233,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.okpanel-surface__stats h4{margin:0 0 .75rem;font-size:1.05rem;font-weight:600;color:#0f172a}.okpanel-surface__stats-content{position:relative}.okpanel-surface__stats-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.okpanel-stats-add-obstacle{display:none;align-items:center;gap:.25rem;padding:.3rem .5rem;font-size:.75rem;border-radius:999px;line-height:0}.okpanel-stats-add-obstacle .dashicons{font-size:.85rem}.okpanel-documents{display:flex;flex-direction:column;gap:1.75rem;padding-bottom:calc(var(--okpanel-bottom-bar-height) + 24px);flex:1;min-height:0;overflow:visible}.okpanel-documents__notice{padding:1rem 1.25rem;border-radius:14px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.18);color:#1d4ed8;font-size:.95rem;text-align:center}.okpanel-documents__notice--locked{background:rgba(248,250,252,.9);border:1px solid rgba(148,163,184,.35);color:#1f2937}.okpanel-documents__surfaces{display:grid;gap:1.5rem}.okpanel-documents__empty{margin:0;padding:1.25rem 1.5rem;border-radius:14px;background:rgba(248,250,252,.9);border:1px solid rgba(148,163,184,.3);color:#475569;text-align:center}.okpanel-documents-surface{padding:1.5rem;border-radius:16px;background:#fff;border:1px solid rgba(226,232,240,.8);box-shadow:0 18px 32px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:1.25rem}.okpanel-documents-surface__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:flex-start}.okpanel-documents-surface__preview{margin:0;border-radius:14px;border:1px solid rgba(203,213,225,.6);background:#f8fafc;padding:1rem;display:flex;flex-direction:column;gap:1rem;position:relative}.okpanel-documents-surface__preview img{display:block;width:100%;height:auto}.okpanel-documents-surface__preview--image{padding:0;overflow:hidden}.okpanel-documents-surface__preview--image img{border-radius:14px}.okpanel-documents-surface__preview .okpanel-obstacles-preview{margin:0;border:none;padding:0;box-shadow:none;background:0 0}.okpanel-documents-surface__preview .okpanel-obstacles-preview__legend{margin-top:0}.okpanel-documents-surface__preview .okpanel-obstacles-preview__canvas{min-height:18rem}.okpanel-documents-surface__preview--image .okpanel-obstacles-preview__canvas{min-height:0}.okpanel-documents-surface__preview--interactive .okpanel-obstacles-preview{cursor:pointer}.okpanel-documents-panel-tooltip{position:absolute;z-index:5;pointer-events:none;background:rgba(15,23,42,.92);color:#fff;padding:.35rem .6rem;border-radius:6px;font-size:.85rem;font-weight:600;box-shadow:0 12px 24px rgba(15,23,42,.25);transform:translate(-50%,-120%);white-space:nowrap}.okpanel-documents-panel-tooltip:after{content:'';position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:10px;height:6px;background:rgba(15,23,42,.92);clip-path:polygon(0 0,100% 0,50% 100%)}.okpanel-obstacles-preview__panel.is-hovered{outline:2px solid rgba(59,130,246,.8);outline-offset:-2px}.okpanel-documents-surface__name{margin:0;font-size:1.2rem;font-weight:600;color:#0f172a}.okpanel-documents-surface__meta{margin:0;font-size:.95rem;color:#475569}.okpanel-documents-surface__metrics{display:flex;flex-wrap:wrap;gap:1.1rem}.okpanel-documents-surface__metrics-block{margin-top:1.25rem;padding:1.2rem 1.4rem 1.35rem;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:linear-gradient(135deg,rgba(248,250,252,.98),rgba(241,245,249,.98));box-shadow:0 12px 22px rgba(15,23,42,.05)}.okpanel-documents-surface__metrics-block>.okpanel-documents-surface__section-heading{margin:0 0 .9rem}.okpanel-documents-surface__panels{border-radius:12px;border:1px solid rgba(226,232,240,.9);background:rgba(248,250,252,.95);padding:.75rem 1rem;margin-top:.5rem}.okpanel-documents-surface__panels.okpanel-documents-surface__contacts{margin-bottom:calc(var(--okpanel-bottom-bar-height) + 56px)}.okpanel-documents-surface__panels summary{cursor:pointer;font-weight:600;color:#1f2937;list-style:none;position:relative;padding-right:1.5rem;display:flex;align-items:center;gap:.5rem}.okpanel-documents-surface__panels summary::marker,.okpanel-documents-surface__panels summary::-webkit-details-marker{display:none}.okpanel-documents-surface__panel-summary-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:8px;background:rgba(29,78,216,.12);color:#1d4ed8;flex-shrink:0}.okpanel-documents-surface__panel-summary-icon .dashicons{font-size:1.1rem;width:1em;height:1em;line-height:1}.okpanel-documents-surface__panel-summary-label{display:inline-flex;align-items:center}.okpanel-documents-surface__panels summary:after{content:'▾';position:absolute;right:.25rem;top:0;font-size:.9rem;transition:transform .2s ease}.okpanel-documents-surface__panels[open] summary:after{transform:rotate(-180deg)}.okpanel-documents-surface__panel-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 .5rem}.okpanel-documents-surface__panel-button{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(148,163,184,.6);background:rgba(248,250,252,.9);color:#1f2937;padding:.35rem .75rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.okpanel-documents-surface__panel-button:hover,.okpanel-documents-surface__panel-button:focus-visible{border-color:#1d4ed8;color:#1d4ed8;outline:none;box-shadow:0 6px 18px rgba(29,78,216,.12)}.okpanel-documents-surface__panel-button.is-active{background:#1d4ed8;color:#fff;border-color:#1d4ed8;box-shadow:0 6px 18px rgba(29,78,216,.2)}.okpanel-documents-surface__panel-button .dashicons{font-size:1rem;line-height:1}.okpanel-documents-surface__panel-button-label{line-height:1.2}.okpanel-documents-surface__panel-table{width:100%;border-collapse:collapse;margin-top:.5rem;font-size:.9rem;color:#1f2937}.okpanel-documents-surface__panel-table th,.okpanel-documents-surface__panel-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid rgba(226,232,240,.7)}.okpanel-documents-surface__panel-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.okpanel-documents-surface__production-previews{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.okpanel-documents-surface__production-previews.is-hidden{display:none}.okpanel-production-blank{width:210px;margin:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.okpanel-production-blank:focus-visible{outline:2px solid #1d4ed8;outline-offset:4px}.okpanel-production-blank:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,23,42,.15)}.okpanel-production-blank__svg{width:100%;height:auto}.okpanel-production-blank__download{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.2);background:rgba(248,250,252,.95);border-radius:8px;padding:.1rem .35rem;cursor:pointer;color:#0f172a;line-height:1;transition:background .2s ease,color .2s ease,border-color .2s ease}.okpanel-production-blank__download:hover,.okpanel-production-blank__download:focus-visible{background:#1d4ed8;color:#fff;border-color:#1d4ed8;outline:none;box-shadow:0 6px 16px rgba(29,78,216,.25)}.okpanel-production-blank__download .dashicons{font-size:.9rem;line-height:1}.okpanel-production-blank__piece{fill:rgba(59,130,246,.25);stroke:#1d4ed8;stroke-width:1.5}.okpanel-production-blank__label{font-size:12px;fill:#0f172a;pointer-events:none}.okpanel-production-dimension line{stroke:#0f172a;stroke-width:1.5}.okpanel-production-dimension__label{font-size:12px;fill:#0f172a;background:#fff;paint-order:stroke;stroke:#fff;stroke-width:3}.okpanel-production-blank__caption{align-items:center;justify-content:center;gap:.3rem;font-size:.78rem;margin:.35rem auto 0;color:#475569;text-align:center}.okpanel-production-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999}.okpanel-production-lightbox.is-active{display:flex}.okpanel-production-lightbox__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.65)}.okpanel-production-lightbox__content{position:relative;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 30px 60px rgba(15,23,42,.35);max-width:90vw;max-height:90vh;overflow:auto}.okpanel-production-lightbox__close{position:absolute;top:.5rem;right:.5rem;border:none;background:0 0;font-size:2rem;line-height:1;cursor:pointer;color:#0f172a}.okpanel-production-lightbox__figure{display:flex;align-items:center;justify-content:center;max-width:80vw;max-height:80vh}.okpanel-production-lightbox__svg{width:100%;height:auto}.okpanel-documents-surface__panel-table tr:last-child th,.okpanel-documents-surface__panel-table tr:last-child td{border-bottom:none}.okpanel-documents-surface__panel-table td{line-height:1.4}.okpanel-documents-surface__panel-table tr[data-panel-type=filler] td:first-child{color:#b45309}.okpanel-documents-surface__panel-subheading{margin:1.25rem 0 .35rem;font-size:.9rem;font-weight:600;color:#1f2937;text-transform:uppercase;letter-spacing:.04em}.okpanel-documents-surface__panel-table--accessories th:nth-child(3),.okpanel-documents-surface__panel-table--accessories td:nth-child(3),.okpanel-documents-surface__panel-table--accessories th:nth-child(4),.okpanel-documents-surface__panel-table--accessories td:nth-child(4){text-align:right;white-space:nowrap}.okpanel-documents-surface__panel-table--accessories th:nth-child(5),.okpanel-documents-surface__panel-table--accessories td:nth-child(5){text-align:center}.okpanel-accessories__purchase-toggle{width:18px;height:18px;accent-color:#0ea5e9}.okpanel-accessories__unmapped,.okpanel-accessories__purchase-disabled{text-align:center;color:#94a3b8}.okpanel-accessories__bulk-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:.5rem}.okpanel-accessories__bulk{padding:6px 10px;font-size:.9rem;border-radius:8px}.okpanel-accessories-purchase{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}.okpanel-accessories-purchase__note{margin:0;color:#475569}.okpanel-accessories-purchase__status{min-height:1.25rem;color:#0f172a}.okpanel-accessories-purchase__status[data-status=error]{color:#b91c1c}.okpanel-accessories-purchase__status[data-status=success]{color:#15803d}.okpanel-accessories-purchase__status[data-status=info]{color:#0ea5e9}.okpanel-accessories-purchase__cart-link{margin-left:.35rem;font-weight:600;color:#0f172a}.okpanel-accessories-purchase__button.is-loading{opacity:.7;pointer-events:none}.okpanel-documents-surface__metric{flex:1 1 180px;padding:.85rem 1rem;border-radius:12px;background:rgba(248,250,252,.95);border:1px solid rgba(226,232,240,.9)}.okpanel-documents-surface__metric dt{margin:0 0 .25rem;font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.okpanel-documents-surface__metric dd{margin:0;font-size:1rem;font-weight:600;color:#0f172a}.okpanel-surfaces-summary__list{display:flex;flex-direction:column;gap:1rem}.okpanel-surfaces-summary__surface{padding:1rem 1.1rem;border-radius:12px;border:1px solid rgba(226,232,240,.9);background:rgba(248,250,252,.8)}.okpanel-surfaces-summary__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.okpanel-surfaces-summary__header h5{margin:0;font-size:1rem;font-weight:700;color:#0f172a}.okpanel-surfaces-summary__index{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:999px;background:rgba(15,23,42,.08);color:#0f172a;font-weight:700;font-size:.85rem}.okpanel-surfaces-summary__stats{margin:0}.okpanel-documents-surface__metric--weights dd{display:flex;flex-wrap:wrap;gap:.9rem;align-items:baseline}.okpanel-documents-surface__weight-item{display:inline-flex;align-items:baseline;gap:.3rem;font-weight:600;color:#0f172a}.okpanel-documents-surface__weight-label{font-size:.85rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#475569}.okpanel-documents-surface__obstacles{display:flex;flex-direction:column}.okpanel-documents-surface__obstacles h4{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.okpanel-documents-surface__obstacles ul{margin:0;padding-left:1.1rem;color:#475569;font-size:.95rem;display:flex;flex-direction:column;gap:.35rem}.okpanel-documents-surface__obstacles li{line-height:1.4}.okpanel-documents-surface__download{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;border-radius:10px;font-weight:600}.okpanel-documents-surface__download[disabled]{opacity:.6;cursor:not-allowed}.okpanel-surface:not(.okpanel-surface--fullscreen) .okpanel-obstacle-detail{display:none !important}.okpanel-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px, 1fr));gap:.75rem}.okpanel-stats-grid__item{padding:.8rem .95rem;border-radius:12px;background:rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:.3rem}.okpanel-stats-grid__item dt{margin:0;font-size:.85rem;font-weight:600;color:#1f2937}.okpanel-stats-grid__item dd{margin:0;font-size:1.05rem;font-weight:600;color:#0f172a}.okpanel-obstacle-detail{display:none}.okpanel-obstacle-detail:not(.is-hidden){display:block}.okpanel-obstacle-detail__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.okpanel-obstacle-detail__back{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:rgba(248,250,252,.9);color:#1e293b;font-size:.9rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.okpanel-obstacle-detail__back:hover,.okpanel-obstacle-detail__back:focus-visible{background:rgba(226,232,240,.9);border-color:rgba(148,163,184,.7);outline:none}.okpanel-documents__contacts-grid{display:grid;gap:12px;margin-bottom:20px}.okpanel-obstacle-detail__title{margin:0;font-size:1.05rem;font-weight:600;color:#0f172a;flex:1 1 auto;text-align:right}.okpanel-obstacle-detail__body{display:flex;flex-direction:column;gap:1rem}.okpanel-obstacle-detail__group{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px, 1fr));gap:.75rem}.okpanel-obstacle-detail__field label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#334155}.okpanel-obstacle-detail__field input{padding:.5rem .75rem;border-radius:10px;border:1px solid rgba(148,163,184,.45);background:rgba(255,255,255,.95);font-size:.95rem;color:#0f172a}.okpanel-obstacle-detail__field input:focus-visible{outline:2px solid rgba(37,99,235,.3);outline-offset:2px}.okpanel-surface__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px, 1fr));gap:1.25rem}.okpanel-surface__polygon-fields{grid-column:1/-1;display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;background:rgba(59,130,246,.07);border:1px dashed rgba(59,130,246,.35);border-radius:14px}.okpanel-surface__rect-fields.is-hidden{display:none}.okpanel-surface__polygon-fields.is-hidden{display:none}.okpanel-surface[data-surface-mode=polygon] [data-rect-fields],[data-okpanel-surfaces][data-surface-mode=polygon] [data-rect-fields]{display:none !important}.okpanel-surface[data-surface-mode=polygon] [data-polygon-fields],[data-okpanel-surfaces][data-surface-mode=polygon] [data-polygon-fields]{display:flex !important;flex-direction:column}.okpanel-polygon__hint{margin:0;font-size:.9rem;color:#1f2937}.okpanel-polygon__examples{display:flex;gap:.75rem;align-items:center}.okpanel-polygon__example{width:36px;height:36px;border-radius:0;background:#1f2937;opacity:.9;border:none;padding:0;cursor:pointer;box-shadow:0 6px 14px rgba(15,23,42,.18)}.okpanel-polygon__example:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.okpanel-polygon__example--square{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.okpanel-polygon__example--chamfer{clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,0 100%)}.okpanel-polygon__example--lshape{clip-path:polygon(0 0,100% 0,100% 45%,55% 45%,55% 100%,0 100%)}.okpanel-polygon__example--trapezoid{clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.okpanel-polygon-points{display:flex;flex-direction:column;gap:.85rem}.okpanel-pergola-shape{display:grid;gap:.75rem;margin:.5rem 0 .25rem}.okpanel-field--pergola-mode{margin-top:.25rem}.okpanel-pergola-dimension-hint{margin:.1rem 0 0;font-size:.86rem;color:#475569}.okpanel-pergola-dimension-warning{margin:.2rem 0 0;padding:.55rem .7rem;border-radius:10px;border:1px solid rgba(239,68,68,.35);background:rgba(254,226,226,.65);color:#991b1b;font-size:.88rem;font-weight:600}.okpanel-pergola-lshape-help{margin:.45rem 0 0;padding:.6rem .7rem;border-radius:10px;border:1px solid rgba(148,163,184,.35);background:rgba(248,250,252,.9)}.okpanel-pergola-lshape-help p{margin:0 0 .35rem;font-size:.82rem}.okpanel-pergola-lshape-help__svg{display:block;width:100%;height:auto}.okpanel-pergola-lshape-help__shape{fill:rgba(59,130,246,.08);stroke:#1e293b;stroke-width:2}.okpanel-pergola-lshape-help__dim{stroke:#334155;stroke-width:1.6;marker-start:url(#okpanel-arrow-start);marker-end:url(#okpanel-arrow-end)}.okpanel-pergola-lshape-help__label{fill:#0f172a;font-size:18px;font-weight:600;font-family:inherit}.okpanel-polygon-point{display:flex;align-items:flex-start;gap:1rem;padding:.85rem 1rem;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.35);border-radius:12px;box-shadow:0 10px 18px rgba(15,23,42,.08)}.okpanel-polygon-point__label{font-weight:700;color:#0f172a;min-width:3.5rem;display:flex;align-items:center;justify-content:center;padding:.35rem .55rem;border-radius:10px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.35)}.okpanel-polygon-point__inputs{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px, 1fr));gap:.75rem}.okpanel-polygon-point__remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;border-radius:10px;border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.08);color:#b91c1c;line-height:1;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.okpanel-polygon-point__remove:hover,.okpanel-polygon-point__remove:focus{transform:translateY(-1px);box-shadow:0 8px 14px rgba(239,68,68,.1)}.okpanel-polygon-actions{display:flex;justify-content:flex-start}.okpanel-polygon-ridge{display:flex;flex-direction:column;gap:.65rem}.okpanel-polygon-ridge h4{margin:0;font-size:1.05rem;font-weight:600;color:#111827}.okpanel-polygon-ridge__hint{margin:0;font-size:.85rem;color:#374151}.okpanel-polygon-ridge__options{display:flex;flex-wrap:wrap;gap:.75rem}.okpanel-polygon-ridge-option{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:999px;border:1px solid rgba(249,115,22,.4);background:rgba(249,115,22,.08);font-size:.85rem;font-weight:600;color:#c2410c;cursor:pointer}.okpanel-polygon-ridge-option input{accent-color:#f97316}.okpanel-polygon__errors{margin:0;padding:.75rem 1rem;border-radius:12px;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.3);color:#991b1b;font-size:.9rem;line-height:1.4}.okpanel-polygon__errors ul{margin:0;padding-left:1.15rem}.okpanel-polygon__errors.is-hidden{display:none}.okpanel-surfaces__actions{display:flex;justify-content:center}.okpanel-surfaces-summary{margin-top:0}.okpanel-surfaces-summary .okpanel-documents-surface{margin:0}.okpanel-surfaces__actions .okpanel-button{gap:.5rem}.okpanel-obstacles{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem}.okpanel-obstacles__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.okpanel-obstacles__header h4{margin:0;font-size:1.05rem;font-weight:600;color:#111827}.okpanel-obstacles__add{display:inline-flex;align-items:center;gap:.35rem;padding:.6rem 1rem;background:rgba(0,148,255,.1);border:1px solid rgba(0,148,255,.3);color:#006fd6;border-radius:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-weight:600}.okpanel-obstacles__add:hover,.okpanel-obstacles__add:focus{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,111,214,.2);outline:none}.okpanel-obstacles__list{display:flex;flex-direction:column;gap:1rem}.okpanel-obstacle{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px, 1fr));gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:12px;background-color:#f9fafb}.okpanel-obstacle__actions{display:flex;align-items:flex-end;justify-content:flex-end}.okpanel-obstacle__remove{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .9rem;border-radius:8px;border:1px solid rgba(220,38,38,.3);background-color:rgba(254,226,226,.6);color:#dc2626;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.okpanel-obstacle__remove:hover,.okpanel-obstacle__remove:focus{transform:translateY(-1px);box-shadow:0 8px 18px rgba(220,38,38,.2);outline:none}.okpanel-obstacles-preview{position:relative;margin-top:1rem;border:1px dashed rgba(15,23,42,.2);border-radius:14px;padding:1rem;background-color:#fff;box-shadow:inset 0 0 0 1px rgba(15,23,42,.03)}.okpanel-obstacles-preview__toolbar{display:flex;justify-content:flex-end;margin-bottom:.75rem}.okpanel-obstacles-preview__fullscreen-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border-radius:50%;border:1px solid rgba(59,130,246,.35);background:rgba(59,130,246,.12);color:#1d4ed8;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease;position:relative}.okpanel-obstacles-preview__fullscreen-toggle:hover,.okpanel-obstacles-preview__fullscreen-toggle:focus{background:rgba(59,130,246,.2);color:#1e3a8a;outline:none;box-shadow:0 10px 20px rgba(59,130,246,.2)}.okpanel-obstacles-preview__fullscreen-toggle .dashicons{font-size:1.2rem;line-height:1}[data-preview-icon=exit]{display:none}.okpanel-surface--fullscreen [data-preview-icon=enter],.okpanel-documents-surface--fullscreen [data-preview-icon=enter]{display:none}.okpanel-surface--fullscreen [data-preview-icon=exit],.okpanel-documents-surface--fullscreen [data-preview-icon=exit]{display:inline}.okpanel-obstacles-preview.is-inactive{display:none}.okpanel-obstacles-preview__canvas{position:relative;width:100%;aspect-ratio:var(--okpanel-preview-aspect,1/1);min-height:22rem;background:repeating-linear-gradient(90deg,rgba(229,231,235,.4) 0,rgba(229,231,235,.4) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(0deg,rgba(229,231,235,.4) 0,rgba(229,231,235,.4) 1px,transparent 1px,transparent 20px),#f9fafb;border-radius:12px;overflow:hidden}.okpanel-obstacles-preview--static{pointer-events:none}.okpanel-obstacles-preview--static .okpanel-obstacles-preview__legend{pointer-events:auto}.okpanel-documents-surface__preview--interactive .okpanel-obstacles-preview--static{pointer-events:auto}.okpanel-documents-surface__preview--interactive .okpanel-obstacles-preview__panel{pointer-events:auto}.okpanel-documents-surface__preview--interactive .okpanel-obstacles-preview__panels,.okpanel-documents-surface__preview--interactive .okpanel-obstacles-preview__filler-panels{pointer-events:none}.okpanel-documents-surface__preview--interactive .okpanel-obstacles-preview__pane,.okpanel-documents-surface__preview--interactive .okpanel-obstacles-preview__canvas,.okpanel-documents-surface__preview--interactive .okpanel-obstacles-preview__obstacles{pointer-events:none}.okpanel-stats-toggle{display:none}.okpanel-stats-toggle__icon{position:relative;display:block;width:2.25rem;height:1.15rem}.okpanel-stats-toggle__icon:before{content:'';position:absolute;left:50%;top:0;width:.75rem;height:.75rem;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:translate(-50%,25%) rotate(-45deg);transition:transform .2s ease}.okpanel-obstacles-preview__hint.is-hidden{display:none}.okpanel-obstacles-preview__pane{position:absolute;inset:0}.okpanel-obstacles-preview__axis{position:absolute;font-size:.8rem;font-weight:600;color:#0f172a;pointer-events:none;text-transform:uppercase;letter-spacing:.04em;z-index:3}.okpanel-obstacles-preview__axis:before{content:'';position:absolute;background:rgba(100,116,139,.65)}.okpanel-obstacles-preview__axis:after{content:'';position:absolute;background:rgba(100,116,139,.65)}.okpanel-obstacles-preview__axis span{position:absolute;background:rgba(255,255,255,.9);padding:.2rem .5rem;border-radius:999px;box-shadow:0 4px 12px rgba(15,23,42,.12)}.okpanel-obstacles-preview__axis--x{left:5%;right:5%;bottom:5%;height:1.2rem}.okpanel-obstacles-preview__axis--x:before{left:0;right:.75rem;top:0;height:2px}.okpanel-obstacles-preview__axis--x:after{width:8px;height:8px;right:0;top:-1px;transform:translate(50%,-50%) rotate(45deg);background:0 0;border-top:2px solid rgba(100,116,139,.65);border-right:2px solid rgba(100,116,139,.65)}.okpanel-obstacles-preview__axis--x span{right:0;top:0;transform:translate(1.2rem,-120%)}.okpanel-obstacles-preview__axis--y{top:5%;bottom:5%;left:5%;width:1.2rem}.okpanel-obstacles-preview__axis--y:before{top:0;bottom:.75rem;left:50%;width:2px;transform:translateX(-50%)}.okpanel-obstacles-preview__axis--y:after{width:8px;height:8px;left:50%;bottom:0;transform:translate(-50%,50%) rotate(45deg);background:0 0;border-left:2px solid rgba(100,116,139,.65);border-top:2px solid rgba(100,116,139,.65)}.okpanel-obstacles-preview__axis--y span{left:0;top:0;transform:translate(-130%,-.4rem) rotate(-90deg)}.okpanel-obstacles-preview__surface{position:absolute;left:5%;top:5%;width:90%;height:90%;border-radius:10px;background:rgba(59,130,246,.05);border:1.2px solid rgba(30,64,175,.45);box-shadow:0 6px 18px rgba(15,23,42,.08);overflow:hidden}.okpanel-obstacles-preview__snow-guard{position:absolute;left:0;right:0;bottom:var(--snow-guard-offset,0%);height:6px;background:#0e7490;border-radius:6px;box-shadow:0 -1px 0 rgba(15,23,42,.2);pointer-events:none;z-index:6}.okpanel-obstacles-preview__snow-guard-mounts{position:absolute;inset:0;pointer-events:none;z-index:7}.okpanel-obstacles-preview__snow-guard-mount{position:absolute;width:8px;height:8px;background:#0e7490;border:1.5px solid #083344;border-radius:2px;transform:translate(-50%,50%);bottom:calc(var(--snow-guard-offset, 0%) - 4px);box-shadow:0 0 0 1px rgba(255,255,255,.3)}.okpanel-obstacles-preview__surface--polygon{border-radius:0;border:none;background:0 0;overflow:visible;box-shadow:none}.okpanel-obstacles-preview__surface--polygon:before{display:none}.okpanel-obstacles-preview__polygon-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.okpanel-obstacles-preview__polygon-clip{position:absolute;inset:0}.okpanel-obstacles-preview__polygon-shape{fill:rgba(59,130,246,.12);stroke:rgba(30,64,175,.85);stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.okpanel-obstacles-preview__polygon-ridge-overlay{position:absolute;inset:0;width:100%;height:100%}.okpanel-obstacles-preview__ridge-line{stroke:rgba(249,115,22,.9);stroke-width:.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(249,115,22,.4))}.okpanel-obstacles-preview__polygon-handles{position:absolute;inset:0;z-index:7;pointer-events:none}.okpanel-polygon-handle{position:absolute;transform:translate(-50%,-50%);width:1.5rem;height:1.5rem;padding:0;box-sizing:border-box;aspect-ratio:1/1;border:none;background:0 0;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:grab;touch-action:none;box-shadow:0 4px 10px rgba(15,23,42,.12);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.okpanel-polygon-handle:focus-visible{outline:2px solid rgba(59,130,246,.65);outline-offset:2px}.okpanel-polygon-handle.is-active{cursor:grabbing;box-shadow:0 10px 18px rgba(30,64,175,.28);transform:translate(-50%,-50%) scale(1.03)}.okpanel-polygon-handle__dot{flex-shrink:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,rgba(59,130,246,.95),rgba(96,165,250,.85));color:#fff;font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);line-height:1}.okpanel-obstacles-preview__filler-panels,.okpanel-obstacles-preview__panels,.okpanel-obstacles-preview__panel-outlines,.okpanel-obstacles-preview__obstacles{position:absolute;inset:0}.okpanel-obstacles-preview__filler-panels{z-index:0}.okpanel-obstacles-preview__panels{z-index:1}.okpanel-obstacles-preview__panel-outlines{z-index:3;pointer-events:none}.okpanel-obstacles-preview__obstacles{z-index:2}.okpanel-obstacles-preview__panel-toggles{position:absolute;inset:0;z-index:4;pointer-events:none}.okpanel-obstacles-preview__panel{position:absolute;border:1px solid rgba(0,148,255,.35);border-radius:4px;background:linear-gradient(135deg,rgba(0,148,255,.18),rgba(0,148,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center}.okpanel-obstacles-preview__panel-outline{position:absolute;border:2px solid rgba(30,64,175,.7);border-radius:4px;box-sizing:border-box;background:0 0}.okpanel-panel-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.85rem;height:1.85rem;border-radius:999px;border:1px solid rgba(15,23,42,.18);background:rgba(255,255,255,.85);box-shadow:0 4px 12px rgba(15,23,42,.18);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;pointer-events:auto;z-index:5;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.okpanel-panel-toggle .dashicons{font-size:1rem;line-height:1;color:#0f172a}.okpanel-panel-toggle:hover,.okpanel-panel-toggle:focus{transform:translate(-50%,-50%) scale(1.06);background:rgba(59,130,246,.12);box-shadow:0 6px 16px rgba(37,99,235,.24);outline:none}.okpanel-panel-toggle--filler{border-color:rgba(239,68,68,.25);background:rgba(255,255,255,.85)}.okpanel-panel-toggle--filler .dashicons{color:#b91c1c}.okpanel-panel-toggle--filler:hover,.okpanel-panel-toggle--filler:focus{background:rgba(239,68,68,.14);box-shadow:0 6px 16px rgba(239,68,68,.24)}.okpanel-obstacles-preview__panel--filler{border-color:rgba(239,68,68,.35);background:linear-gradient(135deg,rgba(239,68,68,.28),rgba(239,68,68,.12));box-shadow:inset 0 0 0 1px rgba(254,226,226,.7)}.okpanel-obstacles-preview__panel-label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.05rem .3rem;border-radius:999px;background:rgba(15,23,42,.75);color:#fff;font-size:.65rem;font-weight:600;line-height:1;pointer-events:none;text-transform:uppercase;box-shadow:0 2px 6px rgba(15,23,42,.2)}.okpanel-obstacles-preview__panel--filler .okpanel-obstacles-preview__panel-label{background:rgba(217,119,6,.85);box-shadow:0 2px 6px rgba(217,119,6,.2)}.okpanel-obstacles-preview__pergola-badge{position:absolute;top:.55rem;left:.55rem;z-index:6;display:inline-flex;flex-direction:column;gap:.12rem;padding:.32rem .5rem;border-radius:8px;border:1px solid rgba(15,118,110,.28);background:rgba(240,253,250,.9);color:#0f172a;font-size:.68rem;font-weight:700;line-height:1.2;letter-spacing:.01em;pointer-events:none}.okpanel-obstacles-preview__pergola-badge-line{display:block;white-space:nowrap}.okpanel-obstacles-preview__obstacle{position:absolute;cursor:grab;touch-action:none;pointer-events:auto}.okpanel-obstacles-preview__obstacle-shape{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.okpanel-obstacles-preview__obstacle-polygon{fill:rgba(59,130,246,.12);stroke:rgba(30,64,175,.85);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.okpanel-obstacles-preview__obstacle.is-active .okpanel-obstacles-preview__obstacle-polygon{stroke:rgba(37,99,235,.95)}.okpanel-obstacles-preview__obstacle-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;font-size:.8rem;font-weight:600;color:#fff;text-align:center;line-height:1.2;word-break:break-word;pointer-events:none;text-shadow:0 1px 2px rgba(15,23,42,.4)}.okpanel-obstacles-preview__obstacle.is-dragging,.okpanel-obstacles-preview__obstacle.is-resizing{cursor:grabbing}.okpanel-obstacles-preview__obstacle-handles{position:absolute;inset:0;z-index:3;pointer-events:none}.okpanel-obstacle-handle{position:absolute;transform:translate(-50%,-50%);width:1.5rem;height:1.5rem;padding:0;box-sizing:border-box;aspect-ratio:1/1;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,rgba(37,99,235,.95),rgba(59,130,246,.85));color:#fff;font-size:.72rem;font-weight:600;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:grab;touch-action:none;box-shadow:0 6px 14px rgba(15,23,42,.2);transition:transform .18s ease,box-shadow .18s ease;line-height:1}.okpanel-obstacle-handle:focus-visible{outline:2px solid rgba(59,130,246,.75);outline-offset:2px}.okpanel-obstacle-handle.is-active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 10px 20px rgba(30,64,175,.36)}.okpanel-obstacles-preview__hint{margin:.75rem 0 0;font-size:.9rem;color:#6b7280;text-align:center}body.okpanel-fullscreen-active{overflow:hidden}.okpanel-surface--fullscreen .okpanel-obstacles-preview,.okpanel-documents-surface--fullscreen .okpanel-obstacles-preview{position:fixed;inset:0;z-index:2000;margin:0;border-radius:0;border:none;padding:clamp(1rem, 5vw, 2.5rem);background:rgba(241,245,249,.92);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:1.25rem}.okpanel-surface--fullscreen .okpanel-obstacles-preview__toolbar,.okpanel-documents-surface--fullscreen .okpanel-obstacles-preview__toolbar{order:-1}.okpanel-surface--fullscreen .okpanel-obstacles-preview__fullscreen-toggle,.okpanel-documents-surface--fullscreen .okpanel-obstacles-preview__fullscreen-toggle{border-color:rgba(15,23,42,.45);background:rgba(15,23,42,.75);color:#f8fafc;box-shadow:0 10px 24px rgba(15,23,42,.25)}.okpanel-surface--fullscreen .okpanel-obstacles-preview__fullscreen-toggle:hover,.okpanel-surface--fullscreen .okpanel-obstacles-preview__fullscreen-toggle:focus,.okpanel-documents-surface--fullscreen .okpanel-obstacles-preview__fullscreen-toggle:hover,.okpanel-documents-surface--fullscreen .okpanel-obstacles-preview__fullscreen-toggle:focus{background:rgba(15,23,42,.9);color:#e0f2fe;box-shadow:0 16px 32px rgba(15,23,42,.28)}.okpanel-surface--fullscreen .okpanel-obstacles-preview__canvas,.okpanel-documents-surface--fullscreen .okpanel-obstacles-preview__canvas{padding-top:0;flex:0 0 auto;height:calc(100vh - clamp(11rem, 16vh, 14rem));width:auto;max-width:calc(100vw - clamp(3rem, 8vw, 6rem));margin:0 auto clamp(4rem, 9vh, 6rem);border-radius:16px;overflow:hidden}.okpanel-surface--fullscreen .okpanel-obstacles-preview__canvas>*,.okpanel-documents-surface--fullscreen .okpanel-obstacles-preview__canvas>*{height:100%;width:100%}.okpanel-surface--fullscreen .okpanel-stats-toggle{position:absolute;top:-.35rem;left:50%;transform:translate(-50%,-100%);display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:1.8rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.7);color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.35);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;z-index:1}.okpanel-surface--fullscreen .okpanel-stats-toggle:hover,.okpanel-surface--fullscreen .okpanel-stats-toggle:focus-visible{transform:translate(-50%,-105%);background:rgba(15,23,42,.85);box-shadow:0 16px 32px rgba(15,23,42,.35);outline:none}.okpanel-surface.okpanel-surface--fullscreen.okpanel-surface--stats-collapsed .okpanel-stats-toggle{background:rgba(15,23,42,.75);color:#f8fafc}.okpanel-surface--fullscreen .okpanel-stats-add-obstacle{display:inline-flex}.okpanel-surface--fullscreen .okpanel-obstacles-preview__legend,.okpanel-documents-surface--fullscreen .okpanel-obstacles-preview__legend{position:absolute;top:clamp(1rem, 2vh, 1.6rem);left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:clamp(0.65rem, 1.2vw, 0.9rem);padding:.65rem 1.35rem;background:rgba(255,255,255,.96);border-radius:999px;color:#0f172a;box-shadow:0 16px 32px rgba(15,23,42,.18);border:1px solid rgba(148,163,184,.25);z-index:3;backdrop-filter:blur(4px)}.okpanel-surface--fullscreen .okpanel-obstacles-preview__legend-item,.okpanel-documents-surface--fullscreen .okpanel-obstacles-preview__legend-item{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem}.okpanel-surface--fullscreen .okpanel-obstacles-preview__legend-swatch,.okpanel-documents-surface--fullscreen .okpanel-obstacles-preview__legend-swatch{border-color:rgba(148,163,184,.55)}.okpanel-surface--fullscreen .okpanel-obstacles-preview__hint,.okpanel-documents-surface--fullscreen .okpanel-obstacles-preview__hint{color:#1f2937}.okpanel-surface--fullscreen .okpanel-surface__stats{position:fixed;left:0;right:0;bottom:0;margin:0;border-radius:18px 18px 0 0;background:rgba(255,255,255,.98);color:#0f172a;padding:clamp(1.4rem, 2vw + 0.6rem, 2rem) clamp(1.6rem, 6vw, 3.75rem) clamp(1rem, 2vw, 1.6rem);z-index:2001;box-shadow:0 -16px 40px rgba(15,23,42,.18);border-top:1px solid rgba(203,213,225,.55)}.okpanel-surface--fullscreen .okpanel-surface__stats h4{color:#1e293b;margin-bottom:.6rem;letter-spacing:.015em}.okpanel-surface.okpanel-surface--fullscreen.okpanel-surface--obstacle-detail .okpanel-surface__stats-view{display:none}.okpanel-surface.okpanel-surface--fullscreen.okpanel-surface--obstacle-detail .okpanel-obstacle-detail{display:block}.okpanel-surface.okpanel-surface--fullscreen.okpanel-surface--obstacle-detail .okpanel-surface__stats{padding-bottom:clamp(1.2rem, 2vw, 1.8rem)}.okpanel-surface--fullscreen .okpanel-stats-grid{display:flex;flex-wrap:wrap;gap:clamp(1.25rem, 3vw, 2rem)}.okpanel-surface--fullscreen .okpanel-stats-grid__item{min-width:160px;flex:1 1 150px}.okpanel-surface--fullscreen .okpanel-stats-grid__item dt{font-size:.9rem;font-weight:600;color:#475569}.okpanel-surface--fullscreen .okpanel-stats-grid__item dd{font-size:1.06rem;font-weight:700;color:#0f172a;margin-top:.3rem}.okpanel-surface--fullscreen .okpanel-surface__stats:before{content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-100%);width:4rem;height:2rem;border-radius:999px;background:0 0}.okpanel-surface.okpanel-surface--fullscreen.okpanel-surface--stats-collapsed .okpanel-surface__stats{padding:.75rem 2.5rem .95rem;text-align:center}.okpanel-surface.okpanel-surface--fullscreen.okpanel-surface--stats-collapsed .okpanel-surface__stats h4,.okpanel-surface.okpanel-surface--fullscreen.okpanel-surface--stats-collapsed .okpanel-surface__stats dl{margin:0;height:0;opacity:0;pointer-events:none;visibility:hidden;overflow:hidden;transform:translateY(10px)}.okpanel-surface.okpanel-surface--fullscreen.okpanel-surface--stats-collapsed .okpanel-obstacles-preview__canvas{margin-bottom:clamp(2.5rem, 6vh, 4rem)}.okpanel-surface.okpanel-surface--fullscreen.okpanel-surface--stats-collapsed .okpanel-stats-toggle__icon:before{transform:translate(-50%,40%) rotate(135deg)}.okpanel-obstacles-preview__legend{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:center;list-style:none;margin:.9rem 0 .5rem;padding:0}.okpanel-obstacles-preview__legend-item{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:#1f2937;font-weight:600}.okpanel-obstacles-preview__legend-swatch{width:1.25rem;height:1.25rem;border-radius:4px;box-shadow:0 2px 6px rgba(15,23,42,.15)}.okpanel-obstacles-preview__legend-item--ridge .okpanel-obstacles-preview__legend-swatch{background:linear-gradient(90deg,rgba(249,115,22,.95),rgba(251,191,36,.85))}.okpanel-obstacles-preview__legend-item--real .okpanel-obstacles-preview__legend-swatch{background:linear-gradient(135deg,rgba(0,148,255,.18),rgba(0,148,255,.08));border:1px solid rgba(0,148,255,.35)}.okpanel-obstacles-preview__legend-item--filler .okpanel-obstacles-preview__legend-swatch{background:linear-gradient(135deg,rgba(239,68,68,.28),rgba(239,68,68,.12));border:1px solid rgba(239,68,68,.35)}.okpanel-obstacles-preview__legend-item--obstacle .okpanel-obstacles-preview__legend-swatch{background:rgba(249,112,165,.65);border:1px solid rgba(249,112,165,.9)}.okpanel-obstacles-preview__legend-item--snow-guard .okpanel-obstacles-preview__legend-swatch{background:#0e7490;border:1px solid rgba(14,116,144,.9);position:relative}.okpanel-obstacles-preview__legend-item--snow-guard .okpanel-obstacles-preview__legend-swatch:after{content:'';position:absolute;left:2px;right:2px;top:50%;height:4px;border-radius:999px;transform:translateY(-50%);background:rgba(255,255,255,.35)}.okpanel-obstacles-preview__snow-guard-line{stroke:#0e7490;stroke-width:6;stroke-linecap:round}.okpanel-obstacles-preview__polygon-snow-guard .okpanel-obstacles-preview__snow-guard-mount{fill:#0e7490;stroke:#083344;stroke-width:1.2}.okpanel-obstacles-preview__note{margin-top:.75rem;font-size:.9rem;text-align:center;color:#4b5563}.okpanel-obstacles-preview__empty{margin-top:.75rem;font-size:.9rem;text-align:center;color:#6b7280}.okpanel-obstacles-preview__unavailable{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;border-radius:12px;background:repeating-linear-gradient(135deg,rgba(254,215,170,.35) 0,rgba(254,215,170,.35) 12px,rgba(255,255,255,.9) 12px,rgba(255,255,255,.9) 24px),#fff7ed;border:2px solid rgba(248,113,113,.45);color:#b91c1c;font-weight:600;text-align:center}.okpanel-field{display:flex;flex-direction:column;gap:.5rem;text-align:left}.okpanel-field--checkbox{align-items:flex-start}.okpanel-field label{font-weight:600;color:#111827;display:flex;flex-direction:column;gap:.4rem}.okpanel-field .okpanel-checkbox-inline{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:.75rem;font-weight:600;color:#111827}.okpanel-checkbox-inline__label{flex:1 1 100%}.okpanel-checkbox-inline__option{font-size:.95rem;font-weight:500;color:#4b5563}.okpanel-checkbox-inline input{width:1.5rem;height:1.5rem;cursor:pointer;accent-color:#0094ff}.okpanel-field input:not([type=checkbox]){padding:.75rem;border-radius:10px;border:1px solid #d1d5db;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.okpanel-field select{padding:.75rem;border-radius:10px;border:1px solid #d1d5db;font-size:1rem;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.okpanel-field input:not([type=checkbox]):focus{border-color:#0094ff;box-shadow:0 0 0 3px rgba(0,148,255,.15);outline:none}.okpanel-field select:focus{border-color:#0094ff;box-shadow:0 0 0 3px rgba(0,148,255,.15);outline:none}.okpanel-field--readonly input:not([type=checkbox]){background-color:#f3f4f6;cursor:default}.okpanel-field textarea{padding:.65rem .85rem;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.okpanel-field textarea:focus{border-color:#0094ff;box-shadow:0 0 0 3px rgba(0,148,255,.15);outline:none}.okpanel-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.okpanel-modal.is-active{opacity:1;pointer-events:auto}.okpanel-modal__backdrop{position:absolute;inset:0;background:rgba(17,24,39,.55)}.okpanel-modal__dialog{position:relative;max-width:36rem;width:100%;z-index:1}.okpanel-modal--config-name .okpanel-modal__dialog{max-width:44rem}.okpanel-modal__content{background:#fff;border-radius:12px;padding:2.25rem;box-shadow:0 20px 45px rgba(15,23,42,.18);text-align:center}.okpanel-modal__title{margin:0 0 .75rem;font-size:1.375rem;font-weight:600;color:#111827}.okpanel-modal__message{margin:0 0 1.5rem;font-size:1rem;color:#374151}.okpanel-modal__errors{margin:0 0 1.5rem;padding-left:1.25rem;text-align:left;color:#b91c1c;font-size:.95rem}.okpanel-modal__errors li+li{margin-top:.5rem}.okpanel-modal .is-hidden{display:none}.okpanel-modal__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem}.okpanel-modal__actions .okpanel-button{width:auto;min-width:10rem;justify-content:center}.okpanel-modal__row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.okpanel-modal__row .okpanel-input{flex:1 1 18rem;min-width:0;height:44px;padding-top:0;padding-bottom:0}.okpanel-modal__row .okpanel-button{height:44px;padding:0 1.4rem;border-radius:10px;font-size:.95rem}.okpanel-modal__actions--config{gap:.6rem;flex-wrap:nowrap}.okpanel-modal__actions--config .okpanel-button{min-width:0;padding:.55rem 1.1rem;border-radius:10px;font-size:.9rem;gap:.5rem}.okpanel-modal__actions--config .dashicons,.okpanel-modal__row .dashicons{font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.okpanel-modal__row .okpanel-button{gap:.5rem}.okpanel-modal__actions--config .dashicons,.okpanel-modal__row .dashicons{font-size:1rem;line-height:1}@media (max-width:720px){.okpanel-modal--config-name .okpanel-modal__actions--config{flex-wrap:wrap}}.okpanel-button--danger{background:#ef4444;color:#fff}.okpanel-button--danger:hover,.okpanel-button--danger:focus{box-shadow:0 8px 18px rgba(239,68,68,.25)}.okpanel-button--success{background:#22c55e;color:#fff}.okpanel-button--success:hover,.okpanel-button--success:focus{box-shadow:0 8px 18px rgba(34,197,94,.25)}.okpanel-button--info{background:#2563eb;color:#fff}.okpanel-button--info:hover,.okpanel-button--info:focus{box-shadow:0 8px 18px rgba(37,99,235,.25)}.okpanel-config-status{display:flex;flex-direction:column;gap:1rem}.okpanel-modal__close{min-width:8rem}@media (max-width:640px){.okpanel-configurator{padding:1.5rem .75rem}.okpanel-step__title{font-size:1.5rem}.okpanel-installation-card{padding:1.25rem .75rem}.okpanel-roof-card{padding:1.25rem .75rem}.okpanel-actions{flex-direction:column;gap:.75rem}.okpanel-button{width:100%}.okpanel-roof-params{padding:1.5rem 1.25rem}.okpanel-roof-params__grid{grid-template-columns:1fr}.okpanel-surface__header{flex-direction:column;align-items:stretch;gap:.75rem}.okpanel-surface__title{margin-right:0}.okpanel-surface__remove{align-self:flex-end}.okpanel-surface__fields{grid-template-columns:1fr}.okpanel-surfaces__actions{justify-content:stretch}.okpanel-surfaces__actions .okpanel-button{width:100%}.okpanel-obstacle{grid-template-columns:1fr}}.okpanel-documents-surface__section-heading{margin:1.25rem 0 .75rem;font-size:1rem;font-weight:600;color:#1f2937}.okpanel-documents-surface__panels.okpanel-documents-surface__obstacles .okpanel-documents-surface__panel-summary-icon{background:rgba(217,119,6,.18);color:#b45309}.okpanel-documents-surface__panel-obstacles{padding:.25rem 0}.okpanel-documents-surface__panel-obstacles ul{margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.35rem;color:#475569;font-size:.95rem}.okpanel-documents-surface__panel-obstacles li{line-height:1.4}.okpanel-documents-surface__panel-obstacles p{margin:0;color:#475569}.okpanel-documents-surface__panels.okpanel-documents-surface__downloads .okpanel-documents-surface__panel-summary-icon{background:rgba(16,185,129,.2);color:#047857}.okpanel-documents-surface__downloads-body{margin-top:.75rem;display:flex;flex-direction:column;gap:.65rem}.okpanel-documents-surface__download-actions{display:flex;flex-wrap:wrap;gap:.65rem}.okpanel-documents-surface__download-note{margin:0;font-size:.9rem;color:#dc2626}.okpanel-configurator__mobile-notice{display:none;padding:48px 24px;text-align:center}.okpanel-configurator__layout{display:flex;flex-direction:column;height:calc(100vh - var(--okpanel-header-height, 0px));--okpanel-bottom-bar-height:60px}.okpanel-configurator{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-top:var(--okpanel-header-height,0px);padding-bottom:0;box-sizing:border-box;height:calc(100vh - var(--okpanel-header-height, 0px));max-height:calc(100vh - var(--okpanel-header-height, 0px));overflow:hidden}.okpanel-configurator__body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;padding-bottom:0}.okpanel-configurator[data-okpanel-step=documents] .okpanel-configurator__body{display:none}.okpanel-step{display:none}.okpanel-step.is-active{display:block}.okpanel-step--dimensions.is-active{flex:1;display:flex;flex-direction:column}.okpanel-dimensions-layout{flex:1;display:grid;grid-template-columns:minmax(280px, 20%) minmax(520px, 60%) minmax(280px, 20%);gap:20px;height:calc(100vh - var(--okpanel-header-height, 0px) - var(--okpanel-bottom-bar-height));min-height:0;overflow:hidden}.okpanel-dimensions-layout__left,.okpanel-dimensions-layout__center,.okpanel-dimensions-layout__right{height:100%;padding:0 4px 12px;min-height:0;display:flex;flex-direction:column;position:relative;max-height:calc(100vh - var(--okpanel-header-height, 0px) - var(--okpanel-bottom-bar-height));box-sizing:border-box}.okpanel-dimensions-layout__left,.okpanel-dimensions-layout__right{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding-bottom:12px}.okpanel-dimensions-layout__center{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding-bottom:12px}.okpanel-preview-toggle{display:inline-flex;gap:8px;margin-bottom:16px;background:rgba(15,23,42,.06);border-radius:12px;padding:4px}.okpanel-preview-toggle__button{border:none;background:0 0;padding:8px 14px;border-radius:8px;font-weight:600;color:#475569;cursor:pointer}.okpanel-preview-toggle__button.is-active{background:#fff;color:#0f172a;box-shadow:0 4px 12px rgba(15,23,42,.12)}.okpanel-preview-pane{display:none}.okpanel-preview-pane.is-active{display:block}.okpanel-2d-preview-note{padding:18px;border-radius:16px;background:rgba(15,23,42,.04);color:#475569}.okpanel-2d-preview-list{display:flex;flex-direction:column;gap:16px}.okpanel-2d-preview-item{border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#fff;padding:12px}.okpanel-2d-preview-item__title{margin:0 0 8px;font-size:15px;color:#1f2937}.okpanel-2d-preview-item__body .okpanel-obstacles-preview{margin:0}.okpanel-bottom-bar{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-top:1px solid rgba(15,23,42,.12);background:#fff;height:var(--okpanel-bottom-bar-height);z-index:20}.okpanel-stepper{display:flex;gap:8px}.okpanel-stepper__item{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 8px;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:0 0;font-weight:600;color:#94a3b8;pointer-events:none;font-size:.85rem}.okpanel-stepper__item span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:6px;background:rgba(148,163,184,.2);color:#64748b;font-size:11px;line-height:1}.okpanel-configurator[data-okpanel-step=installation] .okpanel-stepper__item[data-stepper-step=installation],.okpanel-configurator[data-okpanel-step=roof] .okpanel-stepper__item[data-stepper-step=roof],.okpanel-configurator[data-okpanel-step=dimensions] .okpanel-stepper__item[data-stepper-step=dimensions],.okpanel-configurator[data-okpanel-step=documents] .okpanel-stepper__item[data-stepper-step=documents]{color:#0f172a;border-color:rgba(15,23,42,.2)}.okpanel-configurator[data-okpanel-step=installation] .okpanel-stepper__item[data-stepper-step=installation] span,.okpanel-configurator[data-okpanel-step=roof] .okpanel-stepper__item[data-stepper-step=roof] span,.okpanel-configurator[data-okpanel-step=dimensions] .okpanel-stepper__item[data-stepper-step=dimensions] span,.okpanel-configurator[data-okpanel-step=documents] .okpanel-stepper__item[data-stepper-step=documents] span{background:rgba(15,23,42,.12);color:#0f172a}.okpanel-bottom-bar__actions{display:flex;align-items:center;gap:10px}.okpanel-bottom-bar__actions .okpanel-button{height:32px;padding:0 .95rem;border-radius:8px;font-size:.9rem;line-height:1;gap:.5rem}.okpanel-bottom-bar__actions .okpanel-button .dashicons{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px;line-height:1;flex:0 0 16px}.okpanel-bottom-bar__actions .okpanel-fullscreen__toggle .dashicons{width:16px;height:16px}.okpanel-bottom-bar__actions [data-step-visibility]{display:none}.okpanel-configurator[data-okpanel-step=roof] .okpanel-bottom-bar__actions [data-step-visibility~=roof],.okpanel-configurator[data-okpanel-step=dimensions] .okpanel-bottom-bar__actions [data-step-visibility~=dimensions],.okpanel-configurator[data-okpanel-step=documents] .okpanel-bottom-bar__actions [data-step-visibility~=documents]{display:inline-flex}@media (max-width:1024px){.okpanel-configurator__layout{display:none}.okpanel-configurator__mobile-notice{display:block}}.okpanel-3d-preview{margin:0 0 28px;padding:18px 18px 14px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:linear-gradient(145deg,#f7f6f2 0%,#eef3f8 100%);position:relative}.okpanel-3d-preview__header{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.okpanel-3d-preview__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.okpanel-3d-preview__header h3{margin:0;font-size:20px}.okpanel-3d-preview__header p{margin:0;color:#3b4858;font-size:14px}.okpanel-3d-preview__toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#1f2937}.okpanel-3d-preview__toggle input{width:16px;height:16px}.okpanel-3d-preview__viewport{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.9),rgba(215,226,238,.9));border:1px solid rgba(15,23,42,.12);min-height:260px}.okpanel-3d-preview__fullscreen{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.85);color:#1f2937;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.okpanel-3d-preview__fullscreen:hover,.okpanel-3d-preview__fullscreen:focus{transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.12)}.okpanel-3d-preview__fullscreen .dashicons{font-size:18px;width:18px;height:18px}.okpanel-3d-preview--fullscreen{position:fixed;inset:0;margin:0;border-radius:0;padding:20px 20px 16px;z-index:10000;display:flex;flex-direction:column;background:#f3f6fa}.okpanel-3d-preview--fullscreen .okpanel-3d-preview__viewport{flex:1;aspect-ratio:auto;min-height:0}.okpanel-3d-preview--fullscreen .okpanel-3d-preview__hint{margin-top:8px}.okpanel-3d-preview__viewport canvas{display:block;width:100%;height:100%}.okpanel-3d-preview__hint{margin:10px 0 0;font-size:13px;color:#5a6774}@media (max-width:768px){.okpanel-3d-preview{padding:14px 14px 12px}.okpanel-3d-preview__header h3{font-size:18px}}.woocommerce #pxl-main,.woocommerce-js #pxl-main{padding-bottom:0 !important}#pxl-footer-default{background-color:#fff !important;margin-bottom:90px!important}.okpanel-configurator .cky-btn-revisit-wrapper.cky-revisit-bottom-left,.okpanel-configurator+.cky-btn-revisit-wrapper.cky-revisit-bottom-left,.okpanel-configurator~.cky-btn-revisit-wrapper.cky-revisit-bottom-left,body:has(.okpanel-configurator) .cky-btn-revisit-wrapper.cky-revisit-bottom-left{display:none !important}