#pvc-form-root{font-family:Arial,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:12px;background:#f4f4f4} #pvc-form-root, #pvc-form-root *{box-sizing:border-box}
#pvc-form-root .grid,
#pvc-form-root .window .row,
#pvc-form-root .parts,
#pvc-form-root .openings,
#pvc-form-root .rowHeights{grid-template-columns:repeat(2, minmax(0, 1fr))}
#pvc-form-root label{min-width:0}
#pvc-form-root label > input,
#pvc-form-root label > select,
#pvc-form-root label > textarea{min-width:0}
#pvc-form-root .container{max-width:1200px;margin:auto;background:#fff;padding:22px;border-radius:14px;box-shadow:0 0 10px rgba(0,0,0,0.08)}
#pvc-form-root h1{margin:0 0 14px 0;font-size:28px}
#pvc-form-root fieldset{margin-bottom:16px;padding:14px;border-radius:10px;border:1px solid #d7d7d7}
#pvc-form-root legend{padding:0 6px}
#pvc-form-root label{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
#pvc-form-root label > input,#pvc-form-root label > select{flex:1;min-width:220px;padding:10px 10px;border:1px solid #d0d0d0;border-radius:10px}
#pvc-form-root input[type="checkbox"]{flex:0;min-width:auto}
#pvc-form-root .grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px}
#pvc-form-root .price{font-weight:700;margin-top:8px;font-size:16px}
#pvc-form-root .muted{color:#666;font-size:12px;margin-top:4px}
#pvc-form-root .window{border:1px dashed #bbb;padding:14px;margin-top:14px;border-radius:12px;position:relative}
#pvc-form-root .window .row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}
#pvc-form-root .parts,#pvc-form-root .openings,#pvc-form-root .rowHeights{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;margin-top:10px}
#pvc-form-root .parts div,#pvc-form-root .openings div,#pvc-form-root .rowHeights div{border:1px solid #eee;border-radius:12px;padding:10px;background:#fbfbfb}
#pvc-form-root .parts input,#pvc-form-root .rowHeights input{width:100%;padding:10px;border:1px solid #d0d0d0;border-radius:10px}
#pvc-form-root .openings select{width:100%;padding:10px;border:1px solid #d0d0d0;border-radius:10px}
#pvc-form-root canvas{border:1px solid #e2e2e2;margin-top:12px;display:block;background:#fafafa;border-radius:12px;width:100%;max-width:540px;height:auto;cursor:pointer}
#pvc-form-root button{padding:12px 14px;border-radius:12px;border:1px solid #d0d0d0;background:#f7f7f7;cursor:pointer}
#pvc-form-root button:hover{background:#efefef}
#pvc-form-root .primary{background:#0b67ff;border-color:#0b67ff;color:#fff}
#pvc-form-root .primary:hover{filter:brightness(0.95)}
#pvc-form-root .remove-btn{position:absolute;top:10px;right:10px;background:#e53935;color:#fff;border:none;padding:8px 10px;border-radius:10px;cursor:pointer}
#pvc-form-root .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
#pvc-form-root .actions button{flex:1;min-width:180px}
#pvc-form-root .status{margin-top:10px;font-weight:700}
#pvc-form-root .status.ok{color:#137333}
#pvc-form-root .status.err{color:#b00020}
@media (max-width:760px){ #pvc-form-root{overflow-x:hidden}
#pvc-form-root *{max-width:100%}
#pvc-form-root img, #pvc-form-root svg, #pvc-form-root video{max-width:100%;height:auto}
#pvc-form-root input, #pvc-form-root select, #pvc-form-root textarea, #pvc-form-root button{max-width:100%}
#pvc-form-root label, #pvc-form-root .muted, #pvc-form-root legend{overflow-wrap:anywhere;word-break:break-word}
#pvc-form-root .container, #pvc-form-root fieldset, #pvc-form-root .window{max-width:100%;overflow:hidden}
#pvc-form-root .actions{max-width:100%}
#pvc-form-root .actions > *{min-width:0}
#pvc-form-root{padding:10px}
#pvc-form-root .container{padding:14px;border-radius:14px}
#pvc-form-root h1{font-size:22px}
#pvc-form-root .grid{grid-template-columns:1fr}
#pvc-form-root .window .row{grid-template-columns:1fr}
#pvc-form-root label{display:block}
#pvc-form-root label > input,#pvc-form-root label > select{min-width:0;width:100%}
#pvc-form-root .actions button{min-width:0;width:100%}
#pvc-form-root .parts,#pvc-form-root .openings,#pvc-form-root .rowHeights{grid-template-columns:1fr}
} #pvc-windows .extra-notes{width:100%;box-sizing:border-box;} @media (min-width: 1024px){
#pvc-windows .extra-notes{
width:100%;
box-sizing:border-box;
display:block;
}
} #pvc-form-root .privacy{margin:10px 0 6px}
#pvc-form-root .privacy .chk{display:flex;gap:10px;align-items:flex-start;cursor:pointer;line-height:1.35}
#pvc-form-root .privacy input{margin-top:3px}
#pvc-form-root .privacy a{text-decoration:underline} body.ws-modal-open{overflow:hidden;}
#pvc-form-root .ws-drawing-wrap{max-width:100%;overflow:hidden;}
#pvc-form-root .ws-drawing-wrap canvas{max-width:100%;height:auto;display:block;}
#pvc-form-root .ws-zoom-btn{
margin:10px 0 2px 0;
padding:10px 14px;
border-radius:12px;
border:1px solid rgba(0,0,0,.12);
background:#f7f7f7;
font-size:14px;
width:100%;
box-sizing:border-box;
}
.ws-zoom-overlay{
position:fixed;
inset:0;
z-index:999999;
background:rgba(0,0,0,.55);
display:none;
align-items:center;
justify-content:center;
padding:14px;
}
.ws-zoom-overlay.open{display:flex;}
.ws-zoom-modal{
width:min(920px, 100%);
max-height:92vh;
background:#fff;
border-radius:16px;
overflow:hidden;
box-shadow:0 18px 60px rgba(0,0,0,.28);
position:relative;
display:flex;
flex-direction:column;
}
.ws-zoom-close{
position:absolute;
right:10px;
top:10px;
width:40px;
height:40px;
border-radius:12px;
border:1px solid rgba(0,0,0,.12);
background:#fff;
font-size:18px;
line-height:1;
}
.ws-zoom-head{
padding:14px 14px 10px 14px;
border-bottom:1px solid rgba(0,0,0,.08);
}
.ws-zoom-title{font-weight:700; font-size:16px;}
.ws-zoom-sub{opacity:.75; font-size:13px; margin-top:4px; line-height:1.35;}
.ws-zoom-canvaswrap{
padding:14px;
overflow:auto;
-webkit-overflow-scrolling:touch;
display:flex;
justify-content:center;
}
.ws-zoom-canvas-inner{min-width:100%; display:flex; justify-content:center;}
.ws-zoom-canvas-inner canvas{display:block;}
@media (max-width:480px){
.ws-zoom-modal{max-height:96vh;}
.ws-zoom-canvaswrap{padding:12px;}
}
@media (min-width: 761px){
#pvc-form-root .ws-zoom-btn{display:none;}
} .zoom-btn,
button[data-zoom],
a[data-zoom],
[data-zoom],
.hp-zoom,
.hp-zoom-btn,
.auf-zoom-btn {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}