.app-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#f0f0f0;background-color:#1e1e2e}.app-header{text-align:center;margin-bottom:30px}.app-header h1{font-size:2.5rem;color:#89b4fa;margin-bottom:.5rem;text-shadow:0 0 10px rgba(137,180,250,.3)}.subtitle{color:#cdd6f4;font-size:1.1rem}.app-main{display:flex;flex-direction:column;gap:25px}.error-message{padding:15px;background-color:#f4433626;border-left:5px solid #f44336;color:#ffb4ab;border-radius:4px}.input-form-container{background-color:#1e1e2e80;padding:25px;border-radius:12px;box-shadow:0 2px 15px #0003;border:1px solid rgba(137,180,250,.15)}.input-form-container h3{color:#89b4fa;margin-top:0;margin-bottom:20px;font-size:1.3rem}.input-type-selector{display:flex;flex-wrap:wrap;gap:25px;margin-bottom:20px}.input-type-selector label{display:flex;align-items:center;cursor:pointer;padding:10px 15px;background-color:#313244cc;border-radius:8px;transition:all .3s ease;border:1px solid transparent}.input-type-selector label:hover{background-color:#45475acc}.input-type-selector input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;margin-right:10px;border:2px solid #585b70;outline:none;cursor:pointer}.input-type-selector input[type=radio]:checked{border-color:#89b4fa;background-color:#89b4fa;box-shadow:0 0 5px #89b4fa80}.text-input-container{margin-bottom:20px}.text-input{width:100%;padding:15px;border:1px solid rgba(137,180,250,.2);border-radius:8px;resize:vertical;background-color:#11111b;color:#cdd6f4;font-family:Fira Code,Courier New,monospace;font-size:1rem;line-height:1.5;min-height:120px;transition:all .3s ease}.text-input:focus{outline:none;border-color:#89b4fa;box-shadow:0 0 0 2px #89b4fa33}.text-input::placeholder{color:#6c7086}.file-input-container{margin-bottom:20px}.custom-file-input{display:flex;align-items:center;gap:15px;width:100%;border:1px solid rgba(137,180,250,.2);border-radius:8px;padding:10px 15px;background-color:#11111b}.file-select-button{padding:10px 18px;background-color:#89b4fa;color:#1e1e2e;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;white-space:nowrap;transition:all .3s ease}.file-select-button:hover{background-color:#74c7ec;transform:translateY(-2px);box-shadow:0 3px 10px #74c7ec4d}.file-name{margin-top:0;font-size:.95rem;color:#a6adc8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.submit-button{padding:12px 25px;background-color:#a6e3a1;color:#1e1e2e;border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;margin-top:10px;position:relative;overflow:hidden}.submit-button:hover:not(:disabled){background-color:#94e2cd;transform:translateY(-2px);box-shadow:0 5px 15px #a6e3a14d}.submit-button:active:not(:disabled){transform:translateY(1px)}.submit-button:disabled{background-color:#585b70;cursor:not-allowed;opacity:.8}.submit-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#ffffff1a,#fff0);transform:rotate(45deg);animation:shimmer 3s infinite;z-index:1;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.output-container{background-color:#1e1e2e80;padding:20px;border-radius:12px;box-shadow:0 2px 15px #0003;border:1px solid rgba(137,180,250,.15);margin-top:20px}.output-container h3{margin-top:0;margin-bottom:15px;color:#89b4fa;font-size:1.2rem;font-weight:500}.output-table{width:100%;border-collapse:separate;border-spacing:0}.output-table th{background-color:#313244e6;color:#cdd6f4;font-weight:500;text-align:left;padding:12px 15px;border-bottom:2px solid rgba(137,180,250,.25);position:relative}.output-table th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#89b4fa1a,#89b4fa4d,#89b4fa1a)}.output-table td{padding:10px 15px;border-bottom:1px solid rgba(69,71,90,.4);color:#cdd6f4;vertical-align:top}.output-table tr{transition:background-color .2s ease}.output-table tbody tr:hover{background-color:#45475a4d}.field-number{font-weight:500;color:#f9e2af;min-width:50px}.type-text,.type{color:#89b4fa;font-family:Fira Code,Courier New,monospace;padding:2px 5px;background-color:#89b4fa14;border-radius:4px;font-size:.9rem}.type-selector{padding:4px 25px 4px 8px;border:1px solid rgba(137,180,250,.3);border-radius:4px;background-color:#1e1e2ecc;color:#89b4fa;font-family:Fira Code,Courier New,monospace;font-size:.9rem;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2389b4fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 5px center;background-size:12px;transition:all .2s ease}.type-selector:hover,.type-selector:focus{border-color:#89b4fa80;outline:none}.type-selector-container{display:flex;align-items:center;gap:8px}.wire-type-badge{font-size:11px;color:#a6adc8;padding:2px 5px;background-color:#31324499;border-radius:4px;white-space:nowrap;margin-left:6px;font-family:Fira Code,Courier New,monospace}.toggle-button{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background-color:#313244cc;border:1px solid rgba(137,180,250,.2);border-radius:4px;cursor:pointer;font-size:12px;color:#cdd6f4;padding:0;margin-right:10px;transition:all .2s ease}.toggle-button:hover{background-color:#45475acc;border-color:#89b4fa66;color:#89b4fa}.message-header,.repeated-header,.alternatives-header,.map-header{display:flex;align-items:center;padding:8px 12px;background-color:#31324466;border:1px solid rgba(137,180,250,.1);border-radius:6px;margin:5px 0;cursor:pointer;transition:all .2s ease}.message-header:hover,.repeated-header:hover,.alternatives-header:hover,.map-header:hover{background-color:#45475a80;border-color:#89b4fa33}.header-text{font-weight:500;color:#cdd6f4}.nested-table{width:100%;border-collapse:separate;border-spacing:0;margin:8px 0;background-color:#31324433;border-radius:6px;overflow:hidden;border:1px solid rgba(137,180,250,.1)}.nested-table td{padding:8px 10px;border-bottom:1px solid rgba(69,71,90,.2);color:#cdd6f4}.nested-table-container{padding-left:20px;margin:8px 0}.map-table{border:1px solid rgba(137,180,250,.15);border-radius:6px;margin:10px 0;background-color:#3132444d}.map-table th{background-color:#1e1e2e99;color:#cdd6f4;font-weight:500;text-align:left;padding:10px;border-bottom:1px solid rgba(137,180,250,.15)}.map-key,.map-value{padding:10px;vertical-align:top;color:#cdd6f4}.map-key{width:30%;background-color:#31324466;border-right:1px solid rgba(137,180,250,.1)}.no-data,.empty-message{padding:12px;color:#a6adc8;font-style:italic;background-color:#31324433;border-radius:6px;margin:8px 0 8px 30px}.bytes-display{font-family:Fira Code,Courier New,monospace;word-break:break-all;background-color:#1e1e2e80;padding:8px;border-radius:4px;max-width:100%;color:#89b4fa;font-size:.9rem;border:1px solid rgba(137,180,250,.1)}.controls-container{margin-bottom:20px;background-color:#31324466;padding:15px;border-radius:8px;border:1px solid rgba(137,180,250,.1)}.global-controls{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.control-button{padding:8px 15px;background-color:#31324499;color:#cdd6f4;border:1px solid rgba(137,180,250,.2);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.control-button:hover{background-color:#45475ab3;border-color:#89b4fa66}.control-button.active{background-color:#89b4fa33;color:#89b4fa;border-color:#89b4fa80}.separator{width:1px;height:24px;background-color:#89b4fa33;margin:0 5px}.usage-hint{background-color:#89b4fa14;border-left:3px solid rgba(137,180,250,.4);padding:10px 15px;margin-top:10px;border-radius:0 6px 6px 0;font-size:.9rem}.usage-hint p{margin:0;color:#a6adc8;line-height:1.5}.usage-hint strong{color:#cdd6f4;font-weight:500}.data-info-badge{padding:6px 12px;border-radius:6px;font-size:.85rem;display:inline-flex;align-items:center}.data-info-badge.compressed{background-color:#a6e3a11a;color:#a6e3a1;border:1px solid rgba(166,227,161,.3)}.data-info-badge.remaining{background-color:#f9e2af1a;color:#f9e2af;border:1px solid rgba(249,226,175,.3)}.table-scroll-container{position:relative;overflow:auto;max-width:100%;border:1px solid rgba(137,180,250,.2);border-radius:8px;background-color:#1e1e2e66;max-height:70vh;min-height:200px}.table-scroll-container.drag-mode{cursor:grab;border-color:#89b4fa66}.table-scroll-container.drag-mode.dragging{cursor:grabbing}@media (max-width: 768px){.output-table{font-size:14px}.output-table td,.output-table th{padding:8px}.toggle-button{width:20px;height:20px;font-size:12px}}.language-switcher{position:absolute;top:20px;right:20px;z-index:100}.language-select{padding:8px 30px 8px 12px;border:1px solid rgba(137,180,250,.3);border-radius:8px;background-color:#1e1e2ecc;color:#cdd6f4;font-size:.95rem;cursor:pointer;min-width:120px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cdd6f4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;transition:all .3s ease}.language-select:hover{border-color:#89b4fa;background-color:#313244cc}.language-select:focus{outline:none;border-color:#89b4fa;box-shadow:0 0 0 2px #89b4fa33}[dir=rtl] .app-container{direction:rtl;text-align:right}[dir=rtl] .language-switcher{left:20px;right:auto}[dir=rtl] .language-select{background-position:left 8px center;padding-right:12px;padding-left:30px}@media (max-width: 768px){.language-switcher{position:relative;top:0;right:0;display:flex;justify-content:flex-end;margin-bottom:15px}[dir=rtl] .language-switcher{left:0;justify-content:flex-start}}.parse-options{background-color:#f0f5ff14;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 10px #0003;border:1px solid rgba(137,180,250,.2)}.parse-options h3{color:#cba6f7;margin-top:0;margin-bottom:15px;font-size:1.3rem}.option-controls{display:flex;flex-wrap:wrap;gap:25px;margin-top:15px}.option-item{display:flex;flex-direction:column;gap:5px;padding:15px;background-color:#1e1e2e99;border-radius:8px;border:1px solid rgba(137,180,250,.15);min-width:250px;transition:all .3s ease}.option-item:hover{border-color:#89b4fa66;box-shadow:0 0 10px #89b4fa1a}.option-item input[type=checkbox]{position:relative;width:36px;height:18px;-webkit-appearance:none;appearance:none;background:#334;border-radius:20px;transition:.5s;box-shadow:inset 0 0 5px #0003;cursor:pointer;margin-right:10px}.option-item input:checked[type=checkbox]{background:#89b4fa}.option-item input[type=checkbox]:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;top:1px;left:1px;background:#fff;transition:.5s;transform:scale(1.1);box-shadow:0 2px 5px #0003}.option-item input:checked[type=checkbox]:before{left:19px}.option-item span{font-weight:500;display:flex;align-items:center;color:#cdd6f4;font-size:1.05rem}.option-item small{color:#a6adc8;font-size:.85em;margin-left:0;margin-top:5px}.input-hint{background-color:#fab3871a;border-left:4px solid #fab387;padding:12px 15px;margin:15px 0;border-radius:0 8px 8px 0;font-size:.95rem;color:#f5c2a9}.data-info-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.data-info-badge{padding:5px 10px;border-radius:4px;font-size:.85em;display:inline-flex;align-items:center}.data-info-badge.compressed{background-color:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.data-info-badge.remaining{background-color:#fff3e0;color:#e65100;border:1px solid #ffcc80}.segments-container{margin-top:20px}.segment-item{background-color:#31324499;border:1px solid rgba(137,180,250,.15);border-radius:8px;margin-bottom:20px;overflow:hidden}.segment-item h3{background-color:#1e1e2ecc;margin:0;padding:15px;border-bottom:1px solid rgba(137,180,250,.15);font-size:1.1rem;color:#cdd6f4}.segment-error{padding:15px;color:#f38ba8;background-color:#f38ba81a}[dir=rtl] .option-item small{margin-left:0;margin-right:24px}[dir=rtl] .input-hint{border-left:none;border-right:4px solid #ffcc00;border-radius:4px 0 0 4px}@media (max-width: 768px){.option-controls{flex-direction:column;gap:15px}.data-info-container{flex-direction:column;gap:5px}}.alternatives-select{margin:8px 0;padding:8px 30px 8px 12px;border:1px solid rgba(137,180,250,.3);border-radius:6px;background-color:#1e1e2ecc;color:#cdd6f4;font-size:.9rem;min-width:200px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cdd6f4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;transition:all .2s ease}.alternatives-select:focus{outline:none;border-color:#89b4fa80}.selected-alternative{margin:8px 0 8px 25px;padding:10px;border-left:3px solid #a6e3a1;background-color:#3132444d;border-radius:0 6px 6px 0}.app-footer{margin-top:50px;text-align:center;color:#a6adc8;font-size:.95rem;padding:20px 15px;border-top:1px solid rgba(137,180,250,.1);background:linear-gradient(0deg,rgba(30,30,46,.5) 0%,transparent 100%)}.app-footer p{margin:0;position:relative;display:inline-block}.app-footer p:before,.app-footer p:after{content:"❤️";display:inline-block;margin:0 10px;animation:heartbeat 1.5s infinite alternate}@keyframes heartbeat{0%{transform:scale(1)}to{transform:scale(1.2)}}