.wo-sketch-fallback{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;background:#fff;border:2px dashed #a8bad2;border-radius:18px;padding:28px;margin-top:28px}.wo-sketch-fallback h2{font-size:30px;margin:3px 0}.wo-sketch-fallback p{color:var(--muted);margin:5px 0}.wo-sketch-upload{min-width:250px;border-radius:14px;background:#edf4ff;color:var(--blue);padding:22px;text-align:center;cursor:pointer}.wo-sketch-upload input{position:absolute;opacity:0;pointer-events:none}.wo-sketch-upload span,.wo-sketch-upload small{display:block}.wo-sketch-upload span{font-weight:900}.wo-sketch-upload small{color:var(--muted);margin-top:4px}.wo-selected-preview{display:grid!important;place-items:center}.wo-selected-preview>span{color:#fff;font-weight:900;text-align:center;padding:20px}.wo-case-form select{width:100%;height:50px;border:1px solid #ced8e6;border-radius:11px;padding:0 13px;margin-top:6px;background:#fff;font:inherit}.wo-case-option-box{border:1px solid var(--line);border-radius:14px;padding:20px;background:#f7f9fc}.wo-case-option-box>b{font-size:18px}.wo-case-option-box>p{font-size:13px;color:var(--muted);margin:5px 0 15px}.wo-height-choice{border:0;padding:0;margin:15px 0 0;display:flex;gap:10px;flex-wrap:wrap}.wo-height-choice[hidden]{display:none}.wo-height-choice legend{font-size:13px;font-weight:850;margin-bottom:8px}.wo-height-choice input{position:absolute;opacity:0}.wo-height-choice label span{display:block;border:1px solid #cbd6e4;background:#fff;border-radius:10px;padding:11px 13px;cursor:pointer}.wo-height-choice input:checked+span{border-color:var(--blue);background:#eaf2ff;color:var(--blue)}.wo-form-sketch{display:grid;gap:8px;border:1px solid #9ab9ee;background:#eef5ff;border-radius:13px;padding:16px}.wo-form-sketch[hidden]{display:none}.wo-form-sketch img{max-width:240px;max-height:180px;border-radius:9px}.wo-form-sketch span{font-weight:800}.wo-form-sketch small{color:var(--muted)}
@media(max-width:700px){.wo-sketch-fallback{grid-template-columns:1fr}.wo-sketch-upload{min-width:0}.wo-height-choice{display:grid}}
.wo-window-spec{border:1px solid var(--line);border-radius:16px;padding:22px;background:#f7f9fc;display:grid;gap:18px}.wo-window-spec__title b{font-size:20px}.wo-window-spec__title p{margin:4px 0 0;color:var(--muted);font-size:13px}.wo-window-spec__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wo-window-spec label{font-size:13px;font-weight:850}.wo-window-spec label>span:not(.wo-glass-sample),.wo-glass-picker legend span{color:#d62c45}.wo-window-spec select{width:100%;height:50px;border:1px solid #ced8e6;border-radius:11px;padding:0 13px;margin-top:6px;background:#fff;font:inherit}.wo-glass-picker{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wo-glass-picker legend{font-size:14px;font-weight:900;margin-bottom:10px}.wo-glass-picker label{position:relative;background:#fff;border:2px solid #d5deea;border-radius:13px;padding:10px;cursor:pointer}.wo-glass-picker input{position:absolute;opacity:0}.wo-glass-picker label:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,91,234,.12)}.wo-glass-picker b,.wo-glass-picker small{display:block}.wo-glass-picker small{color:var(--muted);margin-top:2px}.wo-glass-sample{display:block;height:100px;border-radius:9px;margin-bottom:9px;border:1px solid #b8c9d8}.wo-glass-sample--clear{background:linear-gradient(135deg,rgba(216,246,255,.35),rgba(255,255,255,.92) 48%,rgba(189,233,247,.38))}.wo-glass-sample--satin{background:linear-gradient(135deg,#edf2f4,#cfd8dc 48%,#f7f9fa);filter:blur(.1px)}.wo-glass-sample--stippolyte{background-color:#dce8eb;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95) 0 2px,rgba(130,162,171,.28) 3px 5px,transparent 6px),radial-gradient(circle at 70% 65%,rgba(255,255,255,.8) 0 1px,rgba(111,150,161,.3) 2px 4px,transparent 5px);background-size:18px 18px,15px 15px}
@media(max-width:700px){.wo-window-spec__grid{grid-template-columns:1fr}.wo-glass-picker{grid-template-columns:1fr}.wo-glass-sample{height:130px}}
.wo-glass-picker img.wo-glass-sample{width:100%;height:130px;object-fit:cover}