#ls-svg{width:min(100%,1180px);min-height:620px;display:flex;align-items:center;justify-content:center}
.ls-drawing svg{width:100%;max-width:none;max-height:760px}
.ls-visual-feature>p{margin:0 0 9px;color:#657682;font-size:12px}.ls-eye-preview{position:relative;width:100%;height:165px;background:#d9d4ee center/contain no-repeat;border-radius:5px}
.ls-eye-preview button{position:absolute;min-width:0;padding:0;border:1px solid rgba(255,0,0,.65);background:transparent;cursor:pointer}.ls-eye-preview button:hover{border:2px solid rgba(255,0,0,.9);background:rgba(255,0,0,.12);box-shadow:0 0 8px rgba(255,0,0,.35)}.ls-eye-preview button>b{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);max-width:92%;padding:2px 5px;border-radius:3px;background:rgba(255,255,255,.92);color:#263746;font-size:11px;line-height:1.2;white-space:normal}.ls-eye-preview button>span{position:absolute;inset:0}.ls-eye-preview i{position:absolute;display:block;background:#50483e}.ls-eye-preview i.v{top:0;bottom:0;width:3px}.ls-eye-preview i.h{left:0;right:0;height:3px}
.ls-eye-summary>div{display:flex;justify-content:space-between;gap:7px;padding:6px 3px;border-bottom:1px solid #e1e6ea;font-size:11px}.ls-eye-summary span{text-align:right;color:#1373c4}
.ls-eye-modal{width:min(1050px,96vw)}.ls-eye-form{display:block}.ls-eye-form fieldset{margin:0 0 18px;padding:16px;border:1px solid #d7dfe5;border-radius:6px}.ls-eye-form legend{padding:0 8px;font-weight:700}.ls-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px}.ls-choice-grid button{min-height:120px;padding:8px;border:2px solid #d4dce2;background:#fff;color:#263746}.ls-choice-grid button.selected,.ls-yes-no button.selected{border-color:#7440c8;background:#f3edff;box-shadow:0 0 0 2px #7440c833}.ls-choice-grid img,.ls-clear-glass{display:block;width:100%;height:75px;object-fit:cover;border:1px solid #dce3e8}.ls-clear-glass{background:linear-gradient(135deg,#fafdff,#dff8fb)}.ls-choice-grid b{display:block;margin-top:6px}.ls-yes-no{display:flex;gap:8px;margin-bottom:14px}.ls-yes-no button{min-width:90px;padding:9px;border:2px solid #d4dce2;background:#fff;color:#263746}#ls-bars-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}#ls-bars-controls[hidden]{display:none}.ls-eye-form>#ls-eye-save{display:block;margin-left:auto;min-width:160px}
@media(max-width:700px){#ls-svg{min-height:390px}.ls-eye-preview{height:120px}#ls-bars-controls{grid-template-columns:1fr}}
.ls-selected-card{display:block}.ls-selection-control{display:grid!important;grid-template-columns:minmax(0,1fr) auto;width:100%;min-height:58px;margin:0!important;padding:0!important;overflow:hidden;border:1px solid #d6dee4!important;border-radius:5px!important;background:#fff!important;color:#263746!important;text-align:left;cursor:pointer}.ls-selection-control>span{display:flex;align-items:center;gap:10px;min-width:0;padding:7px}.ls-selection-control>span>b{overflow:hidden;text-overflow:ellipsis}.ls-selection-control>em{display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:68px;padding:7px 10px;background:#7440c8;color:#fff;font-style:normal;font-weight:600}.ls-selection-control:hover{border-color:#7440c8!important;background:#faf7ff!important}.ls-selection-control:hover>em{background:#6232b3}
.ls-feature-toggle{display:flex;gap:18px;margin:5px 0 10px}.ls-feature-toggle label{display:flex;grid-template-columns:none;align-items:center;gap:5px}.ls-feature-toggle input{width:auto}.ls-feature-content[hidden],#ls-eye-modal fieldset[hidden]{display:none}
.ls-dimensions>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:7px}.ls-dimensions>div>b{padding-bottom:11px;color:#9aa5ad}.ls-dimensions label{display:grid;gap:5px}.ls-dimensions label>span{display:grid;grid-template-columns:1fr auto;border:1px solid #cbd6de;background:#fff}.ls-dimensions input{min-width:0;width:100%;padding:9px 7px;border:0!important;border-radius:0!important;font-size:16px;text-align:center}.ls-dimensions input:focus{outline:2px solid #1687d9;outline-offset:-2px}.ls-dimensions em{display:flex;align-items:center;padding:0 7px;background:#e9edf0;color:#596975;font-style:normal;font-size:11px}.ls-dimensions p{margin:6px 0 0;color:#75838d;font-size:10px;line-height:1.3}
.ls-bars-config{margin-top:12px;padding:14px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px}.ls-bars-block{margin-bottom:18px}.ls-bars-block:last-child{margin-bottom:0}.ls-bars-block h3{margin:0 0 9px;font-size:13px;color:#495057}.ls-bars-block p{margin:4px 0 12px;color:#6c757d;font-size:12px;font-style:italic}.ls-bar-width-options{display:flex;flex-wrap:wrap;gap:12px}.ls-bar-width-options label{display:flex;grid-template-columns:none;align-items:center;gap:5px}.ls-bar-width-options input{width:auto}.ls-bar-color-display{display:flex;align-items:center;gap:10px;padding:9px;background:#fff;border:1px solid #dee2e6;border-radius:4px}.ls-bar-color-display i{width:38px;height:38px;border:1px solid #d5dce1;border-radius:3px}.ls-bar-color-display span{flex:1}.ls-bar-color-display button{padding:7px 11px;border:0;border-radius:4px;background:#7440c8;color:#fff;font-weight:600;cursor:pointer}.ls-eye-preview button>b:empty{display:none}.ls-eye-preview[data-feature="bars"] button>b{background:#0676d8;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}.ls-bar-color-modal{width:min(720px,94vw)}.ls-bar-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px;padding:18px}.ls-bar-color-grid button{padding:9px;border:2px solid #dee2e6;border-radius:5px;background:#fff;cursor:pointer}.ls-bar-color-grid button:hover{border-color:#7440c8}.ls-bar-color-grid i{display:block;width:100%;height:55px;margin-bottom:6px;border:1px solid #d5dce1;background:var(--color)}.ls-bar-color-grid b{font-size:12px}.ls-eye-modal:has(fieldset[data-eye-feature="bars"]:not([hidden])){width:min(420px,94vw)}.ls-eye-modal fieldset[data-eye-feature="bars"] #ls-bars-controls{grid-template-columns:1fr 1fr}
.ls-drawing-dimension-input{position:fixed;z-index:20000;width:96px;height:36px;padding:4px 7px;transform:translate(-50%,-50%);box-sizing:border-box;border:2px solid #1687d9;border-radius:2px;background:#fff;color:#222;font:700 16px/1 Arial,sans-serif;text-align:center;box-shadow:0 1px 5px rgba(0,0,0,.2);outline:none}.ls-drawing-dimension-input:focus{border-color:#0066cc;box-shadow:0 0 0 2px rgba(0,102,204,.18)}@media(max-width:768px){.ls-drawing-dimension-input{width:108px;height:42px;font-size:18px}}
.ls-glazing-filters{display:flex;flex-wrap:wrap;gap:9px;padding:16px 20px;border-bottom:1px solid #dce3e8;background:#f8fafb}.ls-glazing-filters button{padding:9px 13px;border:2px solid #d7e0e6;border-radius:5px;background:#fff;color:#263746;font-weight:700;cursor:pointer}.ls-glazing-filters button.active{border-color:#6c3fc5;background:#6c3fc5;color:#fff}#ls-modal-glazing .ls-modal-grid{grid-template-columns:repeat(5,minmax(145px,1fr));max-height:calc(86vh - 155px)}@media(max-width:850px){#ls-modal-glazing .ls-modal-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}}@media(max-width:520px){.ls-glazing-filters{flex-wrap:nowrap;overflow-x:auto}.ls-glazing-filters button{flex:0 0 auto}#ls-modal-glazing .ls-modal-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}
.ls-modal-grid:has(.ls-color-group){display:block;padding:10px 20px 20px}.ls-color-group{padding:12px 0;border-bottom:1px solid #dce3e8}.ls-color-group:last-child{border-bottom:0}.ls-color-group h3{margin:0 0 10px;color:#344956;font-size:14px}.ls-color-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.ls-color-choices .ls-option{min-height:112px}.ls-color-choices .ls-option img{height:68px;object-fit:cover}.ls-color-choices .ls-option i{height:68px}.ls-color-group[hidden]{display:none}
.ls-eye>g rect{stroke:none}