.ufov-trigger{display:inline-flex;align-items:center;gap:6px;color:#236c68;background:none;border:0;padding:0;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.ufov-trigger svg{width:17px;height:17px}.ufov-dialog{--ufov-ink:#23272a;--ufov-accent:#0fede2;color:var(--ufov-ink);width:min(1180px,96vw);max-width:96vw;max-height:94dvh;margin:auto;padding:0;border:1px solid #d8dede;border-radius:8px;background:#fff;box-shadow:0 24px 90px #0004;font-family:inherit;font-size:14px;letter-spacing:0}.ufov-dialog::backdrop{background:#17222299}.ufov-header{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #dde3e3}.ufov-product-image{width:52px;height:60px;flex:none}.ufov-product-image img{width:100%;height:100%;object-fit:contain}.ufov-heading{min-width:0;flex:1}.ufov-heading p{font-size:12px;margin:0 0 4px;color:#526260}.ufov-heading h2{font-size:20px;line-height:1.25;margin:0;overflow-wrap:anywhere}.ufov-header-actions{display:flex;gap:6px}.ufov-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #dbe0e0;background:white;border-radius:5px;cursor:pointer;color:var(--ufov-ink)}.ufov-icon svg{width:18px;height:18px}.ufov-icon:hover{background:#e9faf7}.ufov-body{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:0}.ufov-controls{padding:20px;border-right:1px solid #dde3e3;display:flex;flex-direction:column;gap:18px;max-height:calc(94dvh - 142px);overflow:auto}.ufov-controls label{display:block;font-size:12px;font-weight:600;line-height:1.6;margin:0}.ufov-controls label>span{float:right;font-weight:500}.ufov-controls input[type=number]{width:60px;height:26px;font-size:12px;padding:1px 4px;border:1px solid #d5dddd;border-radius:3px;background:#fff;color:var(--ufov-ink)}.ufov-controls input[type=range]{display:block;width:100%;margin:10px 0 0;height:18px;accent-color:#07958d;cursor:pointer}.ufov-controls select{display:block;width:100%;height:36px;border:1px solid #d5dddd;background:#fff;border-radius:4px;font:inherit;font-size:12px;color:var(--ufov-ink);padding:4px}.ufov-controls input:disabled{opacity:.5;cursor:default}.ufov-scope{margin:0;font-size:12px;color:#596867;line-height:1.5}.ufov-source{font-size:12px;color:#236c68;text-decoration:underline}.ufov-scene{padding:20px;min-width:0}.ufov-view-switch{display:inline-flex;border:1px solid #d8dfdf;border-radius:5px;padding:3px;gap:3px}.ufov-view-switch button{border:0;background:transparent;color:#41524f;font:inherit;font-weight:600;font-size:13px;padding:7px 15px;border-radius:3px;cursor:pointer}.ufov-view-switch button[aria-pressed=true]{background:#d8faf2;color:#164e46;box-shadow:inset 0 -2px #0fede2}.ufov-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 12px}.ufov-metrics span{display:block;font-size:11px;color:#5c6b69}.ufov-metrics strong{font-size:15px;font-variant-numeric:tabular-nums}.ufov-canvas{display:block;width:100%;height:auto;aspect-ratio:1.8;background:#fafcfc;border:1px solid #e1e7e7;border-radius:3px;cursor:crosshair;touch-action:pan-y}.ufov-status{font-size:12px;line-height:1.4;margin:10px 0;color:#3e5852;min-height:34px}.ufov-dori{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;border-top:1px solid #dfe6e4;padding-top:12px}.ufov-dori div{border-left:3px solid #168e83;padding-left:7px}.ufov-dori div:nth-child(2){border-color:#79b9a0}.ufov-dori div:nth-child(3){border-color:#d6b450}.ufov-dori div:nth-child(4){border-color:#cd8764}.ufov-dori dt{font-size:11px;color:#54615e}.ufov-dori dd{margin:2px 0 0;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.ufov-estimate{font-size:11px;color:#66736f;margin:9px 0 0;min-height:15px}.ufov-footer{padding:12px 20px;border-top:1px solid #dde3e3;background:#f6f8f8;font-size:11px;color:#65716e;line-height:1.45}.ufov-dialog button:focus-visible,.ufov-dialog input:focus-visible,.ufov-dialog select:focus-visible,.ufov-canvas:focus-visible,.ufov-trigger:focus-visible{outline:2px solid #157c72;outline-offset:3px}.ufov-open{overflow:hidden}.catalog-card-actions:has(.ufov-trigger){flex-wrap:wrap;gap:12px}.advisor-product .ufov-trigger{margin-top:8px}
@media(max-width:760px){.ufov-dialog{width:96vw;max-height:96dvh}.ufov-header{padding:12px;gap:10px}.ufov-heading h2{font-size:16px}.ufov-heading p{font-size:10px}.ufov-product-image{width:34px;height:44px}.ufov-header-actions{gap:4px}.ufov-icon{width:30px;height:32px}.ufov-body{grid-template-columns:1fr}.ufov-controls{border-right:0;border-top:1px solid #dde3e3;max-height:none;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.ufov-controls>label:first-child,.ufov-scope,.ufov-source{grid-column:1/-1}.ufov-scene{order:-1;padding:14px}.ufov-canvas{aspect-ratio:1.4}.ufov-metrics{margin-top:12px}.ufov-metrics strong{font-size:12px}.ufov-metrics span{font-size:9px}.ufov-dori{gap:4px}.ufov-dori dd{font-size:13px}.ufov-dori dt{font-size:10px}.ufov-view-switch button{font-size:12px}.ufov-footer{padding:12px}.ufov-status{min-height:32px}.ufov-controls input[type=number]{width:48px}.ufov-controls label{font-size:11px}}
.ufov-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:min(780px,94dvh);overflow:hidden}.ufov-body{overflow:hidden}.ufov-controls{max-height:none;min-height:0}.ufov-scene{display:grid;grid-template-rows:auto auto minmax(160px,1fr) auto auto auto;gap:8px;min-height:0;overflow:hidden}.ufov-metrics{margin:0}.ufov-canvas{height:100%;min-height:0;aspect-ratio:auto}.ufov-status{margin:0;min-height:0}.ufov-estimate{margin:0}.ufov-view-switch{justify-self:start}.ufov-dori{padding-top:8px}
.ufov-body{grid-template-rows:minmax(0,1fr)}.ufov-canvas{box-sizing:border-box;max-width:100%;max-height:100%}
.ufov-trigger[hidden]{display:none}
.ufov-plot>.ufov-canvas{touch-action:none}
.ufov-plot{position:relative;min-width:0;min-height:0}.ufov-plot>.ufov-canvas{width:100%;height:100%}.ufov-quality{position:absolute;right:12px;top:12px;width:205px;padding:12px;border:1px solid #c9dcd5;border-radius:6px;background:#fffffff5;box-shadow:0 5px 18px #193b2914;pointer-events:none}.ufov-quality-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.ufov-quality-heading span{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:#176658}.ufov-sample{width:100%;height:auto;display:block;margin-top:10px;border-radius:3px;aspect-ratio:2}.ufov-quality p{font-size:11px;font-weight:600;margin:8px 0 3px}.ufov-quality small{display:block;font-size:9px;color:#63716c;line-height:1.3}.ufov-icon:disabled{opacity:.5;cursor:progress}
@media(max-width:760px){.ufov-body{display:flex;flex-direction:column;overflow:auto}.ufov-scene{flex:none;height:auto;grid-template-rows:auto auto auto auto auto auto;gap:10px}.ufov-controls{flex:none;overflow:visible}.ufov-plot{display:grid;grid-template-rows:180px auto;gap:10px}.ufov-quality{position:static;width:auto;padding:10px 0;border:0;border-top:1px solid #dce6e0;border-radius:0;background:none;box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:4px 12px}.ufov-quality-heading{display:block;font-size:11px}.ufov-quality-heading span{display:block;margin-top:4px}.ufov-quality p{margin:0;font-size:10px}.ufov-quality small{font-size:9px}.ufov-sample{grid-column:2;grid-row:1/4;margin:0;align-self:center}}
.ufov-export{width:min(900px,96vw);max-width:96vw;max-height:94dvh;margin:auto;padding:0;border:1px solid #d8dede;border-radius:8px;background:white;color:#23272a;overflow:auto}.ufov-export::backdrop{background:#17222299}.ufov-export .ufov-header{justify-content:space-between}.ufov-export h2{font-size:16px;margin:0}.ufov-export>img{display:block;max-width:100%;max-height:76dvh;margin:auto;object-fit:contain}.ufov-export a:focus-visible,.ufov-export button:focus-visible{outline:2px solid #157c72;outline-offset:3px}
@media(max-width:760px){.ufov-dialog[open]{height:96dvh}.ufov-scene{grid-template-rows:repeat(6,auto);gap:6px;padding:12px}.ufov-controls{overflow:visible;padding:12px}.ufov-icon{width:44px;height:44px}.ufov-heading h2{font-size:14px}.ufov-product-image{width:28px}.ufov-header{gap:8px}.ufov-estimate{font-size:9px;line-height:1.3}.ufov-footer{font-size:10px}.ufov-controls input[type=range]{height:28px}.ufov-view-switch button{min-height:40px}}
@media(max-width:760px) and (max-height:700px){.ufov-scene{height:auto;box-sizing:border-box}.ufov-status,.ufov-estimate{min-height:min-content}}
@media(max-width:380px){.ufov-header{display:grid;grid-template-columns:32px 1fr}.ufov-product-image{grid-column:1;grid-row:1}.ufov-header-actions{grid-column:2;grid-row:1;justify-self:end}.ufov-heading{grid-column:1/-1;grid-row:2}.ufov-heading h2{overflow-wrap:anywhere}.ufov-export .ufov-header{display:flex}}
