@media (min-width: 62em){

    }

    @media (max-width: 61.95em){
 
    }
    
    @media (max-width: 47.95em){
        body {
            overflow-x: hidden !important;
            width: 100vw;
            z-index: 1;
          }
        
          header {
            padding: 6px 10px !important;
            min-height: 40px;
            flex-wrap: nowrap;
            position: relative;
            z-index: 1;
            max-width: 100vw;
            overflow-x: hidden;
          }
        
          header .logo {
            font-size: 0.85rem !important;
            gap: 3px !important;
            white-space: nowrap;
            max-width: 70%;
          }
        
          header .logo svg {
            width: 16px !important;
            height: 16px !important;
            flex-shrink: 0;
          }
        
          .controls {
            gap: 5px;
            flex-shrink: 0;
            max-width: 30%;
            z-index: 2;
            position: relative;
          }
        
          .theme-switch, .language-switch {
            padding: 3px;
          }
        
        /* Varsayılan menü durumu: görünmez, yukarı kaymış, tıklanamaz */
        .language-menu {
          position: absolute;      /* Yine sabit/bağıl konumlama */
          top: 100%;              /* Butonun altından başlasın */
          right: 0;
          transform: translateY(-10px);
          opacity: 0;
          pointer-events: none;    /* Tıklamayı devre dışı bırak */
          transition: transform 0.2s ease-out, opacity 0.2s ease-out;
          background-color: var(--card-light);
          border: 2px solid var(--border);
          border-radius: 4px;
          z-index: 1000;
          transform: scaleY(0);
          transform-origin: top right;
          position: fixed;
          top: 45px;
          right: 10px;
          width: auto;
          max-width: 85px;
          overflow: hidden;
          z-index: 10;
          pointer-events: none;
          /* Eğer max-width vs. istersen ekleyebilirsin */
        }
        
        /* Menü aktifleşince: translate ve opacity değerleri normale */
        .language-menu.active {
          transform: translateY(0);
          opacity: 1;
          pointer-events: auto;    /* Artık tıklanabilir */
          }
        
          .controls .material-icons {
            font-size: 16px !important;
          }
        
          .tab {
            padding: 0.4rem;
            font-size: 0.75rem;
            min-width: 50%;
            box-sizing: border-box;
          }
        
          .tab-text {
            font-size: 0.75rem;
            line-height: 1.1;
            display: inline-flex;
            max-width: 100%;
          }
        
          .tab-indicator {
            height: 1.5px;
          }
        
          .upload-area {
            width: calc(100%);
            height: 200px;
            box-sizing: border-box;
          }
        
          .upload-icon {
            font-size: 1.8rem !important;
            margin-bottom: 0.3rem;
          }
        
          .upload-text {
            font-size: clamp(0.7rem, vw, 1rem);
            margin-bottom: 0.2rem;
            line-height: 1.2;
            word-break: break-word;
            justify-content: center;
          }
        
          .upload-subtext {
            font-size: 0.7rem !important;
          }
        
          main {
            padding: 0.8rem;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            max-width: 100vw;
            overflow-x: hidden;
          }
        
          .conversion-container {
            width: calc(100% - 32px) !important;
            margin: 0 16px !important;
            padding: 1.2rem !important;
            max-width: none;
          }
        
          .btn {
            padding: 0.5rem 1rem;
            font-size: 0.85rem;
            margin-top: 0.8rem;
            width: 100%;
            max-width: 100%;
          }
        
          footer {
            padding: 0.4rem !important;
            height: auto;
            bottom: 0;
            max-width: 100vw;
            overflow: hidden;
          }
        
          .footer-content {
            gap: 5px;
            transform: scale(0.95);
            flex-wrap: nowrap;
          }
        
          .github-icon {
            width: 60px !important;
            height: 25px !important;
            max-width: 100%;
          }
        
          footer p {
            font-size: 0.7rem !important;
            white-space: nowrap;
          }
        
          .file-name {
            font-size: 0.8rem;
            word-break: break-all;
          }
        
          .file-size {
            font-size: 0.75rem;
          }
        
          * {
            max-width: 100%;
            box-sizing: border-box;
          }
        }
    
    @media (max-width: 35.95em){
 
    }
    
    
    @media (max-width: 29.95em){
    
    }
    
    
    @media (min-width: 36em) and (max-width: 47.95em){	
    }
    
      
    
    @media (min-width: 48em) and (max-width: 61.95em){
  
    }
     
    
    @media (min-width: 62em) and (max-width: 74.9em){
    
    
    }
    
    @media (min-width: 75em){
    
    }