html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:Arial,sans-serif;box-sizing:border-box}.app-container-4grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);width:100vw;height:100vh;gap:0;padding:0;box-sizing:border-box}.lu{grid-column:1 / 5;grid-row:1 / 10;overflow:auto}.ru{grid-column:5 / 13;grid-row:1 / 11;overflow:auto}.ld{grid-column:1 / 5;grid-row:10/ 13;overflow:auto}.rd{grid-column:5 / 13;grid-row:11 / 13;overflow:auto}.lu,.ru,.ld,.rd{height:100%;width:100%;box-sizing:border-box;padding:10px}.lu{background:#f2f8ff}.ru{background:#f9f2ff}.ld{background:#f2fff6}.rd{background:#fff8f2}svg{width:100%;height:100%;object-fit:contain;display:block;border:1px solid #ccc}.lu svg{width:100%;height:100%;object-fit:contain;display:block}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{padding:10px;border:1px solid #ddd;text-align:center}th{background-color:#f4f4f4}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}.controls-container{display:flex;flex-direction:column;gap:1rem}.slider-block{width:100%}.row-block{display:flex;align-items:flex-start;gap:2rem;margin-top:1rem}.half-width{flex:1}label,.data-type-switch label,.data-type-switch .active-label{font-family:Arial,sans-serif;font-size:14px;font-weight:400}.data-type-switch{display:flex;flex-direction:column;justify-content:flex-start}.slider-toggle{display:flex;align-items:center;gap:12px;margin-top:4px}.switch{position:relative;display:inline-block;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:34px}.switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.switch input:checked+.slider{background-color:#007bff}.switch input:checked+.slider:before{transform:translate(16px)}.slider-row{display:grid;grid-template-columns:120px 1fr 100px;align-items:center;gap:10px;margin-bottom:12px}.slider-value{text-align:left;font-weight:700;color:#007bff}.dropdown-container select,select{width:200px;min-width:200px;max-width:100%}