:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:#f8f9fa}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.ocr-tool{background:transparent!important}.ocr-tool header{text-align:center;margin-bottom:2rem}.ocr-tool header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#212529}.ocr-tool header h2{font-size:1.5rem;color:#666;margin-bottom:1rem;font-weight:400}.ocr-tool header h3{font-size:1.25rem;color:#333;margin-bottom:.5rem;font-weight:600}.ocr-tool header .seo-description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:1rem;max-width:800px;margin-left:auto;margin-right:auto}.ocr-tool .upload-section{background:#fff!important;padding:2rem!important;border-radius:12px!important;color:#333!important;text-align:center!important;margin-bottom:2rem!important;margin-top:1rem!important;box-shadow:0 2px 8px #0000001a!important;transition:all .3s ease!important;border:1px solid #e9ecef!important}.ocr-tool .upload-section .language-selector{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.ocr-tool .upload-section .language-selector label{font-weight:600!important;margin-bottom:0!important;color:#495057!important;display:inline!important}.ocr-tool .upload-section .language-selector .react-select-container{min-width:150px}.ocr-tool .upload-section .language-selector .react-select-container .react-select__control{background:#ffffffe6;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.ocr-tool .upload-section .language-selector .react-select-container .react-select__control:hover{background:#fff;transform:translateY(-1px)}.ocr-tool .upload-section .language-selector .react-select-container .react-select__control.react-select__control--is-focused{background:#fff;box-shadow:0 4px 20px #00000026}.ocr-tool .upload-section .language-selector .react-select-container .react-select__menu{border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.ocr-tool .upload-section .file-input{display:none}.ocr-tool .upload-section .choose-files-btn{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #007bff33;margin:1rem 0}.ocr-tool .upload-section .choose-files-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.ocr-tool .upload-section .choose-files-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ocr-tool .upload-section .file-selected-info{text-align:center;padding:1rem}.ocr-tool .upload-section .file-selected-info .file-count{color:#28a745;font-weight:600;font-size:.9rem}.ocr-tool .upload-section .button-group{display:flex;gap:1rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.ocr-tool .upload-section .button-group .process-btn,.ocr-tool .upload-section .button-group .reset-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.ocr-tool .upload-section .button-group .process-btn{background:#007bff;color:#fff;box-shadow:0 2px 4px #007bff33}.ocr-tool .upload-section .button-group .process-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.ocr-tool .upload-section .button-group .process-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ocr-tool .upload-section .button-group .reset-btn{background:#dc3545;color:#fff;box-shadow:0 2px 4px #dc354533}.ocr-tool .upload-section .button-group .reset-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.ocr-tool .upload-section .button-group .reset-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ocr-tool .images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0;position:relative;z-index:1}.ocr-tool .image-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .2s;border:1px solid #e9ecef;position:relative;z-index:2}.ocr-tool .image-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.ocr-tool .image-card .image-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.ocr-tool .image-card .image-header .image-name{font-size:.875rem;font-weight:600;color:#495057;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;margin-right:.5rem}.ocr-tool .image-card .image-header .remove-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.ocr-tool .image-card .image-header .remove-btn:hover{background:#dc3545;color:#fff}.ocr-tool .image-card .image-header .remove-btn:disabled{opacity:.5;cursor:not-allowed}.ocr-tool .image-card img{width:100%;height:200px;object-fit:cover;display:block}.ocr-tool .image-card .pdf-thumbnail{width:100%;height:200px;object-fit:contain;display:block;background:#f8f9fa}.ocr-tool .image-card .pdf-placeholder,.ocr-tool .image-card .file-placeholder{position:relative;width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;color:#495057;font-size:1.25rem;font-weight:600;border:2px solid #dee2e6}.ocr-tool .image-card .pdf-placeholder span,.ocr-tool .image-card .file-placeholder span{padding:.75rem 1.5rem;background:#dc3545;color:#fff;border-radius:6px}.ocr-tool .image-card .extraction-method{position:absolute;top:.75rem;left:.75rem;background:#007bff;color:#fff;padding:.25rem .5rem;border-radius:50px;font-size:.7rem;font-weight:600;z-index:4}.ocr-tool .image-card .progress-bar.small{position:absolute;bottom:0;left:0;right:0;height:4px;background:#e9ecef}.ocr-tool .image-card .progress-bar.small .progress-fill{height:100%;background:#007bff;transition:width .3s ease}.ocr-tool .image-card .progress-bar.small .progress-text{position:absolute;top:-20px;right:8px;font-size:.7rem;color:#495057;background:#ffffffe6;padding:2px 4px;border-radius:2px}.ocr-tool .image-card .image-text-preview{padding:1rem;font-size:.75rem;color:#6c757d;background:#f8f9fa}.ocr-tool .image-card .image-text-preview p{margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4}.ocr-tool .image-card .processing-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#007bffe6;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;z-index:5}.ocr-tool .results-section{background:#fff!important;border-radius:20px!important;padding:2rem!important;box-shadow:0 10px 30px #0000001a!important;margin-top:2rem!important;border:none!important}.ocr-tool .results-section .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.ocr-tool .results-section .results-header h3{color:#333;margin:0;display:flex;align-items:center;gap:.5rem}.ocr-tool .results-section .results-header h3 .method-icon{font-size:1.2rem}.ocr-tool .results-section .results-header .results-actions{display:flex;gap:.5rem}.ocr-tool .results-section .results-header .results-actions button{padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.ocr-tool .results-section .results-header .results-actions button.copy-btn{background:#007aff;color:#fff}.ocr-tool .results-section .results-header .results-actions button.copy-btn:hover{background:#0056b3;transform:translateY(-1px)}.ocr-tool .results-section .results-header .results-actions button.download-btn{background:#34c759;color:#fff}.ocr-tool .results-section .results-header .results-actions button.download-btn:hover{background:#28a745;transform:translateY(-1px)}.ocr-tool .results-section .extracted-text{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;max-height:500px;overflow-y:auto;color:#333}.ocr-tool .results-section .extracted-text:empty{display:none}.ocr-tool .results-section .individual-results{margin-bottom:2rem}.ocr-tool .results-section .individual-results .results-header h3{color:#333;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700;padding-bottom:.5rem;border-bottom:3px solid #007bff}.ocr-tool .results-section .individual-results .individual-result{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:2px solid #007bff;box-shadow:0 4px 12px #007bff1a}.ocr-tool .results-section .individual-results .individual-result h5{color:#212529;margin:0 0 1rem;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.ocr-tool .results-section .individual-results .individual-result h5 .method-badge{background:#28a745;color:#fff;padding:.3rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.ocr-tool .results-section .individual-results .individual-result textarea.extracted-text.small{width:100%;min-height:150px;padding:1rem;border:1px solid #ced4da;border-radius:8px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem;line-height:1.6;resize:vertical;margin-bottom:1rem;background:#f8f9fa;color:#212529}.ocr-tool .results-section .individual-results .individual-result .copy-btn.small{background:#007bff;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #007bff33}.ocr-tool .results-section .individual-results .individual-result .copy-btn.small:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}.ocr-tool .results-section .individual-results .individual-result .copy-btn.small:active{transform:translateY(0)}.ocr-tool .results-section .combined-results{margin-top:3rem;padding-top:2rem;border-top:2px solid #dee2e6}.ocr-tool .error-message{background:#f8d7da;color:#721c24;padding:1rem 1.5rem;border-radius:6px;margin:1rem 0;text-align:center;border:1px solid #f5c6cb}@media(max-width:768px){.ocr-tool header{margin-bottom:1.5rem}.ocr-tool header h1{font-size:2rem}.ocr-tool header h2{font-size:1.25rem}.ocr-tool header .seo-description{font-size:1rem}.ocr-tool .upload-section{padding:1.5rem}.ocr-tool .upload-section .language-selector{flex-direction:column;gap:.5rem;text-align:center}.ocr-tool .images-grid{grid-template-columns:1fr;gap:1rem}.ocr-tool .results-section{padding:1.5rem}.ocr-tool .results-section .results-header{flex-direction:column;align-items:flex-start;gap:1rem}}.ip-geo-tool header{text-align:center;margin-bottom:2rem}.ip-geo-tool header h1{font-size:2.5rem;font-weight:700;color:#212529;margin-bottom:.5rem}.ip-geo-tool header .subtitle{font-size:1.125rem;color:#666;max-width:700px;margin:0 auto}.ip-geo-tool .ip-geo-container{max-width:800px;margin:0 auto}.ip-geo-tool .ip-input-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;margin-bottom:2rem}.ip-geo-tool .ip-input-section label{display:block;font-weight:600;color:#495057;margin-bottom:.5rem;font-size:1rem}.ip-geo-tool .ip-input-section .ip-input-group{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.ip-geo-tool .ip-input-section .ip-input{flex:1;padding:.75rem 1rem;border:1px solid #dee2e6;border-radius:6px;font-size:1rem;transition:all .2s;background:#fff}.ip-geo-tool .ip-input-section .ip-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.ip-geo-tool .ip-input-section .ip-input:disabled{background:#f8f9fa;opacity:.7;cursor:not-allowed}.ip-geo-tool .ip-input-section .check-location-btn{padding:.75rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 4px #007bff33}.ip-geo-tool .ip-input-section .check-location-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.ip-geo-tool .ip-input-section .check-location-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.ip-geo-tool .ip-input-section .error-message{color:#dc3545;font-size:.875rem;font-weight:500;background:#f8d7da;padding:.75rem 1rem;border-radius:6px;border:1px solid #f5c6cb;margin-top:1rem}.ip-geo-tool .geo-results-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;opacity:0;animation:fadeInStable .3s ease-out forwards}.ip-geo-tool .geo-results-section h2{margin-bottom:1.5rem;color:#212529;font-size:1.5rem;font-weight:700;border-bottom:1px solid #e9ecef;padding-bottom:1rem}.ip-geo-tool .geo-results-section .geo-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.ip-geo-tool .geo-results-section .geo-item{background:#f8f9fa;padding:1rem;border-radius:6px;border:1px solid #e9ecef;transition:all .2s}.ip-geo-tool .geo-results-section .geo-item:hover{background:#f1f3f5;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.ip-geo-tool .geo-results-section .geo-item strong{color:#007bff;display:block;margin-bottom:.25rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}@keyframes fadeInStable{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.ip-geo-tool header{margin-bottom:1.5rem}.ip-geo-tool header h1{font-size:2rem}.ip-geo-tool header .subtitle{font-size:1rem}.ip-geo-tool .ip-input-section{padding:1.5rem}.ip-geo-tool .ip-input-section .ip-input-group{flex-direction:column;align-items:stretch;gap:.75rem}.ip-geo-tool .ip-input-section .check-location-btn{width:100%;min-width:auto}.ip-geo-tool .geo-results-section{padding:1.5rem}.ip-geo-tool .geo-results-section .geo-data-grid{grid-template-columns:1fr;gap:.75rem}}@media(max-width:480px){.ip-geo-tool .ip-input-section,.ip-geo-tool .geo-results-section{padding:1rem}.ip-geo-tool .geo-results-section .geo-item{padding:.75rem}}.json-tool-container .tokens-display .tokens-grid{line-height:1.8;word-wrap:break-word;white-space:pre-wrap}.json-tool-container .tokens-display .token:hover{opacity:.8}.json-tool-container .tokens-display .token.selected{font-weight:700}.json-tool-container .token-details-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.json-tool-container .token-details-section .token-details .detail-item{margin-bottom:.5rem}.json-tool-container .token-details-compact{margin-top:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem}.json-tool-container .token-details-compact .detail-grid{display:grid;gap:.5rem;margin-top:.5rem}.json-tool-container .token-details-compact .detail-grid span{font-size:.875rem}.json-tool-container .decoding-options{margin-top:1rem}.json-tool-container .decoding-options h4{margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#374151}.json-tool-container .decoding-options .decoding-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.json-tool-container .decoding-options .decoding-buttons .decoding-btn{padding:.25rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;font-size:.75rem;cursor:pointer;transition:all .2s}.json-tool-container .decoding-options .decoding-buttons .decoding-btn:hover{background-color:#f3f4f6}.json-tool-container .decoding-options .decoding-buttons .decoding-btn.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.json-tool-container .jwt-info-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.json-tool-container .jwt-info-section .jwt-details .jwt-part{margin-bottom:1rem}.json-tool-container .jwt-info-section .jwt-details .jwt-part h4{margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#374151}.json-tool-container .jwt-info-section .jwt-details .jwt-part .jwt-content{background-color:#f9fafb;padding:.75rem;border-radius:.375rem;font-size:.75rem;overflow-x:auto}.json-tool-container .jwt-info-compact{margin-top:1rem;padding:1rem;background-color:#f0f9ff;border-radius:.5rem;border:1px solid #bfdbfe}.json-tool-container .jwt-info-compact h4{margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#1e40af}.json-tool-container .jwt-info-compact .jwt-summary div{margin-bottom:.25rem;font-size:.75rem;color:#1e40af}.json-tool-container .token-help{margin-top:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;text-align:center;color:#6b7280;font-style:italic}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:80px;overflow-y:auto;min-height:100vh}body{width:100%;margin:0;padding:0;overflow-x:hidden;-webkit-overflow-scrolling:touch;overflow-y:auto}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #f59e0b;--success: #10b981;--danger: #ef4444;--dark: #1f2937;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa!important;color:#212529!important;line-height:1.6}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;margin:0;padding:0}.app-container{flex:1;width:100%;display:flex;flex-direction:column;margin:0;padding:0;position:relative;z-index:0;min-height:100vh;box-sizing:border-box;overflow:visible}.main-nav{background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.main-nav>div{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:64px;width:100%}.nav-brand{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.brand-text{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;border:none;padding:0;font-size:inherit;font-weight:inherit;cursor:pointer;transition:opacity .2s ease}.brand-text:hover{opacity:.8}.brand-short{display:none}.brand-full{display:inline}@media(max-width:1062px)and (min-width:769px){.brand-short{display:inline}.brand-full{display:none}}.footer-brand-full{display:none}@media(max-width:1062px)and (min-width:769px){.footer-brand-full{display:inline;font-size:.875rem;color:var(--gray-400)}}.nav-menu{display:flex;gap:.5rem;align-items:center}.nav-dropdown .dropdown-toggle{background:none;border:none;padding:.5rem 1rem;border-radius:var(--radius);color:var(--gray-700);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.nav-dropdown .dropdown-toggle:hover{background:var(--gray-50);color:var(--primary)}.nav-dropdown .dropdown-toggle.active{background:var(--primary);color:#fff}.nav-language-selector{margin-left:1rem;padding-left:1rem;border-left:1px solid var(--gray-200)}.nav-dropdown{position:relative;display:inline-block}.dropdown-toggle{cursor:pointer;user-select:none}.dropdown-menu{position:absolute;top:100%;left:0;min-width:180px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1000;margin-top:.25rem}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;border-bottom:1px solid var(--gray-100);color:var(--gray-700);cursor:pointer;transition:all .2s ease;font-size:.875rem}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--gray-50);color:var(--primary)}.dropdown-item.active{background:var(--primary);color:#fff}.dropdown-item:first-child{border-radius:var(--radius) var(--radius) 0 0}.dropdown-item:last-child{border-radius:0 0 var(--radius) var(--radius)}.dropdown-divider{height:1px;background:var(--gray-200);margin:.5rem 0}.dropdown-item.coffee-item{background:linear-gradient(135deg,#fff8e1,#fff3c4);font-weight:600;transition:all .3s ease}.dropdown-item.coffee-item:hover{background:linear-gradient(135deg,#fd0,#fbb034);color:#000;transform:translate(5px)}.mobile-nav-language-selector{padding:1rem 2rem;border-top:1px solid var(--gray-100);background:var(--gray-50)}.nav-item{background:transparent;border:none;color:var(--gray-600);padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;border-radius:var(--radius);white-space:nowrap}.nav-item:hover{color:var(--primary);background:var(--gray-50)}.nav-item.active{background:var(--primary);color:#fff}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--gray-700);cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:all .2s}.mobile-menu-btn:hover{background:var(--gray-100);color:var(--primary)}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);border-top:1px solid var(--gray-200);box-shadow:var(--shadow-lg);z-index:100}.mobile-menu.open{display:block}.mobile-menu .nav-item{display:block;width:100%;text-align:left;padding:1rem 2rem;border-bottom:1px solid var(--gray-100);background:none;border-radius:0}.mobile-menu .nav-item:last-child{border-bottom:none}.mobile-menu .nav-item.active{background:var(--primary);color:#fff}.mobile-submenu{width:100%}.submenu-toggle{cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:space-between}.submenu-items{background:var(--gray-50);border-top:1px solid var(--gray-200)}.submenu-item{padding-left:3rem!important;background:var(--gray-50)!important;font-size:.875rem;color:var(--gray-600)}.submenu-item:hover{background:var(--gray-100)!important;color:var(--primary)}.submenu-item.active{background:var(--primary)!important;color:#fff}@media(max-width:768px){.mobile-menu-btn{display:block}.nav-menu{display:none}.main-nav>div{padding:0 1rem;height:56px;position:relative}.nav-brand{font-size:1rem}.nav-language-selector{display:none}}@media(max-width:480px){.nav-brand{font-size:.875rem}.mobile-menu .nav-item{padding:.875rem 1rem;font-size:.875rem}.content-wrapper{padding:.75rem;overflow:visible}.upload-section{padding:1rem;margin-top:.25rem}.images-grid{gap:.75rem;margin-bottom:1rem}.image-card{transform:none!important;transition:none}.button-group{gap:.5rem}.copy-btn,.add-files-btn{font-size:.875rem}.results-section{padding:1rem;margin-top:1rem}}.content-wrapper{flex:1;width:100%;padding:2rem;padding-bottom:100px;position:relative;z-index:0;background:#f8f9fa!important;transform:none;scroll-padding-top:80px;box-sizing:border-box;overflow:visible}@media(max-width:768px){.content-wrapper{padding:1rem;padding-bottom:100px;overflow:visible}.upload-section{margin-top:.5rem;padding:1.5rem}.images-grid{gap:1rem;margin-bottom:1.5rem}.image-card{margin-bottom:.5rem;transform:none!important}.results-section{margin-top:1.5rem;padding:1.5rem}}header{text-align:center;margin-bottom:2rem;position:relative;z-index:1}header h1{font-size:2.5rem;font-weight:800;color:var(--gray-900);line-height:1.2;margin-bottom:.75rem}.subtitle{font-size:1.125rem;color:var(--gray-600);max-width:700px;margin:0 auto}@media(max-width:768px){header h1{font-size:1.75rem}.subtitle{font-size:1rem}}.upload-section{background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem;margin-top:1rem;border:1px solid var(--gray-200);width:100%;position:relative;z-index:1;transform:none;scroll-margin-top:80px}.language-selector{margin-bottom:1.5rem}.language-selector label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--gray-700)}.file-upload{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}#file-input{display:none}.file-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:all .2s;border:none}.file-label:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.file-count{color:var(--gray-600);font-size:.875rem}@media(max-width:768px){.upload-section{padding:1.5rem;transform:none!important}}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;position:relative;z-index:1}@media(max-width:768px){.images-grid{grid-template-columns:1fr;gap:1rem}}.image-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:all .2s;border:1px solid var(--gray-200);position:relative;z-index:2}.image-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.image-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.image-name{font-size:.875rem;font-weight:600;color:var(--gray-700);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;margin-right:.5rem}.remove-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray-400);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:all .2s;flex-shrink:0}.remove-btn:hover{background:var(--danger);color:#fff}.image-card img{width:100%;height:200px;object-fit:cover;display:block}.pdf-thumbnail{border:2px solid var(--danger)}.pdf-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--danger);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius);font-size:1rem;font-weight:600}.extraction-method{position:absolute;top:.75rem;left:.75rem;background:var(--primary);color:#fff;padding:.25rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:600;z-index:4}.image-text-preview{padding:1rem;font-size:.75rem;color:var(--gray-600);background:var(--gray-50)}.image-text-preview p{margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.processing-indicator{position:absolute;bottom:.75rem;right:.75rem;background:var(--gray-900);color:#fff;padding:.375rem .75rem;border-radius:var(--radius);font-size:.7rem;font-weight:600;z-index:4}.progress-bar{width:calc(100% - 2rem);height:20px;background:var(--gray-200);border-radius:9999px;overflow:hidden;position:relative;margin:1rem}.progress-bar.small{height:16px}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600;color:var(--gray-700);font-size:.75rem}.button-group{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap;position:relative;z-index:2;clear:both;width:100%}.process-btn,.reset-btn,.copy-btn,.add-files-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.process-btn{background:var(--success);color:#fff}.process-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-md)}.process-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.reset-btn{background:var(--white);color:var(--gray-700);border:2px solid var(--gray-300)}.reset-btn:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:#fef2f2}.copy-btn{background:var(--gray-700);color:#fff}.copy-btn:hover{background:var(--gray-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.copy-btn.small{padding:.5rem 1rem;font-size:.875rem}.add-files-btn{background:var(--primary);color:#fff}.add-files-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:768px){.button-group{width:100%}.process-btn,.reset-btn{flex:1}.copy-btn,.add-files-btn{flex:1;min-width:0}}.results-section{background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);border:1px solid var(--gray-200);margin-top:2rem;position:relative;z-index:1;width:100%;clear:both;overflow:visible;contain:none}.results-section h2{margin-bottom:1.5rem;color:var(--gray-900);font-size:1.75rem;font-weight:700}.results-tabs{margin-bottom:1.5rem}.tab-btn{padding:.5rem 1rem;border:1px solid var(--gray-300);background:#fff;cursor:pointer;border-radius:var(--radius);margin-right:.5rem;transition:all .2s;font-weight:500;color:var(--gray-700)}.tab-btn:hover{border-color:var(--primary);color:var(--primary)}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.text-result{margin-bottom:2rem}.extracted-text{width:100%;padding:1rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-family:Consolas,Monaco,monospace;font-size:.875rem;resize:vertical;min-height:150px;background:var(--gray-50);color:var(--gray-900);transition:all .2s}.extracted-text:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.extracted-text.small{min-height:100px;font-size:.8125rem}.individual-results{border-top:1px solid var(--gray-200);padding-top:2rem}.individual-results h4{margin-bottom:1rem;color:var(--gray-900);font-size:1.25rem;font-weight:600}.individual-result{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem}.individual-result h5{margin:0 0 .75rem;color:var(--gray-900);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.method-badge{background:var(--primary);color:#fff;padding:.125rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:500}@media(max-width:768px){.results-section{padding:1.5rem}.individual-result{padding:1rem}}.json-tool-container{height:calc(100vh - 200px);min-height:600px}.json-input-section,.json-output-section{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;height:100%;margin:0 .5rem}.json-input-section:first-child{margin-left:0}.json-output-section:last-child{margin-right:0}.json-splitter{width:8px;background:var(--gray-200);cursor:col-resize;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .2s;border-radius:var(--radius);margin:0 .25rem}.json-splitter:hover{background:var(--primary)}.json-splitter:after{content:"";width:2px;height:40px;background:var(--gray-400);border-radius:1px;transition:background-color .2s}.json-splitter:hover:after{background:var(--white)}.json-splitter[data-resize-handle-active]{background:var(--primary)}.json-splitter[data-resize-handle-active]:after{background:var(--white)}.json-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.json-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--gray-900)}.json-actions{display:flex;gap:.5rem}.json-output-actions{display:flex;gap:.5rem;align-items:center}.format-btn,.clear-btn,.expand-btn,.collapse-btn{padding:.375rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--white);color:var(--gray-700);font-size:.875rem;cursor:pointer;transition:all .2s}.format-btn:hover:not(:disabled),.clear-btn:hover,.expand-btn:hover,.collapse-btn:hover{border-color:var(--primary);color:var(--primary)}.format-btn:disabled{opacity:.5;cursor:not-allowed}.json-input{flex:1;padding:1rem;border:none;resize:none;font-family:Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;background:var(--white);color:var(--gray-900);outline:none}.json-input::placeholder{color:var(--gray-400)}.search-controls{padding:1rem 1.5rem;border-top:1px solid var(--gray-200);background:var(--gray-50);display:flex;gap:1rem}.search-group{flex:1}.search-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--gray-700)}.search-input{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.875rem;background:var(--white);color:var(--gray-900);transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.json-output{flex:1;overflow:auto;background:var(--gray-50)}.json-display{margin:0;padding:1rem;font-family:Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;background:var(--gray-50);color:var(--gray-900);word-wrap:break-word}.json-container{margin:.25rem 0}.json-line{display:flex;align-items:center;gap:.25rem}.json-toggle{cursor:pointer;user-select:none;color:var(--primary);font-weight:600;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;transition:all .2s;font-size:.75rem;margin-right:.25rem}.json-toggle:hover{background:var(--gray-100);border-radius:var(--radius)}.json-bracket{color:var(--gray-700);font-weight:600}.json-closing-bracket{color:var(--gray-700);font-weight:600;margin-top:.25rem;padding-left:.5rem}.json-content{padding-left:.5rem}.json-item{margin:.25rem 0;display:flex;align-items:flex-start;gap:.25rem}.json-key{color:var(--primary);font-weight:600;flex-shrink:0}.json-string{color:var(--success)}.json-number{color:#d19a66}.json-boolean{color:#56b6c2}.json-null{color:var(--gray-500);font-style:italic}.json-array,.json-object{color:var(--gray-700)}.json-comma{color:var(--gray-600);margin-left:-.25rem}.json-error{padding:2rem;color:var(--danger);display:flex;align-items:center;gap:.5rem;font-weight:500}.error-icon{font-size:1.25rem}.json-placeholder{padding:2rem;color:var(--gray-400);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%}.placeholder-icon{font-size:3rem;margin-bottom:1rem}@media(max-width:1024px){.json-tool-container{height:auto;min-height:90vh;display:flex;flex-direction:column}.json-input-section,.json-output-section{min-height:45vh;flex:1;margin:.25rem;display:flex;flex-direction:column}.json-splitter{height:8px;width:100%;cursor:row-resize;margin:.25rem 0;background:var(--gray-300)}.json-splitter:after{width:40px;height:2px}.search-controls{flex-direction:column;gap:.75rem}}@media(max-width:768px){.json-header{padding:.75rem 1rem}.json-input{padding:.75rem;font-size:.8125rem;min-height:200px}.json-output{min-height:200px}.search-controls{padding:.75rem 1rem}.json-display{padding:.75rem;font-size:.8125rem}.json-actions,.json-output-actions{gap:.25rem;flex-wrap:wrap}.format-btn,.clear-btn,.expand-btn,.collapse-btn{padding:.25rem .5rem;font-size:.8125rem}.json-content{margin-left:.25rem;padding-left:.25rem}.json-item{flex-direction:column;align-items:flex-start;gap:.25rem}.json-toggle{font-size:.8125rem}}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.metadata-item{background:var(--gray-50);padding:1rem;border-radius:var(--radius);border:1px solid var(--gray-200)}.metadata-item strong{color:var(--gray-900);display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.metadata-item span,.metadata-item:not(strong){color:var(--gray-700);font-size:.875rem}@media(max-width:768px){.metadata-grid{grid-template-columns:1fr;gap:.75rem}.metadata-item{padding:.75rem}}.page-content{width:100%}.page-content h1{font-size:2.5rem;font-weight:800;color:var(--gray-900);text-align:center;margin-bottom:2rem}.content-section{background:var(--white);padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);line-height:1.8;border:1px solid var(--gray-200)}.content-section p{margin-bottom:1rem;color:var(--gray-700)}.content-section h3{color:var(--gray-900);margin:2rem 0 1rem;font-size:1.375rem;font-weight:700}.content-section ul{margin:0 0 1rem;padding-left:1.5rem}.content-section li{margin-bottom:.5rem;color:var(--gray-700)}.content-section a{color:var(--primary);text-decoration:none;font-weight:500}.content-section a:hover{color:var(--primary-dark);text-decoration:underline}@media(max-width:768px){.page-content h1{font-size:1.875rem}.content-section{padding:1.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-content,.results-section{opacity:0;animation:fadeInStable .3s ease-out forwards}@keyframes fadeInStable{0%{opacity:0}to{opacity:1}}.upload-section,.images-grid,.button-group{contain:style;will-change:auto}.image-card,.results-section{backface-visibility:hidden;transform-style:preserve-3d}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.main-footer{position:fixed;bottom:0;left:0;right:0;background:var(--gray-900);color:var(--gray-300);padding:.75rem 0;border-top:1px solid var(--gray-800);z-index:40}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}.footer-text{font-size:.875rem;margin:0;white-space:nowrap}.footer-links{display:flex;gap:1.5rem;align-items:center}.footer-link{color:var(--primary-light);text-decoration:none;font-weight:500;transition:color .2s;display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;white-space:nowrap}.footer-link:hover{color:var(--white);text-decoration:underline}.footer-link.buy-me-coffee{background:linear-gradient(135deg,#fd0,#fbb034);color:#000;padding:8px 16px;border-radius:20px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none;box-shadow:0 2px 8px #fbb0344d}.footer-link.buy-me-coffee:hover{background:linear-gradient(135deg,#fbb034,#fd0);transform:translateY(-2px);box-shadow:0 4px 12px #fbb03466;color:#000;text-decoration:none}.app-container{padding-bottom:60px}@media(max-width:768px){.footer-content{padding:0 1rem;gap:1rem}.footer-text,.footer-link{font-size:.8125rem}.footer-links{gap:1rem}}@media(max-width:480px){.footer-content{flex-direction:column;gap:.5rem}.footer-links{gap:.75rem}.app-container{padding-bottom:80px}}@media print{.main-nav,.button-group,.file-upload,.main-footer{display:none}.content-wrapper{padding:0}.results-section{box-shadow:none;border:1px solid black}}.tokens-display{padding:1rem;max-height:calc(100vh - 300px);overflow-y:auto}.tokens-grid{line-height:1.8;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;white-space:pre-wrap;word-break:break-word}.token{cursor:pointer;padding:2px 4px;border-radius:3px;margin:0 1px;display:inline-block;transition:all .2s ease;border:1px solid transparent;user-select:none}.token:hover{background-color:var(--gray-100)!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.token.selected{background-color:var(--primary-light)!important;color:#fff!important;border-color:var(--primary)!important;box-shadow:var(--shadow-md)}.token-details-section{margin-top:1rem;padding:1rem;background-color:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.token-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.detail-item{padding:.5rem;background-color:#fff;border-radius:var(--radius-sm);border:1px solid var(--gray-200);font-family:monospace;font-size:.875rem}.token-details-compact{margin-top:1rem;padding:1rem;background-color:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.token-details-compact h4{margin-bottom:.5rem;color:var(--gray-700);font-size:.875rem;font-weight:600}.detail-grid{display:grid;gap:.25rem;font-family:monospace;font-size:.75rem}.detail-grid span{color:var(--gray-600)}.token-count{display:inline-flex;align-items:center;padding:.25rem .5rem;background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;margin-right:.5rem}.token-help{margin-top:1rem;padding:1rem;text-align:center;color:var(--gray-500);font-style:italic;background-color:var(--gray-50);border-radius:var(--radius)}.token-string{color:#22c55e}.token-number{color:#3b82f6}.token-boolean{color:#f59e0b}.token-null{color:#6b7280}.token-left-brace,.token-right-brace,.token-left-bracket,.token-right-bracket{color:#8b5cf6}.token-colon,.token-comma{color:#64748b}.token-keyword{color:#ef4444}.token-unknown{color:#dc2626}@media(max-width:768px){.tokens-display{padding:.5rem;max-height:calc(100vh - 200px)}.tokens-grid{font-size:12px}.token{padding:1px 3px;margin:0 .5px}.token-details{grid-template-columns:1fr}.detail-grid{font-size:.7rem}.token-count{font-size:.7rem;padding:.2rem .4rem}}.decoding-options{margin-top:1rem;padding:1rem;background-color:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.decoding-options h4{margin-bottom:.75rem;color:var(--gray-700);font-size:.875rem;font-weight:600}.decoding-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.decoding-btn{padding:.5rem .75rem;border:1px solid var(--gray-300);background-color:#fff;color:var(--gray-700);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.decoding-btn:hover{background-color:var(--gray-100);border-color:var(--gray-400)}.decoding-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-sm)}.jwt-info-section{margin-top:1rem;padding:1rem;background-color:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.jwt-details{display:grid;gap:1rem}.jwt-part{background-color:#fff;padding:1rem;border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.jwt-part h4{margin-bottom:.5rem;color:var(--gray-700);font-size:.875rem;font-weight:600}.jwt-content{background-color:var(--gray-50);padding:.75rem;border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;white-space:pre-wrap;overflow-x:auto;border:1px solid var(--gray-200);color:var(--gray-700)}.jwt-info-compact{margin-top:1rem;padding:1rem;background-color:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.jwt-info-compact h4{margin-bottom:.5rem;color:var(--gray-700);font-size:.875rem;font-weight:600}.jwt-summary{display:grid;gap:.25rem;font-family:monospace;font-size:.75rem}.jwt-summary div{color:var(--gray-600);padding:.25rem;background-color:#fff;border-radius:var(--radius-sm);border:1px solid var(--gray-200)}@media(max-width:768px){.decoding-buttons{grid-template-columns:repeat(2,1fr)}.decoding-btn{font-size:.7rem;padding:.4rem .6rem}.jwt-details{gap:.75rem}.jwt-content{font-size:.7rem;padding:.5rem}.jwt-summary{font-size:.7rem}}.ip-geo-container{max-width:800px;margin:0 auto}.ip-input-section{background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);border:1px solid var(--gray-200);margin-bottom:2rem}.ip-input-section label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:.5rem;font-size:1rem}.ip-input-group{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.ip-input{flex:1;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:1rem;transition:all .2s;background:var(--white)}.ip-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ip-input:disabled{background:var(--gray-50);opacity:.7;cursor:not-allowed}.check-location-btn{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:140px}.check-location-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.check-location-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.error-message{color:var(--danger);font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.5rem;background:#ef44441a;border-radius:var(--radius);border-left:3px solid var(--danger)}.geo-results-section{background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);border:1px solid var(--gray-200);opacity:0;animation:fadeInStable .3s ease-out forwards}.geo-results-section h2{margin-bottom:1.5rem;color:var(--gray-900);font-size:1.5rem;font-weight:700;border-bottom:1px solid var(--gray-200);padding-bottom:1rem}.geo-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.geo-item{background:var(--gray-50);padding:1rem;border-radius:var(--radius);border:1px solid var(--gray-200);transition:all .2s}.geo-item:hover{background:var(--gray-100);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.geo-item strong{color:var(--primary);display:block;margin-bottom:.25rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.ip-input-group{flex-direction:column;align-items:stretch;gap:.75rem}.check-location-btn{width:100%;min-width:auto}.ip-input-section,.geo-results-section{padding:1.5rem}.geo-data-grid{grid-template-columns:1fr;gap:.75rem}}@media(max-width:480px){.ip-input-section,.geo-results-section{padding:1rem}.geo-item{padding:.75rem}}.audio-transcription-container{max-width:800px;margin:0 auto}.audio-upload-section{background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);border:1px solid var(--gray-200);margin-bottom:2rem;text-align:center}.file-input-wrapper{margin-bottom:1.5rem}.file-input{display:none}.file-input-label{display:inline-block;background:var(--primary);color:#fff;padding:1rem 2rem;border-radius:var(--radius);cursor:pointer;transition:all .2s;font-weight:600;border:none;font-size:1rem}.file-input-label:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.upload-btn{background:var(--success);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s}.upload-btn:hover:not(:disabled){background:var(--success-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.upload-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.transcription-results{background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);border:1px solid var(--gray-200);opacity:0;animation:fadeInStable .3s ease-out forwards}.transcription-results h3{margin-bottom:1.5rem;color:var(--gray-900);font-size:1.5rem;font-weight:700;border-bottom:1px solid var(--gray-200);padding-bottom:1rem}.result-item{background:var(--gray-50);padding:1rem;border-radius:var(--radius);border:1px solid var(--gray-200);margin-bottom:1rem}.result-item:last-child{margin-bottom:0}.result-item h4{margin-bottom:.5rem;color:var(--primary);font-weight:600;font-size:.95rem}.result-item p{margin:0;color:var(--gray-700);word-break:break-word}.download-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius);background:var(--primary-light);border:1px solid var(--primary);transition:all .2s}.download-link:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.transcription-progress{background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);border:1px solid var(--gray-200);margin-bottom:2rem;opacity:0;animation:fadeInStable .3s ease-out forwards}.transcription-progress h3{margin-bottom:1.5rem;color:var(--gray-900);font-size:1.25rem;font-weight:600;text-align:center}.progress-container{max-width:400px;margin:0 auto}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:var(--success);transition:width .3s ease-out;border-radius:4px}.progress-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.progress-stage{color:var(--gray-700);font-weight:600;text-transform:capitalize}.progress-percentage{color:var(--gray-600);font-weight:500}.progress-message{text-align:center;color:var(--gray-600);font-size:.875rem;margin:0;line-height:1.4}.error-message{background:var(--danger-light);color:var(--danger);padding:1rem;border-radius:var(--radius);border:1px solid var(--danger);margin-bottom:2rem;text-align:center}.error-message p{margin:0;font-weight:600}@media(max-width:768px){.audio-upload-section,.transcription-results{padding:1.5rem}}@media(max-width:480px){.audio-upload-section,.transcription-results{padding:1rem}.result-item{padding:.75rem}.file-input-label,.upload-btn{padding:.875rem 1.5rem;font-size:.875rem}}.transcription-text{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;max-height:200px;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}.transcription-text p{margin:0;color:var(--gray-900);word-wrap:break-word;white-space:pre-wrap}.copy-btn{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s}.copy-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.copy-btn:active{transform:translateY(0)}.floating-coffee-button{position:fixed;bottom:80px;right:20px;background:linear-gradient(135deg,#fd0,#fbb034);color:#000;padding:12px 20px;border-radius:50px;text-decoration:none;display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;box-shadow:0 4px 16px #fbb03466;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:999;animation:pulse 2s infinite}.floating-coffee-button:hover{transform:scale(1.1) translateY(-3px);box-shadow:0 6px 20px #fbb03499;background:linear-gradient(135deg,#fbb034,#fd0)}.floating-coffee-button .coffee-icon{font-size:20px;animation:wiggle 2s infinite}.floating-coffee-button .coffee-text{font-size:14px;letter-spacing:.5px}@keyframes pulse{0%{box-shadow:0 4px 16px #fbb03466}50%{box-shadow:0 4px 20px #fbb03499}to{box-shadow:0 4px 16px #fbb03466}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@media(max-width:768px){.floating-coffee-button{bottom:70px;right:15px;padding:10px 16px}.floating-coffee-button .coffee-text{display:none}.floating-coffee-button{border-radius:50%;width:50px;height:50px;padding:0;justify-content:center}}.mobile-divider{height:1px;background:var(--gray-200);margin:.5rem 1rem}.nav-item.submenu-item.coffee-mobile{background:linear-gradient(135deg,#fff8e1,#fff3c4);font-weight:600;color:#000;text-decoration:none;display:block;padding:1rem 2rem 1rem 3rem}.nav-item.submenu-item.coffee-mobile:hover{background:linear-gradient(135deg,#fd0,#fbb034);color:#000}