:root{--ui-ink: #000000;--ui-on-ink: #ffffff;--ui-canvas: #f3f3f3;--ui-surface: #ffffff;--ui-surface-muted: #f7f7f7;--ui-surface-strong: #e8e8e8;--ui-border: #cecece;--ui-border-strong: #8a8a8a;--ui-shadow: rgb(0 0 0 / 14%);--ui-error: #8b2424;--ui-error-background: #fff0ef;color-scheme:light;background:var(--ui-canvas);color:var(--ui-ink);font-family:Arial,Helvetica,system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{background:var(--ui-canvas);color:var(--ui-ink);margin:0;min-height:100%}button,input,textarea{font:inherit}input{accent-color:var(--ui-ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.e[type=range]{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer;height:2.75rem;margin:0;min-width:0;padding:0;width:100%}.e::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--ui-ink) 0 var(--range-progress),var(--ui-surface-strong) var(--range-progress) 100%);border:0;border-radius:999px;height:8px}.e::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:999px;box-shadow:0 1px 3px var(--ui-shadow);height:16px;margin-top:-4px;width:24px}.e::-moz-range-track{background:linear-gradient(to right,var(--ui-ink) 0 var(--range-progress),var(--ui-surface-strong) var(--range-progress) 100%);border:0;border-radius:999px;height:8px}.e::-moz-range-thumb{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:999px;box-shadow:0 1px 3px var(--ui-shadow);height:16px;width:24px}.e[type=range]:focus-visible{border-radius:4px;outline:2px solid var(--ui-ink);outline-offset:2px}.e[type=range]:disabled{cursor:not-allowed;opacity:.55}.p{display:grid;gap:.45rem;min-width:0}.s{color:var(--ui-ink);font-size:.9rem;font-weight:700}.r{align-items:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:.65rem;display:flex;min-width:0;overflow:hidden}.r:focus-within{border-color:var(--ui-ink);box-shadow:0 0 0 3px var(--ui-shadow)}.r input{appearance:textfield;background:transparent;border:0;color:var(--ui-ink);font:inherit;font-weight:650;min-width:0;padding:.7rem .75rem;width:100%}.r input:focus{outline:0}.r span{color:var(--ui-ink);padding-right:.75rem}.m{color:var(--ui-ink);display:flex;font-size:.72rem;justify-content:space-between;line-height:1.2}.g{color:var(--ui-error);font-size:.78rem;font-style:normal;line-height:1.35;margin:0}.x{color:var(--ui-ink)}.r .o{display:flex;align-self:stretch;padding:0}.r .o button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;border:0;border-left:1px solid var(--ui-border);border-radius:0;background:var(--ui-surface);color:var(--ui-ink);font-size:10px;cursor:pointer}.d::-webkit-inner-spin-button,.d::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.n{display:flex;justify-content:flex-end;margin:-6px 0 8px}.n .u{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;min-height:26px;line-height:1;width:26px;height:26px;padding:0;border:1px solid var(--ui-border-strong);border-radius:50%;background:var(--ui-surface);color:var(--ui-ink);font:inherit;cursor:pointer}.i{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);color:var(--ui-ink);box-shadow:0 8px 32px var(--ui-shadow)}.i::backdrop{background:#0000004d}.a{display:flex;align-items:center;justify-content:space-between;gap:12px}.a h3{margin:0;font-size:16px}.i .a button{padding:8px 12px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-ink);cursor:pointer}.i figure{margin:16px 0 0}.i img{display:block;width:100%;height:auto;max-height:220px;object-fit:contain}.i figcaption{margin-top:8px;font-size:14px;font-weight:600}.t h4{margin:0 0 12px;font-size:14px;line-height:1.4}.t img{display:block;width:100%;height:auto;max-height:280px;object-fit:contain}.a h3:focus{outline:none}.i p{font-size:14px;line-height:1.55}.veranda-demo{height:100dvh;min-height:600px;width:100%;display:grid;grid-template-columns:340px minmax(0,1fr);background:var(--ui-surface);color:var(--ui-ink);font-family:Arial,Helvetica,system-ui,sans-serif}.veranda-demo:fullscreen{width:100vw;height:100dvh}.veranda-demo button{font:inherit;font-size:13px;border:1px solid var(--ui-border);border-radius:8px;padding:10px 12px;color:var(--ui-ink);background:var(--ui-surface);cursor:pointer}.veranda-demo button:disabled{opacity:.45;cursor:default}.veranda-demo :focus-visible{outline:2px solid var(--ui-ink);outline-offset:3px}.veranda-demo fieldset{border:0;padding:0;margin:0;min-width:0}.veranda-demo legend{font-size:14px;font-weight:700;margin-bottom:10px}.veranda-demo summary{cursor:pointer;font-size:13px;padding:8px 0}.veranda-demo__visual{grid-column:2;grid-row:1;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}.veranda-demo__toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:12px;background:var(--ui-surface-muted)}.veranda-demo__toolbar p{font-size:13px;margin:0}.veranda-demo__toolbar button{flex-shrink:0}.veranda-demo__scene{min-height:0;min-width:0}.veranda-demo__scene .veranda-viewer__stage{position:relative;overflow:hidden;min-height:0}.veranda-demo__scene canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.veranda-demo__scene .veranda-viewer__camera{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px;background:var(--ui-surface-muted);border-top:1px solid var(--ui-border)}.veranda-demo__scene .is-active{background:var(--ui-surface-strong);border-color:var(--ui-ink)}.veranda-demo__panel{grid-row:1;grid-column:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;border-right:1px solid var(--ui-border)}.veranda-demo__panel header{padding:20px 24px 12px}.veranda-demo__panel h1{margin:0;font-size:20px}.veranda-demo__panel h1 span{font-size:13px;font-weight:400}.veranda-demo__panel header p{font-size:13px;margin:8px 0 0;line-height:1.5}.veranda-demo__controls{padding:12px 24px 20px;display:grid;align-content:start;gap:20px;overflow:auto;overscroll-behavior-y:contain}.veranda-demo__mounting,.veranda-demo__finishes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.veranda-demo__option{display:flex;align-items:center;gap:6px;font-size:13px;border:1px solid var(--ui-border);border-radius:8px;padding:10px 8px;cursor:pointer}.veranda-demo__option:has(input:checked){border-color:var(--ui-ink);background:var(--ui-surface-strong);box-shadow:inset 0 0 0 1px var(--ui-ink)}.veranda-demo__option input{margin:0;width:16px;height:16px;accent-color:var(--ui-ink)}.veranda-demo__swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--ui-border-strong);flex-shrink:0}.veranda-demo__heights{display:grid;gap:16px;padding-top:12px}.veranda-demo__panel footer{border-top:1px solid var(--ui-border);padding:16px 24px;background:var(--ui-surface-muted);max-height:48dvh;overflow:auto}.veranda-demo__price>span{font-size:12px;display:block}.veranda-demo__price strong{font-size:26px;line-height:1.4;display:block}.veranda-demo__price small{font-size:12px;font-weight:400}.veranda-demo__price p{font-size:13px;margin:8px 0}.veranda-demo__panel dl{font-size:12px;margin:8px 0}.veranda-demo__panel dl>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.veranda-demo__panel dd{margin:0;flex-shrink:0}.veranda-demo__disclaimer{font-size:11px;line-height:1.45;margin:8px 0 12px}.veranda-demo__actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:760px){.veranda-demo{grid-template-columns:minmax(0,1fr);grid-template-rows:40% minmax(0,1fr);min-height:760px}.veranda-demo__visual{grid-row:1;grid-column:1}.veranda-demo__panel{grid-row:2;grid-column:1;border-right:0;border-top:1px solid var(--ui-border)}.veranda-demo__panel header{padding:12px 16px 4px}.veranda-demo__panel header p{display:none}.veranda-demo__controls{padding:12px 16px;gap:16px}.veranda-demo__panel footer{padding:12px 16px;max-height:32dvh}.veranda-demo__toolbar{padding:8px 12px}.veranda-demo__toolbar p{font-size:11px}.veranda-demo__scene .veranda-viewer__camera{padding:8px 12px}.veranda-demo__scene .veranda-viewer__camera button{padding:8px;font-size:12px}}