.text_binary_section {display: flex;justify-content: space-between;gap: 20px;max-width: 1140px;margin: 0 auto;padding: 0 20px;}.textarea-wrapper, .binary-input {flex:1;}@media (max-width: 768px) {.text_binary_section {flex-direction: column;}}.textarea-wrapper {position: relative;}.textarea-wrapper textarea {width: 100%;}textarea, .binary-input {resize: none;height: 200px;padding: 10px;font-size: 16px;border: 2px solid #999;border-radius: 3px;}textarea:focus, .binary-input:focus {border-color: #AF212E;}.binary-input {overflow: auto;white-space: pre-wrap;word-wrap: break-word;}.binary-input[contenteditable="true"]:empty:before {content: attr(data-placeholder);color: #999;}.img_block_section {min-height:140px;padding: 20px;background-color: #e9e9e9;}.img_block_section.dark-mode {background-color: #000;}.img_block {display: flex;flex-wrap: wrap;justify-content: center;gap: 5px;margin: 0 auto;width: 100%;max-width: 1140px;}.svg_container {position: relative;width: 100px;height: 100px;}.svg_container svg {width: 100%;height: 100%;cursor: pointer;transform: rotate(180deg);}.svg_container circle.active, .svg_container polygon.active {stroke: #000;stroke-width: 2;fill: none;filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5));}.img_block_section.dark-mode circle.active, .img_block_section.dark-mode polygon.active {stroke: #fff;stroke-width: 3;filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.9));}.tooltip {position: absolute;top: 0;left: 50%;transform: translate(-50%, -40%);background: rgba(0, 0, 0, 0.8);color: white;padding: 8px;border: 2px solid #fff;border-radius: 3px;display: none;pointer-events: none;font-size: 15px;text-align: center;}.svg_container:hover .tooltip, .svg_container:active .tooltip {display: block;}.dark_mode_toggle {text-align: center;}.dark_mode_toggle label {padding: 12px 10px;cursor: pointer;}.buttons {display: flex;justify-content: flex-end;align-items: center;gap: 40px;margin: 20px auto 30px auto;max-width: 1140px;padding: 0 20px;}@media (max-width: 500px) {.buttons {flex-direction: column;}}.button_1, .button_2 {min-width: 100px;padding: 16px 22px;font-size: 16px;border: none;cursor: pointer;border-radius: 3px;transition: all 0.4s ease;}.button_1 {color: #fff;background-color: #000;}.button_2 {color: #fff;background-color: #AF212E;}.button_1:hover {background-color: #555;}.button_2:hover {background-color: #555;}.invalid-binary {color: red;}.binary-chunk {display: inline-block;margin-right: 3px;}.char-counter {position: absolute;bottom: 15px;right: 10px;font-size: 13px;color: #555;background: rgba(255, 255, 255, 0.8);padding: 5px 5px;border-radius: 3px;}.modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 9999;}.modal-content {position: relative;background: white;margin: 30px auto;padding: 20px;width: 90%;max-width: 900px;max-height: 90vh;overflow: auto;}.modal-controls {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;margin-bottom: 30px;}.modal-img-block {display: flex;flex-wrap: wrap;justify-content: center;gap: 5px;width: 100%;height: auto;}.modal-img-block .svg_container .tooltip {display: none;}.svg_container {cursor: default;}.modal .svg_container {position: relative;width: 160px;height: 160px;}@media print {.top_button {visibility: hidden;}body > *:not(.modal) {display: none;}.modal {display: block;position: static;background: none;width: 100%;height: auto;}.modal-content {margin: 0;padding: 20px;width: 100%;max-width: none;max-height: none;overflow: visible;background: inherit;}.modal-controls {display: none;}.svg_container {page-break-inside: avoid;}}