body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;color:#333}.lang-floating{position:fixed;top:12px;left:12px;z-index:1000;background:#444;color:#fff;border:none;padding:6px 10px;border-radius:6px;font-weight:700;cursor:pointer}.lang-floating:hover{background:#666}#div-canvas{flex:7;background-color:#f0f0f0;border-right:1px solid #ddd;display:flex;justify-content:center;align-items:center}#div-canvas canvas{border:1px solid black;display:block}.input-control,.btn-control{width:100%;padding:10px;margin-top:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-control:focus,.btn-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.btn-control{background-color:#007bff;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.btn-control:hover{background-color:#0056b3}.section-collapsible{margin-top:20px}.collapsible-header{cursor:pointer;font-weight:700;padding:8px 12px;border-radius:6px;transition:background-color .2s;display:flex;align-items:center;gap:6px}.collapsible-header:hover{background-color:#dcdcdc}.arrow{display:inline-block;transition:transform .2s ease;width:1em;text-align:center}.collapsible-header.hidden .arrow{transform:rotate(-90deg)}.collapsible-content.hidden{display:none}#list-polygons{margin:10px 0;padding:0;list-style:none}#list-polygons li{background:#fff;border:1px solid #ccc;border-radius:6px;margin:5px 0;padding:8px;transition:background-color .2s;text-align:center}#list-polygons li:hover{background-color:#e9f5ff;cursor:pointer}#div-controls{flex:3;background-color:#f4f6f8!important;padding:20px!important;overflow-y:auto;box-shadow:-4px 0 10px #0000000d}hr.controls{border:none;height:2px;background:linear-gradient(to right,#ddd,#ccc,#ddd);margin:20px 0;border-radius:1px;box-shadow:0 1px 2px #0000000d}input[type=color]{margin-right:10px;vertical-align:middle}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;justify-content:center;align-items:center;z-index:999}.modal{background:#fff;padding:20px;border-radius:12px;width:fit-content;min-width:400px;box-shadow:0 10px 30px #0003}.modal label{display:block;margin-top:10px;font-weight:700}.modal input:not([type=checkbox]),.modal select{width:100%;padding:6px;margin-top:4px;box-sizing:border-box;border:1px solid #ccc;border-radius:6px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal .poly-list{max-height:10vh;min-height:100px;overflow-y:auto;margin:10px 0;border:1px solid #ddd;padding:10px}.modal .poly-list label{display:block;margin:5px 0}.modal .long-actions{display:flex;flex-direction:column;gap:5px}.modal .relation-body{display:flex;min-width:800px;align-items:stretch}.relation-body .relation-log{flex:5;border:black 1px solid;margin-right:30px;max-width:100%;max-height:60vh;overflow:auto;font-family:Arial,Helvetica,sans-serif}.relation-body .relation-controls{flex:5;color:#000}.form-inline{display:flex;align-items:center;gap:4px;margin:14px 0}.form-inline label{display:inline;margin:0}